@optifye/dashboard-core 6.11.32 → 6.11.34

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import * as React142 from 'react';
-import React142__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useSyncExternalStore, useId, Children, isValidElement, useInsertionEffect, startTransition, Fragment as Fragment$1, createElement, Component } from 'react';
+import * as React143 from 'react';
+import React143__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useSyncExternalStore, useId, 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';
@@ -1938,14 +1938,14 @@ var useIdleTimeVlmConfig = () => {
   }
   return context;
 };
-var DashboardConfigContext = React142.createContext(void 0);
+var DashboardConfigContext = React143.createContext(void 0);
 var DashboardProvider = ({ config: userProvidedConfig, children }) => {
-  const fullConfig = React142.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
+  const fullConfig = React143.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
   _setDashboardConfigInstance(fullConfig);
-  React142.useEffect(() => {
+  React143.useEffect(() => {
     _setDashboardConfigInstance(fullConfig);
   }, [fullConfig]);
-  React142.useEffect(() => {
+  React143.useEffect(() => {
     if (!fullConfig.theme) return;
     const styleId = "dashboard-core-theme-vars";
     let styleEl = document.getElementById(styleId);
@@ -1971,7 +1971,7 @@ var DashboardProvider = ({ config: userProvidedConfig, children }) => {
   return /* @__PURE__ */ jsx(DashboardConfigContext.Provider, { value: fullConfig, children: /* @__PURE__ */ jsx(IdleTimeVlmConfigProvider, { children }) });
 };
 var useDashboardConfig = () => {
-  const ctx = React142.useContext(DashboardConfigContext);
+  const ctx = React143.useContext(DashboardConfigContext);
   if (!ctx) throw new Error("useDashboardConfig must be used within a DashboardProvider");
   return ctx;
 };
@@ -2444,6 +2444,107 @@ var _getSupabaseInstanceOptional = () => {
   return supabaseInstance;
 };
 
+// src/lib/utils/sentryContext.ts
+function getSentry() {
+  try {
+    return __require("@sentry/nextjs");
+  } catch {
+    return null;
+  }
+}
+function isIgnorableFrontendError(error) {
+  const name = error && typeof error === "object" ? error.name || "" : "";
+  const message = error instanceof Error ? error.message : String(error ?? "");
+  const lowerMessage = message.toLowerCase();
+  return name === "AbortError" || lowerMessage.includes("the operation was aborted") || lowerMessage.includes("signal is aborted") || lowerMessage.includes("resizeobserver loop");
+}
+function setSentryUserContext(user) {
+  const sentry = getSentry();
+  if (!sentry) return;
+  if (user) {
+    sentry.setUser({
+      id: user.id,
+      email: user.email
+    });
+    sentry.setTags({
+      company_id: user.company_id || "unknown",
+      role: user.role || "unknown",
+      role_level: user.role_level || "unknown"
+    });
+  } else {
+    sentry.setUser(null);
+    sentry.setTags({
+      company_id: void 0,
+      role: void 0,
+      role_level: void 0
+    });
+  }
+}
+function setSentryWorkspaceContext(config) {
+  const sentry = getSentry();
+  if (!sentry) return;
+  sentry.setTags({
+    workspace_company: config.companyId || "unknown",
+    workspace_factory: config.factoryId || "unknown",
+    factory_name: config.factoryName || "unknown"
+  });
+}
+function clearSentryContext() {
+  const sentry = getSentry();
+  if (!sentry) return;
+  sentry.setUser(null);
+  sentry.setTags({
+    company_id: void 0,
+    role: void 0,
+    role_level: void 0,
+    workspace_company: void 0,
+    workspace_factory: void 0,
+    factory_name: void 0
+  });
+}
+function applyScopeExtras(scope, extras) {
+  if (!extras) return;
+  if (scope.setExtras) {
+    scope.setExtras(extras);
+    return;
+  }
+  if (scope.setExtra) {
+    Object.entries(extras).forEach(([key, value]) => scope.setExtra?.(key, value));
+  }
+}
+function captureSentryMessage(message, level = "warning", extras) {
+  const sentry = getSentry();
+  if (!sentry || !sentry.captureMessage) return;
+  if (sentry.withScope) {
+    sentry.withScope((scope) => {
+      scope.setLevel?.(level);
+      applyScopeExtras(scope, extras);
+      sentry.captureMessage?.(message);
+    });
+    return;
+  }
+  sentry.captureMessage(message, level);
+}
+function captureSentryException(error, extras) {
+  const sentry = getSentry();
+  if (!sentry || !sentry.captureException) return;
+  if (sentry.withScope) {
+    sentry.withScope((scope) => {
+      scope.setLevel?.("error");
+      applyScopeExtras(scope, extras);
+      sentry.captureException?.(error);
+    });
+    return;
+  }
+  sentry.captureException(error);
+}
+function captureHandledFrontendException(error, extras) {
+  if (isIgnorableFrontendError(error)) {
+    return;
+  }
+  captureSentryException(error, extras);
+}
+
 // src/lib/services/backendClient.ts
 var ACCESS_TOKEN_REFRESH_BUFFER_MS = 6e4;
 var cachedAccessToken = null;
@@ -2499,6 +2600,40 @@ var defaultDedupeKey = (method, url, body) => {
   const bodyKey = body === void 0 ? "" : typeof body === "string" ? body : JSON.stringify(body);
   return `${cachedUserId || "anon"}::${method.toUpperCase()}::${url}::${bodyKey}`;
 };
+var DEFAULT_TIMEOUT_MS = 1e4;
+var DEFAULT_RETRY_DELAY_MS = 750;
+var createAbortError = () => {
+  try {
+    return new DOMException("The operation was aborted.", "AbortError");
+  } catch {
+    const error = new Error("The operation was aborted.");
+    error.name = "AbortError";
+    return error;
+  }
+};
+var getStatusFromError = (error) => {
+  const message = error instanceof Error ? error.message : String(error ?? "");
+  const statusMatch = message.match(/\((\d{3})\)/) || message.match(/http\s+(\d{3})/i);
+  if (!statusMatch) {
+    return null;
+  }
+  const status = Number.parseInt(statusMatch[1], 10);
+  return Number.isFinite(status) ? status : null;
+};
+var isAbortError = (error) => {
+  return error instanceof Error && error.name === "AbortError";
+};
+var isRetryableError = (error) => {
+  if (isAbortError(error)) {
+    return false;
+  }
+  const status = getStatusFromError(error);
+  if (status !== null) {
+    return status >= 500 || status === 408 || status === 425 || status === 429;
+  }
+  const message = error instanceof Error ? error.message.toLowerCase() : String(error ?? "").toLowerCase();
+  return message.includes("failed to fetch") || message.includes("networkerror") || message.includes("network request failed") || message.includes("load failed") || message.includes("timed out") || message.includes("fetch failed");
+};
 var fetchBackendJson = async (supabase, endpoint, options = {}) => {
   const baseUrl = getBackendUrl();
   const url = endpoint.startsWith("http") ? endpoint : `${baseUrl}${endpoint.startsWith("/") ? "" : "/"}${endpoint}`;
@@ -2510,25 +2645,66 @@ var fetchBackendJson = async (supabase, endpoint, options = {}) => {
     return existing;
   }
   const requestPromise = (async () => {
-    const headers = new Headers(options.headers || {});
-    if (!options.skipAuth) {
-      const token = await getAuthToken(supabase);
-      headers.set("Authorization", `Bearer ${token}`);
-    }
-    if (!headers.has("Content-Type") && options.body !== void 0) {
-      headers.set("Content-Type", "application/json");
-    }
-    const response = await fetch(url, {
-      ...options,
-      headers
-    });
-    if (!response.ok) {
-      const errorText = await response.text();
-      throw new Error(`Backend API error (${response.status}): ${errorText}`);
+    const {
+      dedupeKey: _dedupeKey,
+      skipAuth,
+      timeoutMs = DEFAULT_TIMEOUT_MS,
+      retries = 0,
+      retryDelayMs = DEFAULT_RETRY_DELAY_MS,
+      signal: externalSignal,
+      ...fetchOptions
+    } = options;
+    for (let attempt = 0; attempt <= retries; attempt += 1) {
+      if (externalSignal?.aborted) {
+        throw createAbortError();
+      }
+      const headers = new Headers(fetchOptions.headers || {});
+      if (!skipAuth) {
+        const token = await getAuthToken(supabase);
+        headers.set("Authorization", `Bearer ${token}`);
+      }
+      if (!headers.has("Content-Type") && fetchOptions.body !== void 0) {
+        headers.set("Content-Type", "application/json");
+      }
+      const controller = new AbortController();
+      const timeoutId = globalThis.setTimeout(() => controller.abort(), timeoutMs);
+      const abortListener = () => controller.abort();
+      externalSignal?.addEventListener("abort", abortListener, { once: true });
+      try {
+        const response = await fetch(url, {
+          ...fetchOptions,
+          headers,
+          signal: controller.signal
+        });
+        if (!response.ok) {
+          const errorText = await response.text();
+          throw new Error(`Backend API error (${response.status}): ${errorText}`);
+        }
+        if (response.status === 204) {
+          return void 0;
+        }
+        const text = await response.text();
+        return text ? JSON.parse(text) : void 0;
+      } catch (error) {
+        const wrappedError = externalSignal?.aborted || controller.signal.aborted && !isAbortError(error) ? createAbortError() : error;
+        if (attempt >= retries || !isRetryableError(wrappedError)) {
+          captureHandledFrontendException(wrappedError, {
+            surface: "backend_client",
+            url,
+            method,
+            retry_attempt: attempt,
+            retries,
+            pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+          });
+          throw wrappedError;
+        }
+        await new Promise((resolve) => globalThis.setTimeout(resolve, retryDelayMs));
+      } finally {
+        globalThis.clearTimeout(timeoutId);
+        externalSignal?.removeEventListener("abort", abortListener);
+      }
     }
-    if (response.status === 204) return void 0;
-    const text = await response.text();
-    return text ? JSON.parse(text) : void 0;
+    return void 0;
   })();
   inFlightRequests.set(dedupeKey, requestPromise);
   try {
@@ -2639,9 +2815,23 @@ var ApiClient = class {
           continue;
         }
         if (silentErrors) {
+          captureHandledFrontendException(lastError, {
+            surface: "api_client",
+            url,
+            retries,
+            silent_errors: true,
+            pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+          });
           console.warn("[ApiClient] All retries exhausted, returning fallback data");
           return fallbackData;
         } else {
+          captureHandledFrontendException(lastError, {
+            surface: "api_client",
+            url,
+            retries,
+            silent_errors: false,
+            pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+          });
           throw lastError;
         }
       }
@@ -4355,6 +4545,49 @@ var dashboardService = {
       throw err;
     }
   },
+  async getAssemblyMonthlyPoorestPerformers(lineIdInput, month, year, options) {
+    const supabase = _getSupabaseInstance();
+    const config = _getDashboardConfigInstance();
+    const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    const factoryViewId = entityConfig.factoryViewId ?? "factory";
+    const startDate = options?.startDate ? new Date(options.startDate) : new Date(year, month, 1);
+    const endDate = options?.endDate ? new Date(options.endDate) : new Date(year, month + 1, 0);
+    const formatDate2 = (date) => {
+      const year2 = date.getFullYear();
+      const month2 = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year2}-${month2}-${day}`;
+    };
+    const formattedStartDate = formatDate2(startDate);
+    const formattedEndDate = formatDate2(endDate);
+    const params = new URLSearchParams({
+      start_date: formattedStartDate,
+      end_date: formattedEndDate,
+      company_id: entityConfig.companyId || ""
+    });
+    if (lineIdInput === factoryViewId) {
+      if (!isValidFactoryViewConfiguration(entityConfig)) {
+        throw new Error("Factory View requires at least one configured line for monthly data.");
+      }
+      params.set("line_ids", configuredLineIds.join(","));
+    } else {
+      params.set("line_id", lineIdInput);
+    }
+    if (options?.shiftIds && options.shiftIds.length > 0) {
+      params.set("shift_ids", options.shiftIds.join(","));
+    }
+    try {
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/line-monthly-assembly-poorest-performers?${params.toString()}`
+      );
+      return response || {};
+    } catch (err) {
+      console.error("Exception in getAssemblyMonthlyPoorestPerformers:", err);
+      throw err;
+    }
+  },
   async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput, shiftIds, startDate, endDate) {
     _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
@@ -4919,6 +5152,13 @@ var workspaceService = {
       return displayNamesMap;
     } catch (error) {
       console.error("Error fetching workspace display names:", error);
+      captureSentryException(error, {
+        surface: "workspace_display_names",
+        route: "/api/workspaces/display-names",
+        company_id: companyId || null,
+        line_id: lineId || null,
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
       throw error;
     }
   },
@@ -6573,95 +6813,6 @@ function clearAllRateLimits2() {
   rateLimitMap2.clear();
 }
 
-// src/lib/utils/sentryContext.ts
-function getSentry() {
-  try {
-    return __require("@sentry/nextjs");
-  } catch {
-    return null;
-  }
-}
-function setSentryUserContext(user) {
-  const sentry = getSentry();
-  if (!sentry) return;
-  if (user) {
-    sentry.setUser({
-      id: user.id,
-      email: user.email
-    });
-    sentry.setTags({
-      company_id: user.company_id || "unknown",
-      role: user.role || "unknown",
-      role_level: user.role_level || "unknown"
-    });
-  } else {
-    sentry.setUser(null);
-    sentry.setTags({
-      company_id: void 0,
-      role: void 0,
-      role_level: void 0
-    });
-  }
-}
-function setSentryWorkspaceContext(config) {
-  const sentry = getSentry();
-  if (!sentry) return;
-  sentry.setTags({
-    workspace_company: config.companyId || "unknown",
-    workspace_factory: config.factoryId || "unknown",
-    factory_name: config.factoryName || "unknown"
-  });
-}
-function clearSentryContext() {
-  const sentry = getSentry();
-  if (!sentry) return;
-  sentry.setUser(null);
-  sentry.setTags({
-    company_id: void 0,
-    role: void 0,
-    role_level: void 0,
-    workspace_company: void 0,
-    workspace_factory: void 0,
-    factory_name: void 0
-  });
-}
-function applyScopeExtras(scope, extras) {
-  if (!extras) return;
-  if (scope.setExtras) {
-    scope.setExtras(extras);
-    return;
-  }
-  if (scope.setExtra) {
-    Object.entries(extras).forEach(([key, value]) => scope.setExtra?.(key, value));
-  }
-}
-function captureSentryMessage(message, level = "warning", extras) {
-  const sentry = getSentry();
-  if (!sentry || !sentry.captureMessage) return;
-  if (sentry.withScope) {
-    sentry.withScope((scope) => {
-      scope.setLevel?.(level);
-      applyScopeExtras(scope, extras);
-      sentry.captureMessage?.(message);
-    });
-    return;
-  }
-  sentry.captureMessage(message, level);
-}
-function captureSentryException(error, extras) {
-  const sentry = getSentry();
-  if (!sentry || !sentry.captureException) return;
-  if (sentry.withScope) {
-    sentry.withScope((scope) => {
-      scope.setLevel?.("error");
-      applyScopeExtras(scope, extras);
-      sentry.captureException?.(error);
-    });
-    return;
-  }
-  sentry.captureException(error);
-}
-
 // src/lib/services/mixpanelService.ts
 var ROOT_DASHBOARD_EVENT_NAMES = {
   operations_overview: "Operations Overview Page Clicked",
@@ -8716,6 +8867,12 @@ var LinesService = class {
       }));
     } catch (error) {
       console.error("Error fetching lines:", error);
+      captureHandledFrontendException(error, {
+        surface: "lines_service",
+        operation: "getLinesByCompanyId",
+        company_id: companyId,
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
       throw new Error(`Failed to fetch lines: ${error.message}`);
     }
   }
@@ -8765,6 +8922,11 @@ var LinesService = class {
       }));
     } catch (error) {
       console.error("Error fetching all lines:", error);
+      captureHandledFrontendException(error, {
+        surface: "lines_service",
+        operation: "getAllLines",
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
       throw new Error(`Failed to fetch lines: ${error.message}`);
     }
   }
@@ -8823,6 +8985,12 @@ var LinesService = class {
       };
     } catch (error) {
       console.error("Error fetching line:", error);
+      captureHandledFrontendException(error, {
+        surface: "lines_service",
+        operation: "getLineById",
+        line_id: lineId,
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
       throw new Error(`Failed to fetch line: ${error.message}`);
     }
   }
@@ -10541,6 +10709,17 @@ var AuthProvider = ({ children }) => {
   const isRecoveringSession = authStatus === "recovering";
   useEffect(() => {
     currentUserRef.current = user;
+    if (user) {
+      setSentryUserContext({
+        id: user.id,
+        email: user.email,
+        role: user.role,
+        role_level: user.role_level,
+        company_id: user.company_id
+      });
+      return;
+    }
+    clearSentryContext();
   }, [user]);
   const setTrackedSession = useCallback((nextSession) => {
     latestSessionRef.current = nextSession;
@@ -10701,6 +10880,17 @@ var AuthProvider = ({ children }) => {
         }
         if (isRetryableSessionError(err)) {
           console.warn("[AuthContext] Retryable session hydration error, entering recovery mode");
+          if (recoveryAttemptRef.current === 0) {
+            captureSentryException(err, {
+              surface: "auth_session_hydration",
+              phase: isReauth ? "reauth" : "initial",
+              retryable: true,
+              auth_status: authStatus,
+              pathname: typeof window !== "undefined" ? window.location.pathname : "unknown",
+              visibility_state: typeof document !== "undefined" ? document.visibilityState : "unknown",
+              online_state: typeof navigator !== "undefined" ? navigator.onLine : "unknown"
+            });
+          }
           enterRecoveryMode(supabaseSession);
           return;
         }
@@ -10720,6 +10910,13 @@ var AuthProvider = ({ children }) => {
         }
         resetRecoveryState();
         clearAuthSnapshot();
+        captureSentryException(fatalError, {
+          surface: "auth_session_hydration",
+          phase: isReauth ? "reauth" : "initial",
+          retryable: false,
+          auth_status: authStatus,
+          pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+        });
         setError(fatalError);
         setAuthStatus("failed");
         setUser(null);
@@ -11414,7 +11611,7 @@ var useMobileMenu = () => {
 };
 var useHideMobileHeader = (shouldHide = true) => {
   const context = useMobileMenu();
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (context && shouldHide) {
       context.setHideMobileHeader(true);
       return () => {
@@ -13256,7 +13453,13 @@ var parseEfficiencyLegend = (legend) => {
     critical_threshold: coerce(legend.critical_threshold, DEFAULT_EFFICIENCY_LEGEND.critical_threshold)
   };
 };
-var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibleLineIds }) => {
+var useDashboardMetrics = ({
+  onLineMetricsUpdate,
+  lineId,
+  lineIds,
+  userAccessibleLineIds,
+  enabled = true
+}) => {
   const { supabaseUrl, supabaseKey } = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
@@ -13371,7 +13574,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
       isTimezoneLoading,
       companySpecificMetricsTable
     });
-    if (!currentLineIdToUse || !supabase || shiftLoading || isTimezoneLoading || companySpecificMetricsTable.includes("unknown_company")) {
+    if (!currentLineIdToUse || !supabase || !enabled || shiftLoading || isTimezoneLoading || companySpecificMetricsTable.includes("unknown_company")) {
       updateQueueRef.current = false;
       if (!metrics2?.workspaceMetrics?.length && !metrics2?.lineMetrics?.length && !shiftLoading) setIsLoading(false);
       if (companySpecificMetricsTable.includes("unknown_company") && !error) {
@@ -13415,19 +13618,6 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
     abortControllerRef.current = abortController;
     inFlightFetchKeyRef.current = fetchKey;
     try {
-      const { data: { session } } = await supabase.auth.getSession();
-      logDebug("[useDashboardMetrics] Session check:", {
-        hasSession: !!session,
-        hasToken: !!session?.access_token,
-        tokenPreview: session?.access_token?.substring(0, 20) + "..."
-      });
-      if (!session?.access_token) {
-        throw new Error("No authentication token available. Please log in.");
-      }
-      const apiUrl = process.env.NEXT_PUBLIC_BACKEND_URL;
-      if (!apiUrl) {
-        throw new Error("Backend URL is not configured. Please set NEXT_PUBLIC_BACKEND_URL in your environment.");
-      }
       if (targetLineIds.length === 0) {
         logDebug("[useDashboardMetrics] Skipping fetch: no target line IDs after scope filtering");
         setMetrics({
@@ -13446,6 +13636,10 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
       let idleTimeVlmByLine = {};
       let efficiencyLegend;
       const forceParam = force ? "&force_refresh=true" : "";
+      const buildMetricsEndpoint = (params) => {
+        const lineIdsParam = isFactory ? `line_ids=${params.groupLineIds.join(",")}` : `line_id=${params.groupLineIds[0]}`;
+        return `/api/dashboard/metrics?${lineIdsParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}`;
+      };
       if (usesShiftGroups) {
         logDebug("[useDashboardMetrics] Factory view shift groups fetch:", {
           groupCount: shiftGroups.length,
@@ -13462,32 +13656,23 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
           if (groupLineIds.length === 0) {
             return null;
           }
-          const lineIdsParam = `line_ids=${groupLineIds.join(",")}`;
-          const url = `${apiUrl}/api/dashboard/metrics?${lineIdsParam}&date=${group.date}&shift_id=${group.shiftId}&company_id=${companyId}${forceParam}`;
+          const endpoint = buildMetricsEndpoint({
+            groupLineIds,
+            date: group.date,
+            shiftId: group.shiftId
+          });
           logDebug(`[useDashboardMetrics] \u{1F4CA} Fetching for shift ${group.shiftId} (${group.shiftName}):`, {
             lineIds: groupLineIds,
-            date: group.date
+            date: group.date,
+            endpoint
           });
-          const response = await fetch(url, {
+          return await fetchBackendJson(supabase, endpoint, {
             method: "GET",
-            headers: {
-              "Authorization": `Bearer ${session.access_token}`,
-              "Content-Type": "application/json"
-            },
-            signal: abortController.signal
+            signal: abortController.signal,
+            timeoutMs: 1e4,
+            retries: 1,
+            dedupeKey: `dashboard-metrics::${requestLineId}::${group.date}::${group.shiftId}::${groupLineIds.join(",")}::${force ? "force" : "cached"}`
           });
-          if (!response.ok) {
-            const errorText = await response.text();
-            console.error(`[useDashboardMetrics] Backend API error for shift ${group.shiftId}:`, errorText);
-            throw new Error(`Backend API error (${response.status}): ${errorText}`);
-          }
-          const responseText = await response.text();
-          try {
-            return JSON.parse(responseText);
-          } catch (parseError) {
-            console.error("[useDashboardMetrics] Failed to parse response:", responseText.substring(0, 500));
-            throw new Error(`Invalid JSON response from backend`);
-          }
         });
         const results = (await Promise.all(metricsPromises)).filter((result) => !!result);
         hasFlowBuffers = results.some((result) => result?.metadata?.has_flow_buffers);
@@ -13522,39 +13707,23 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
         if (!currentShiftDetails) {
           throw new Error("Shift details not available for metrics fetch.");
         }
-        const operationalDate = currentShiftDetails.date;
-        const lineIdsParam = isFactory ? `line_ids=${targetLineIds.join(",")}` : `line_id=${targetLineIds[0]}`;
-        const url = `${apiUrl}/api/dashboard/metrics?${lineIdsParam}&date=${operationalDate}&shift_id=${currentShiftDetails.shiftId}&company_id=${companyId}${forceParam}`;
+        const endpoint = buildMetricsEndpoint({
+          groupLineIds: targetLineIds,
+          date: currentShiftDetails.date,
+          shiftId: currentShiftDetails.shiftId
+        });
         logDebug("[useDashboardMetrics] Calling backend API:", {
-          url,
-          apiUrl,
-          lineIdsParam,
-          operationalDate,
+          endpoint,
           shiftId: currentShiftDetails.shiftId,
           companyId
         });
-        const response = await fetch(url, {
+        const backendData = await fetchBackendJson(supabase, endpoint, {
           method: "GET",
-          headers: {
-            "Authorization": `Bearer ${session.access_token}`,
-            "Content-Type": "application/json"
-          },
-          signal: abortController.signal
+          signal: abortController.signal,
+          timeoutMs: 1e4,
+          retries: 1,
+          dedupeKey: `dashboard-metrics::${requestLineId}::${currentShiftDetails.date}::${currentShiftDetails.shiftId}::${targetLineIds.join(",")}::${force ? "force" : "cached"}`
         });
-        logDebug("[useDashboardMetrics] Response status:", response.status, response.statusText);
-        if (!response.ok) {
-          const errorText = await response.text();
-          console.error("[useDashboardMetrics] Backend API error response:", errorText);
-          throw new Error(`Backend API error (${response.status}): ${errorText}`);
-        }
-        const responseText = await response.text();
-        let backendData;
-        try {
-          backendData = JSON.parse(responseText);
-        } catch (parseError) {
-          console.error("[useDashboardMetrics] Failed to parse response as JSON. Response text:", responseText.substring(0, 500));
-          throw new Error(`Invalid JSON response from backend. Received: ${responseText.substring(0, 100)}...`);
-        }
         logDebug("[useDashboardMetrics] Backend response:", {
           workspaceCount: backendData.workspace_metrics?.length || 0,
           lineCount: backendData.line_metrics?.length || 0
@@ -13609,6 +13778,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
           date: item.date,
           workspace_uuid: item.workspace_id,
           workspace_name: item.workspace_name,
+          displayName: item.workspace_display_name || item.display_name || void 0,
           action_count: item.total_output || 0,
           pph: item.avg_pph || 0,
           performance_score: item.performance_score || 0,
@@ -13672,6 +13842,17 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
         return;
       }
       console.error("[useDashboardMetrics] Error fetching dashboard metrics:", err);
+      captureSentryException(err, {
+        surface: "home_live_monitor_metrics",
+        route: "/api/dashboard/metrics",
+        line_id: requestLineId,
+        selected_line_ids: targetLineIds,
+        is_factory_view: isFactory,
+        reason: options.reason || "unknown",
+        auth_deferred: !enabled,
+        visibility_state: typeof document !== "undefined" ? document.visibilityState : "unknown",
+        online_state: typeof navigator !== "undefined" ? navigator.onLine : "unknown"
+      });
       setError({ message: err.message, code: err.code || "FETCH_ERROR" });
     } finally {
       if (requestId === activeRequestIdRef.current) {
@@ -13685,6 +13866,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
   }, [
     supabase,
     companySpecificMetricsTable,
+    enabled,
     companyId,
     factoryViewId,
     defaultTimezone,
@@ -13721,24 +13903,24 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
     logDebug("[useDashboardMetrics] queueUpdate triggered from realtime");
     updateQueueRef.current = true;
     fetchAllMetricsRef.current({ force: true, reason: "subscription" });
-  }, [supabase]);
+  }, [supabase, enabled]);
   useEffect(() => {
-    if (lineId && supabase && !shiftLoading && !isTimezoneLoading) {
+    if (enabled && lineId && supabase && !shiftLoading && !isTimezoneLoading) {
       fetchAllMetrics({ reason: "line-change" });
     }
-  }, [lineId, supabase, fetchAllMetrics, shiftLoading, isTimezoneLoading]);
+  }, [enabled, lineId, supabase, fetchAllMetrics, shiftLoading, isTimezoneLoading]);
   useEffect(() => {
-    if (isFactoryView || !operationalShiftKey) return;
+    if (!enabled || isFactoryView || !operationalShiftKey) return;
     if (!supabase || shiftLoading || isTimezoneLoading) return;
     fetchAllMetrics({ force: true, reason: "shift-change" });
-  }, [isFactoryView, operationalShiftKey, supabase, shiftLoading, isTimezoneLoading, fetchAllMetrics]);
+  }, [enabled, isFactoryView, operationalShiftKey, supabase, shiftLoading, isTimezoneLoading, fetchAllMetrics]);
   useEffect(() => {
-    if (!isFactoryView || !shiftGroupsKey) return;
+    if (!enabled || !isFactoryView || !shiftGroupsKey) return;
     if (!supabase || shiftLoading || isTimezoneLoading) return;
     fetchAllMetrics({ force: true, reason: "shift-change" });
-  }, [isFactoryView, shiftGroupsKey, supabase, shiftLoading, isTimezoneLoading, fetchAllMetrics]);
+  }, [enabled, isFactoryView, shiftGroupsKey, supabase, shiftLoading, isTimezoneLoading, fetchAllMetrics]);
   useEffect(() => {
-    if (!lineId || !supabase || shiftLoading || isTimezoneLoading) {
+    if (!enabled || !lineId || !supabase || shiftLoading || isTimezoneLoading) {
       return;
     }
     let intervalId = null;
@@ -13764,15 +13946,16 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
         window.clearInterval(intervalId);
       }
     };
-  }, [lineId, supabase, shiftLoading, isTimezoneLoading]);
+  }, [enabled, lineId, supabase, shiftLoading, isTimezoneLoading]);
   const subscriptionKey = useMemo(() => {
-    if (!supabase || !entityConfig?.companyId) return null;
+    if (!enabled || !supabase || !entityConfig?.companyId) return null;
     if (shiftLoading || isTimezoneLoading) return null;
     const isFactory = lineId === (entityConfig.factoryViewId || "factory");
     if (isFactory && shiftGroups.length === 0) return null;
     const shiftGroupsKeyPart = isFactory ? shiftGroups.map((g) => `${g.date}-${g.shiftId}-${g.lineIds.join("_")}`).join("|") : operationalShiftKey;
     return `${lineId}|${entityConfig.companyId}|${shiftGroupsKeyPart}`;
   }, [
+    enabled,
     supabase,
     entityConfig?.companyId,
     entityConfig?.factoryViewId,
@@ -14098,9 +14281,14 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, lineIds, userAccessibl
     lineMetrics: safeMetrics?.lineMetrics || [],
     efficiencyLegend: safeMetrics?.efficiencyLegend || DEFAULT_EFFICIENCY_LEGEND,
     metadata: safeMetrics?.metadata,
-    isLoading: isLoading || !isMetricsForActiveLine,
+    isLoading: enabled ? isLoading || !isMetricsForActiveLine : false,
     error,
-    refetch: () => fetchAllMetrics({ force: true, reason: "manual" })
+    refetch: () => {
+      if (!enabled) {
+        return;
+      }
+      fetchAllMetrics({ force: true, reason: "manual" });
+    }
   };
 };
 var useLineKPIs = ({ lineId, enabled }) => {
@@ -16540,6 +16728,7 @@ var runtimeWorkspaceDisplayNames = {};
 var isInitialized = false;
 var isInitializing = false;
 var initializedWithLineIds = [];
+var missingLineContextWarnings = /* @__PURE__ */ new Set();
 var initializationPromise = null;
 var workspaceDisplayNamesListeners = /* @__PURE__ */ new Set();
 var notifyWorkspaceDisplayNamesListeners = (changedLineId) => {
@@ -16709,6 +16898,9 @@ var forceRefreshWorkspaceDisplayNames = async (lineId) => {
 };
 console.log("\u{1F504} Module loaded, will initialize lazily when first function is called");
 var getWorkspaceDisplayName = (workspaceId, lineId) => {
+  if (!workspaceId) {
+    return workspaceId;
+  }
   if (!isInitialized && !isInitializing) {
     console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) - Not initialized, triggering lazy init...`);
   } else if (isInitializing) {
@@ -16740,7 +16932,11 @@ var getWorkspaceDisplayName = (workspaceId, lineId) => {
     for (const cachedLineId of Object.keys(runtimeWorkspaceDisplayNames)) {
       if (runtimeWorkspaceDisplayNames[cachedLineId][workspaceId]) {
         displayName = runtimeWorkspaceDisplayNames[cachedLineId][workspaceId];
-        console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        const warningKey = `${workspaceId}:${cachedLineId}:full`;
+        if (!missingLineContextWarnings.has(warningKey)) {
+          missingLineContextWarnings.add(warningKey);
+          console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        }
         break;
       }
     }
@@ -16755,6 +16951,9 @@ var getWorkspaceDisplayName = (workspaceId, lineId) => {
   }
 };
 var getShortWorkspaceDisplayName = (workspaceId, lineId) => {
+  if (!workspaceId) {
+    return workspaceId;
+  }
   if (!isInitialized && !isInitializing) {
     console.log("\u{1F504} Lazy initialization triggered by getShortWorkspaceDisplayName with lineId:", lineId);
     initializeWorkspaceDisplayNames(lineId).catch((error) => {
@@ -16781,7 +16980,11 @@ var getShortWorkspaceDisplayName = (workspaceId, lineId) => {
     for (const cachedLineId of Object.keys(runtimeWorkspaceDisplayNames)) {
       if (runtimeWorkspaceDisplayNames[cachedLineId][workspaceId]) {
         displayName = runtimeWorkspaceDisplayNames[cachedLineId][workspaceId];
-        console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        const warningKey = `${workspaceId}:${cachedLineId}:short`;
+        if (!missingLineContextWarnings.has(warningKey)) {
+          missingLineContextWarnings.add(warningKey);
+          console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        }
         break;
       }
     }
@@ -17653,7 +17856,6 @@ var usePrefetchClipCounts = ({
   subscriberId
 }) => {
   const [status] = useState("idle" /* IDLE */);
-  console.log("[usePrefetchClipCounts] DISABLED - Returning empty state");
   return {
     status,
     data: null,
@@ -17662,7 +17864,6 @@ var usePrefetchClipCounts = ({
     isFullyIndexed: false,
     isLoading: false,
     prefetchClipCounts: async () => {
-      console.log("[usePrefetchClipCounts] DISABLED - Not prefetching");
       return null;
     },
     cacheKey: `disabled:${workspaceId}:${date}:${shift}`
@@ -20256,11 +20457,21 @@ var apiUtils = {
     const token = sessionResponse.data.session?.access_token;
     if (!token) {
       console.error("API Util: No authentication token available.");
+      captureHandledFrontendException(new Error("Authentication required."), {
+        surface: "api_utils",
+        endpoint: relativeEndpoint,
+        reason: "missing_auth_token"
+      });
       throw new Error("Authentication required.");
     }
     const baseUrl = config.apiBaseUrl;
     if (!baseUrl) {
       console.error("API Util: apiBaseUrl is not configured.");
+      captureHandledFrontendException(new Error("API base URL is not configured."), {
+        surface: "api_utils",
+        endpoint: relativeEndpoint,
+        reason: "missing_api_base_url"
+      });
       throw new Error("API base URL is not configured.");
     }
     const endpoint = `${baseUrl.replace(/\/$/, "")}/${relativeEndpoint.replace(/^\//, "")}`;
@@ -20289,6 +20500,12 @@ var apiUtils = {
       return await response.json();
     } catch (error) {
       console.error(`Network or fetch error calling ${endpoint}:`, error);
+      captureHandledFrontendException(error, {
+        surface: "api_utils",
+        endpoint,
+        method: options.method || "GET",
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
       if (error instanceof Error) {
         throw error;
       } else {
@@ -23472,7 +23689,7 @@ var MotionConfigContext = createContext({
 });
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React142.Component {
+var PopChildMeasure = class extends React143.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -23527,7 +23744,7 @@ function PopChild({ children, isPresent }) {
       document.head.removeChild(style);
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React142.cloneElement(children, { ref }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React143.cloneElement(children, { ref }) });
 }
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -23564,7 +23781,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React142.useEffect(() => {
+  React143.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
@@ -31349,7 +31566,7 @@ var withAuth = (WrappedComponent2, options) => {
     requireAuth: true,
     ...options
   };
-  const WithAuthComponent = React142.memo(function WithAuthComponent2(props) {
+  const WithAuthComponent = React143.memo(function WithAuthComponent2(props) {
     const {
       session,
       user,
@@ -31360,9 +31577,9 @@ var withAuth = (WrappedComponent2, options) => {
       retrySessionHydration
     } = useAuth();
     const router = useRouter();
-    const [localLoading, setLocalLoading] = React142.useState(loading);
-    const [loadingTimeoutReached, setLoadingTimeoutReached] = React142.useState(false);
-    React142.useEffect(() => {
+    const [localLoading, setLocalLoading] = React143.useState(loading);
+    const [loadingTimeoutReached, setLoadingTimeoutReached] = React143.useState(false);
+    React143.useEffect(() => {
       if (process.env.NODE_ENV === "development" && process.env.DEBUG_AUTH === "true") {
         console.log("withAuth state:", {
           loading,
@@ -31374,7 +31591,7 @@ var withAuth = (WrappedComponent2, options) => {
         });
       }
     }, [authStatus, error, loading, session, user]);
-    const handleLoadingTimeout = React142.useCallback(() => {
+    const handleLoadingTimeout = React143.useCallback(() => {
       console.warn("[withAuth] Loading timeout reached");
       setLoadingTimeoutReached(true);
       if (hasStoredSupabaseSession()) {
@@ -31386,13 +31603,13 @@ var withAuth = (WrappedComponent2, options) => {
         router.replace(defaultOptions.redirectTo);
       }
     }, [retrySessionHydration, router]);
-    React142.useEffect(() => {
+    React143.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]);
-    React142.useEffect(() => {
+    React143.useEffect(() => {
       setLocalLoading(loading);
     }, [loading]);
     if (loading || localLoading) {
@@ -32391,11 +32608,11 @@ var BarChartComponent = ({
   aspect = 2,
   ...restOfChartProps
 }) => {
-  const containerRef = React142__default.useRef(null);
-  const [containerReady, setContainerReady] = React142__default.useState(false);
+  const containerRef = React143__default.useRef(null);
+  const [containerReady, setContainerReady] = React143__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -32509,7 +32726,7 @@ var BarChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var BarChart = React142__default.memo(BarChartComponent, (prevProps, nextProps) => {
+var BarChart = React143__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;
   }
@@ -32560,10 +32777,10 @@ var LineChartComponent = ({
   fillContainer = false,
   ...restOfChartProps
 }) => {
-  const containerRef = React142__default.useRef(null);
-  const [dimensions, setDimensions] = React142__default.useState({ width: 0, height: 0 });
-  const [hasValidData, setHasValidData] = React142__default.useState(false);
-  React142__default.useEffect(() => {
+  const containerRef = React143__default.useRef(null);
+  const [dimensions, setDimensions] = React143__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React143__default.useState(false);
+  React143__default.useEffect(() => {
     const currentHasValidData = data && lines && lines.length > 0 && data.some(
       (item) => lines.some((line) => {
         const val = item[line.dataKey];
@@ -32574,7 +32791,7 @@ var LineChartComponent = ({
       setHasValidData(true);
     }
   }, [data, lines, hasValidData]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];
@@ -32699,7 +32916,7 @@ var LineChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: renderChartContent(restOfChartProps.width, restOfChartProps.height) });
 };
-var LineChart = React142__default.memo(LineChartComponent, (prevProps, nextProps) => {
+var LineChart = React143__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;
   }
@@ -32793,7 +33010,7 @@ var OutputProgressChartComponent = ({
     ] }) })
   ] }) });
 };
-var OutputProgressChart = React142__default.memo(OutputProgressChartComponent);
+var OutputProgressChart = React143__default.memo(OutputProgressChartComponent);
 OutputProgressChart.displayName = "OutputProgressChart";
 var LargeOutputProgressChart = ({
   currentOutput,
@@ -32933,7 +33150,7 @@ var CycleTimeChartComponent = ({
     }
   ) }) });
 };
-var CycleTimeChart = React142__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
+var CycleTimeChart = React143__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
   if (prevProps.className !== nextProps.className) {
     return false;
   }
@@ -33171,16 +33388,16 @@ var CycleTimeOverTimeChart = ({
   idleTimeSlots = []
 }) => {
   const MAX_DATA_POINTS = 40;
-  const containerRef = React142__default.useRef(null);
-  const [dimensions, setDimensions] = React142__default.useState({ width: 0, height: 0 });
-  const [hasValidData, setHasValidData] = React142__default.useState(false);
-  React142__default.useEffect(() => {
+  const containerRef = React143__default.useRef(null);
+  const [dimensions, setDimensions] = React143__default.useState({ width: 0, height: 0 });
+  const [hasValidData, setHasValidData] = React143__default.useState(false);
+  React143__default.useEffect(() => {
     const currentHasValidData = data && data.some((val) => val !== null && val > 0);
     if (currentHasValidData && !hasValidData) {
       setHasValidData(true);
     }
   }, [data, hasValidData]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!containerRef.current) return;
     const observer = new ResizeObserver((entries) => {
       const entry = entries[0];
@@ -33212,7 +33429,7 @@ var CycleTimeOverTimeChart = ({
     const endLabel = shiftEnd && slotIndex === DURATION - 1 ? formatHourLabel(slotIndex + 1) : formatHourLabel(slotIndex + 1);
     return `${startLabel} - ${endLabel}`;
   };
-  const getDisplayData = React142__default.useCallback((rawData) => {
+  const getDisplayData = React143__default.useCallback((rawData) => {
     if (xAxisMode === "hourly") return rawData;
     return rawData.slice(Math.max(0, rawData.length - MAX_DATA_POINTS));
   }, [xAxisMode]);
@@ -33220,7 +33437,7 @@ var CycleTimeOverTimeChart = ({
   const DURATION = displayData.length;
   const effectiveDatasetKey = datasetKey || `cycle-time:${xAxisMode}`;
   const finalData = displayData;
-  const labelInterval = React142__default.useMemo(() => {
+  const labelInterval = React143__default.useMemo(() => {
     if (xAxisMode === "hourly") {
       return Math.max(1, Math.ceil(DURATION / 8));
     }
@@ -33261,8 +33478,8 @@ var CycleTimeOverTimeChart = ({
       return `${minutes} minutes ${seconds} seconds ago`;
     }
   };
-  const getNumericValue = React142__default.useCallback((value) => typeof value === "number" && Number.isFinite(value) ? value : null, []);
-  const renderChartTooltip = React142__default.useCallback((tooltipProps) => {
+  const getNumericValue = React143__default.useCallback((value) => typeof value === "number" && Number.isFinite(value) ? value : null, []);
+  const renderChartTooltip = React143__default.useCallback((tooltipProps) => {
     const { active, payload } = tooltipProps;
     if (!active || !Array.isArray(payload) || payload.length === 0) {
       return null;
@@ -33325,7 +33542,7 @@ var CycleTimeOverTimeChart = ({
       ] })
     ] });
   }, [getNumericValue, shiftStart, showIdleTime]);
-  const renderCycleDot = React142__default.useCallback((props) => {
+  const renderCycleDot = React143__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const cycleTime = getNumericValue(payload?.cycleTime);
     if (cycleTime === null) {
@@ -33358,7 +33575,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, idealCycleTime]);
-  const renderCycleActiveDot = React142__default.useCallback((props) => {
+  const renderCycleActiveDot = React143__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const cycleTime = getNumericValue(payload?.cycleTime);
     if (cycleTime === null) {
@@ -33379,7 +33596,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, idealCycleTime]);
-  const renderIdleDot = React142__default.useCallback((props) => {
+  const renderIdleDot = React143__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const idleMinutes = getNumericValue(payload?.idleMinutes);
     if (idleMinutes === null) {
@@ -33401,7 +33618,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, showIdleTime]);
-  const renderIdleActiveDot = React142__default.useCallback((props) => {
+  const renderIdleActiveDot = React143__default.useCallback((props) => {
     const { cx: cx2, cy, payload } = props;
     const idleMinutes = getNumericValue(payload?.idleMinutes);
     if (idleMinutes === null || !showIdleTime) {
@@ -33419,7 +33636,7 @@ var CycleTimeOverTimeChart = ({
       }
     );
   }, [getNumericValue, showIdleTime]);
-  const chartData = React142__default.useMemo(() => Array.from({ length: DURATION }, (_, i) => {
+  const chartData = React143__default.useMemo(() => Array.from({ length: DURATION }, (_, i) => {
     const cycleTime = getNumericValue(finalData[i]);
     const useIdleSlots = idleTimeSlots.length > 0;
     const idleSlot = useIdleSlots ? idleTimeSlots[i] ?? null : null;
@@ -33616,7 +33833,7 @@ var CycleTimeOverTimeChart = ({
     }
   );
 };
-var Card = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -33628,7 +33845,7 @@ var Card = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -33637,7 +33854,7 @@ var CardHeader = React142.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -33649,7 +33866,7 @@ var CardTitle = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -33658,9 +33875,9 @@ var CardDescription = React142.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -33736,7 +33953,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React142.forwardRef(
+var Button = React143.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -33759,10 +33976,10 @@ var HourlyOutputChartComponent = ({
   idleTimeHourly,
   className = ""
 }) => {
-  const containerRef = React142__default.useRef(null);
-  const [containerReady, setContainerReady] = React142__default.useState(false);
-  const [containerWidth, setContainerWidth] = React142__default.useState(0);
-  const idleSlots = React142__default.useMemo(
+  const containerRef = React143__default.useRef(null);
+  const [containerReady, setContainerReady] = React143__default.useState(false);
+  const [containerWidth, setContainerWidth] = React143__default.useState(0);
+  const idleSlots = React143__default.useMemo(
     () => buildHourlyIdleSlots({
       idleTimeHourly,
       shiftStart,
@@ -33771,12 +33988,12 @@ var HourlyOutputChartComponent = ({
     [idleTimeHourly, shiftStart, shiftEnd]
   );
   const SHIFT_DURATION = idleSlots.length;
-  const [animatedData, setAnimatedData] = React142__default.useState(
+  const [animatedData, setAnimatedData] = React143__default.useState(
     () => Array(SHIFT_DURATION).fill(0)
   );
-  const prevDataRef = React142__default.useRef(Array(SHIFT_DURATION).fill(0));
-  const animationFrameRef = React142__default.useRef(null);
-  React142__default.useEffect(() => {
+  const prevDataRef = React143__default.useRef(Array(SHIFT_DURATION).fill(0));
+  const animationFrameRef = React143__default.useRef(null);
+  React143__default.useEffect(() => {
     setAnimatedData((prev) => {
       if (prev.length !== SHIFT_DURATION) {
         return Array(SHIFT_DURATION).fill(0);
@@ -33785,14 +34002,14 @@ var HourlyOutputChartComponent = ({
     });
     prevDataRef.current = Array(SHIFT_DURATION).fill(0);
   }, [SHIFT_DURATION]);
-  const [idleBarState, setIdleBarState] = React142__default.useState({
+  const [idleBarState, setIdleBarState] = React143__default.useState({
     visible: showIdleTime,
     key: 0,
     shouldAnimate: false
   });
-  const prevShowIdleTimeRef = React142__default.useRef(showIdleTime);
-  const stateUpdateTimeoutRef = React142__default.useRef(null);
-  React142__default.useEffect(() => {
+  const prevShowIdleTimeRef = React143__default.useRef(showIdleTime);
+  const stateUpdateTimeoutRef = React143__default.useRef(null);
+  React143__default.useEffect(() => {
     if (stateUpdateTimeoutRef.current) {
       clearTimeout(stateUpdateTimeoutRef.current);
     }
@@ -33817,7 +34034,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [showIdleTime]);
-  const animateToNewData = React142__default.useCallback((targetData) => {
+  const animateToNewData = React143__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -33847,7 +34064,7 @@ var HourlyOutputChartComponent = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const shiftData = data.slice(0, SHIFT_DURATION);
       animateToNewData(shiftData);
@@ -33858,7 +34075,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [data, animateToNewData]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -33884,7 +34101,7 @@ var HourlyOutputChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React142__default.useMemo(() => {
+  const xAxisConfig = React143__default.useMemo(() => {
     if (containerWidth >= 960) {
       return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12 };
     }
@@ -33893,7 +34110,7 @@ var HourlyOutputChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6 };
   }, [containerWidth]);
-  const chartData = React142__default.useMemo(() => {
+  const chartData = React143__default.useMemo(() => {
     return Array.from({ length: SHIFT_DURATION }, (_, i) => {
       const idleSlot = idleSlots[i];
       return {
@@ -33909,7 +34126,7 @@ var HourlyOutputChartComponent = ({
       };
     });
   }, [animatedData, data, pphThreshold, idleSlots, SHIFT_DURATION]);
-  const IdleBar = React142__default.useMemo(() => {
+  const IdleBar = React143__default.useMemo(() => {
     if (!idleBarState.visible) return null;
     return /* @__PURE__ */ jsx(
       Bar,
@@ -34207,7 +34424,7 @@ var HourlyOutputChartComponent = ({
     }
   );
 };
-var HourlyOutputChart = React142__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
+var HourlyOutputChart = React143__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
   if (prevProps.pphThreshold !== nextProps.pphThreshold || prevProps.shiftStart !== nextProps.shiftStart || prevProps.shiftEnd !== nextProps.shiftEnd || prevProps.shiftDate !== nextProps.shiftDate || prevProps.timezone !== nextProps.timezone || prevProps.showIdleTime !== nextProps.showIdleTime || prevProps.className !== nextProps.className) {
     return false;
   }
@@ -34387,7 +34604,7 @@ function getTrendArrowAndColor(trend) {
     return { arrow: "\u2192", color: "text-gray-400" };
   }
 }
-var VideoCard = React142__default.memo(({
+var VideoCard = React143__default.memo(({
   workspace,
   hlsUrl,
   shouldPlay,
@@ -34585,7 +34802,7 @@ var logDebug2 = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS2) return;
   console.log(...args);
 };
-var VideoGridView = React142__default.memo(({
+var VideoGridView = React143__default.memo(({
   workspaces,
   selectedLine,
   lineNames = {},
@@ -34861,7 +35078,7 @@ var VideoGridView = React142__default.memo(({
       efficiency: workspace.efficiency,
       action_count: workspace.action_count
     });
-    const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
+    const displayName = workspace.displayName || displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
     const currentPath = (router.asPath || "/").split("#")[0];
     const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id, currentPath);
     router.push(`/workspace/${workspaceId}${navParams}`);
@@ -35019,7 +35236,7 @@ var VideoGridView = React142__default.memo(({
   ) });
 });
 VideoGridView.displayName = "VideoGridView";
-var MapGridView = React142__default.memo(({
+var MapGridView = React143__default.memo(({
   workspaces,
   className = "",
   displayNames = {},
@@ -35858,7 +36075,7 @@ var UptimeLineChartComponent = ({ points, className = "" }) => {
     )
   ] }) }) });
 };
-var UptimeLineChart = React142__default.memo(UptimeLineChartComponent);
+var UptimeLineChart = React143__default.memo(UptimeLineChartComponent);
 var padTime = (value) => value.toString().padStart(2, "0");
 var parseTime = (timeValue) => {
   if (!timeValue) return null;
@@ -36098,10 +36315,10 @@ var HourlyUptimeChartComponent = ({
   elapsedMinutes,
   className = ""
 }) => {
-  const containerRef = React142__default.useRef(null);
-  const [containerReady, setContainerReady] = React142__default.useState(false);
-  const [containerWidth, setContainerWidth] = React142__default.useState(0);
-  const uptimeSeries = React142__default.useMemo(() => buildUptimeSeries({
+  const containerRef = React143__default.useRef(null);
+  const [containerReady, setContainerReady] = React143__default.useState(false);
+  const [containerWidth, setContainerWidth] = React143__default.useState(0);
+  const uptimeSeries = React143__default.useMemo(() => buildUptimeSeries({
     idleTimeHourly,
     shiftStart,
     shiftEnd,
@@ -36110,11 +36327,11 @@ var HourlyUptimeChartComponent = ({
     elapsedMinutes
   }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes]);
   const hasAggregateData = Boolean(hourlyAggregates && hourlyAggregates.length > 0);
-  const shiftStartTime = React142__default.useMemo(
+  const shiftStartTime = React143__default.useMemo(
     () => getTimeFromTimeString(shiftStart),
     [shiftStart]
   );
-  const { shiftDuration, shiftEndTime } = React142__default.useMemo(() => {
+  const { shiftDuration, shiftEndTime } = React143__default.useMemo(() => {
     if (!shiftEnd) {
       const fallbackHours = uptimeSeries.shiftMinutes > 0 ? Math.ceil(uptimeSeries.shiftMinutes / 60) : 0;
       return { shiftDuration: fallbackHours, shiftEndTime: null };
@@ -36128,7 +36345,7 @@ var HourlyUptimeChartComponent = ({
     const hourCount = hasPartial ? Math.ceil(duration) : Math.round(duration);
     return { shiftDuration: hourCount, shiftEndTime: endTime };
   }, [shiftEnd, shiftStartTime.decimalHour, uptimeSeries.shiftMinutes]);
-  const formatHour = React142__default.useCallback((hourIndex) => {
+  const formatHour = React143__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -36153,7 +36370,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)}-${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const formatTimeRange2 = React142__default.useCallback((hourIndex) => {
+  const formatTimeRange2 = React143__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -36175,7 +36392,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const chartData = React142__default.useMemo(() => {
+  const chartData = React143__default.useMemo(() => {
     if (shiftDuration <= 0) return [];
     if (hasAggregateData) {
       return hourlyAggregates.map((entry, hourIndex) => ({
@@ -36217,7 +36434,7 @@ var HourlyUptimeChartComponent = ({
   }, [hasAggregateData, hourlyAggregates, uptimeSeries.points, uptimeSeries.elapsedMinutes, uptimeSeries.shiftMinutes, shiftDuration, formatHour, formatTimeRange2]);
   const maxYValue = 100;
   const yAxisTicks = [0, 25, 50, 75, 100];
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -36243,7 +36460,7 @@ var HourlyUptimeChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React142__default.useMemo(() => {
+  const xAxisConfig = React143__default.useMemo(() => {
     if (containerWidth >= 960) {
       return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12, labelMode: "full" };
     }
@@ -36252,7 +36469,7 @@ var HourlyUptimeChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6, labelMode: "start" };
   }, [containerWidth]);
-  const formatXAxisTick = React142__default.useCallback((raw) => {
+  const formatXAxisTick = React143__default.useCallback((raw) => {
     const label = typeof raw === "string" ? raw : String(raw);
     if (xAxisConfig.labelMode === "full") return label;
     const parts = label.split("-");
@@ -36458,7 +36675,7 @@ var HourlyUptimeChartComponent = ({
     }
   );
 };
-var HourlyUptimeChart = React142__default.memo(HourlyUptimeChartComponent);
+var HourlyUptimeChart = React143__default.memo(HourlyUptimeChartComponent);
 var DEFAULT_COLORS2 = ["#00AB45", "#ef4444"];
 var UptimeDonutChartComponent = ({
   data,
@@ -36528,7 +36745,7 @@ var UptimeDonutChartComponent = ({
     ] }) })
   ] }) });
 };
-var UptimeDonutChart = React142__default.memo(UptimeDonutChartComponent);
+var UptimeDonutChart = React143__default.memo(UptimeDonutChartComponent);
 UptimeDonutChart.displayName = "UptimeDonutChart";
 var TrendIcon = ({ trend }) => {
   if (trend === "up") {
@@ -36647,7 +36864,7 @@ var EmptyStateMessage = ({
   iconClassName
 }) => {
   let IconContent = null;
-  if (React142__default.isValidElement(iconType)) {
+  if (React143__default.isValidElement(iconType)) {
     IconContent = iconType;
   } else if (typeof iconType === "string") {
     const MappedIcon = IconMap[iconType];
@@ -37146,37 +37363,101 @@ var getSeverityColor = (severity) => {
       return "bg-gray-500";
   }
 };
-var formatIdleTimeRange = (startTime, endTime, timezone) => {
-  const roundToNearestMinute = (date) => {
-    const rounded = new Date(date.getTime());
-    const seconds = rounded.getSeconds();
-    if (seconds > 30) {
-      rounded.setMinutes(rounded.getMinutes() + 1);
-    }
-    rounded.setSeconds(0);
-    rounded.setMilliseconds(0);
-    return rounded;
-  };
-  const startDate = roundToNearestMinute(new Date(startTime));
-  const endDate = roundToNearestMinute(new Date(endTime));
-  const formatTimeWithoutPeriod = (date, tz) => {
-    return date.toLocaleTimeString("en-US", {
-      hour: "numeric",
-      minute: "2-digit",
-      timeZone: tz
-    }).replace(/\s?(AM|PM)$/i, "");
-  };
-  const formatTimeWithPeriod = (date, tz) => {
-    return date.toLocaleTimeString("en-US", {
-      hour: "numeric",
-      minute: "2-digit",
-      timeZone: tz
-    });
-  };
-  const startFormatted = formatTimeWithoutPeriod(startDate, timezone);
-  const endFormatted = formatTimeWithPeriod(endDate, timezone);
+var IDLE_RANGE_CATEGORY_IDS = /* @__PURE__ */ new Set(["idle_time", "low_value", "longest-idles"]);
+var CYCLE_RANGE_CATEGORY_IDS = /* @__PURE__ */ new Set([
+  "cycle_completion",
+  "best_cycle_time",
+  "worst_cycle_time",
+  "long_cycle_time",
+  "fast-cycles",
+  "slow-cycles"
+]);
+var roundToNearestMinute = (date) => {
+  const rounded = new Date(date.getTime());
+  const seconds = rounded.getSeconds();
+  if (seconds > 30) {
+    rounded.setMinutes(rounded.getMinutes() + 1);
+  }
+  rounded.setSeconds(0);
+  rounded.setMilliseconds(0);
+  return rounded;
+};
+var parseTimestamp = (value) => {
+  if (!value) return null;
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+};
+var formatTimeWithoutPeriod = (date, timezone) => date.toLocaleTimeString("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  timeZone: timezone
+}).replace(/\s?(AM|PM)$/i, "");
+var formatClipExplorerSingleTime = (timestamp, timezone) => {
+  const parsed = parseTimestamp(timestamp);
+  if (!parsed) return "";
+  return parsed.toLocaleTimeString("en-US", {
+    hour12: true,
+    hour: "numeric",
+    minute: "2-digit",
+    timeZone: timezone
+  });
+};
+var formatTimestampRange = (startTime, endTime, timezone) => {
+  const startDate = parseTimestamp(startTime);
+  const endDate = parseTimestamp(endTime);
+  if (!startDate || !endDate) {
+    return formatClipExplorerSingleTime(endTime, timezone);
+  }
+  const roundedStart = roundToNearestMinute(startDate);
+  const roundedEnd = roundToNearestMinute(endDate);
+  const startFormatted = formatTimeWithoutPeriod(roundedStart, timezone);
+  const endFormatted = roundedEnd.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    timeZone: timezone
+  });
   return `${startFormatted} - ${endFormatted}`;
 };
+var getSecondsBetweenTimestamps = (startTime, endTime) => {
+  const startDate = parseTimestamp(startTime);
+  const endDate = parseTimestamp(endTime);
+  if (!startDate || !endDate) return null;
+  return Math.max(0, (endDate.getTime() - startDate.getTime()) / 1e3);
+};
+var formatClipExplorerTimeLabel = ({
+  categoryId,
+  clipTimestamp,
+  timezone,
+  durationSeconds,
+  idleStartTime,
+  idleEndTime
+}) => {
+  if (IDLE_RANGE_CATEGORY_IDS.has(categoryId)) {
+    const idleDurationSeconds = getSecondsBetweenTimestamps(idleStartTime, idleEndTime);
+    const idleEndTimestamp = idleEndTime || clipTimestamp;
+    if (idleDurationSeconds !== null && idleDurationSeconds >= 60 && idleStartTime && idleEndTime) {
+      return formatTimestampRange(idleStartTime, idleEndTime, timezone);
+    }
+    if (idleDurationSeconds === null && typeof durationSeconds === "number" && Number.isFinite(durationSeconds) && durationSeconds >= 60) {
+      const endDate = parseTimestamp(idleEndTimestamp);
+      if (endDate) {
+        const startDate = new Date(endDate.getTime() - durationSeconds * 1e3);
+        return formatTimestampRange(startDate.toISOString(), idleEndTimestamp, timezone);
+      }
+    }
+    return formatClipExplorerSingleTime(idleEndTimestamp, timezone);
+  }
+  const singleTime = formatClipExplorerSingleTime(clipTimestamp, timezone);
+  if (CYCLE_RANGE_CATEGORY_IDS.has(categoryId) && typeof durationSeconds === "number" && Number.isFinite(durationSeconds) && durationSeconds > 60) {
+    const endDate = parseTimestamp(clipTimestamp);
+    if (endDate) {
+      const startDate = new Date(endDate.getTime() - durationSeconds * 1e3);
+      return formatTimestampRange(startDate.toISOString(), clipTimestamp, timezone);
+    }
+  }
+  return singleTime;
+};
+var formatIdleTimeRange = (startTime, endTime, timezone) => formatTimestampRange(startTime, endTime, timezone);
 var formatTime2 = (seconds) => {
   if (!seconds || isNaN(seconds)) return "0:00";
   const h = Math.floor(seconds / 3600);
@@ -38930,7 +39211,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React142.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React143.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -38946,7 +39227,7 @@ var SelectTrigger = React142.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -38956,7 +39237,7 @@ var SelectScrollUpButton = React142.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -38966,7 +39247,7 @@ var SelectScrollDownButton = React142.forwardRef(({ className, ...props }, ref)
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React142.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React143.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -38994,7 +39275,7 @@ var SelectContent = React142.forwardRef(({ className, children, position = "popp
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -39003,7 +39284,7 @@ var SelectLabel = React142.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React142.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React143.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -39019,7 +39300,7 @@ var SelectItem = React142.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React142.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React143.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -39641,7 +39922,7 @@ var TimePickerDropdown = ({
     )
   ] });
 };
-var SilentErrorBoundary = class extends React142__default.Component {
+var SilentErrorBoundary = class extends React143__default.Component {
   constructor(props) {
     super(props);
     this.handleClearAndReload = () => {
@@ -39674,6 +39955,12 @@ var SilentErrorBoundary = class extends React142__default.Component {
       componentStack: errorInfo.componentStack,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
     });
+    captureSentryException(error, {
+      surface: "react_error_boundary",
+      component_stack: errorInfo.componentStack,
+      error_count: this.state.errorCount + 1,
+      pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+    });
     this.setState((prev) => ({
       errorCount: prev.errorCount + 1,
       lastError: error,
@@ -41137,15 +41424,16 @@ var FileManagerFilters = ({
       if ((displayCount > 0 || shouldShowEmptyIdleTime) && shouldShowCategory(category.id)) {
         const colorClasses = getColorClasses(category.color);
         const clipNodes = filteredClips.map((clip, index) => {
-          const timeString = new Date(clip.clip_timestamp).toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-            // Use database timezone for display
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
-          const displayLabel = category.id === "idle_time" && clip.idle_start_time && clip.idle_end_time ? formatIdleTimeRange(clip.idle_start_time, clip.idle_end_time, timezone) : `${timeString}${clip.duration && category.id !== "idle_time" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
+          const baseTimeLabel = formatClipExplorerTimeLabel({
+            categoryId: category.id,
+            clipTimestamp: clip.clip_timestamp,
+            timezone,
+            durationSeconds: clip.duration,
+            idleStartTime: clip.idle_start_time,
+            idleEndTime: clip.idle_end_time
+          });
+          const displayLabel = `${baseTimeLabel}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
           return {
             id: clip.id,
             label: displayLabel,
@@ -41196,16 +41484,15 @@ var FileManagerFilters = ({
         percentileType: "fast-cycles",
         isPercentile: true,
         children: filteredFastCycles.map((clip, index) => {
-          const timeString = new Date(clip.creation_timestamp || clip.timestamp || "").toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
           return {
             id: clip.id,
-            label: `${timeString}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
+            label: `${formatClipExplorerTimeLabel({
+              categoryId: "fast-cycles",
+              clipTimestamp: clip.creation_timestamp || clip.timestamp || "",
+              timezone,
+              durationSeconds: cycleTime
+            })}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
             type: "video",
             icon: getSeverityIcon(clip.severity, "fast-cycles", cycleTime, resolvedTargetCycleTime),
             timestamp: clip.creation_timestamp,
@@ -41228,16 +41515,15 @@ var FileManagerFilters = ({
         percentileType: "slow-cycles",
         isPercentile: true,
         children: filteredSlowCycles.map((clip, index) => {
-          const timeString = new Date(clip.creation_timestamp || clip.timestamp || "").toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
           return {
             id: clip.id,
-            label: `${timeString}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
+            label: `${formatClipExplorerTimeLabel({
+              categoryId: "slow-cycles",
+              clipTimestamp: clip.creation_timestamp || clip.timestamp || "",
+              timezone,
+              durationSeconds: cycleTime
+            })}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
             type: "video",
             icon: getSeverityIcon(clip.severity, "slow-cycles", cycleTime, resolvedTargetCycleTime),
             timestamp: clip.creation_timestamp,
@@ -46510,8 +46796,8 @@ var IdleTimeReasonChartComponent = ({
   updateAnimation = "replay",
   variant = "pie"
 }) => {
-  const [activeData, setActiveData] = React142__default.useState([]);
-  React142__default.useEffect(() => {
+  const [activeData, setActiveData] = React143__default.useState([]);
+  React143__default.useEffect(() => {
     if (updateAnimation === "smooth") {
       setActiveData(data && data.length > 0 ? data : []);
       return;
@@ -46530,7 +46816,7 @@ var IdleTimeReasonChartComponent = ({
       setActiveData([]);
     }
   }, [data, updateAnimation]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!data || data.length === 0) return;
     data.forEach((entry, index) => {
       if (entry.name.toLowerCase().includes("other")) {
@@ -46538,7 +46824,7 @@ var IdleTimeReasonChartComponent = ({
       }
     });
   }, [data]);
-  const pieKey = React142__default.useMemo(() => {
+  const pieKey = React143__default.useMemo(() => {
     if (updateAnimation === "smooth") {
       return "smooth";
     }
@@ -46708,9 +46994,44 @@ var IdleTimeReasonChartComponent = ({
     )
   ] });
 };
-var IdleTimeReasonChart = React142__default.memo(IdleTimeReasonChartComponent);
+var IdleTimeReasonChart = React143__default.memo(IdleTimeReasonChartComponent);
 IdleTimeReasonChart.displayName = "IdleTimeReasonChart";
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
+
+// src/lib/utils/cycleTime.ts
+var toFiniteNumber = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var getCycleRatio = (workspace) => {
+  const idealCycleTime = toFiniteNumber(workspace.ideal_cycle_time);
+  const avgCycleTime = toFiniteNumber(workspace.avg_cycle_time);
+  if (idealCycleTime === null || avgCycleTime === null || idealCycleTime <= 0 || avgCycleTime <= 0) {
+    return null;
+  }
+  return idealCycleTime / avgCycleTime;
+};
+var formatCycleTimeValue = (value) => {
+  const numericValue = toFiniteNumber(value);
+  if (numericValue === null || numericValue <= 0) return "--";
+  return `${numericValue.toFixed(1)}s`;
+};
+var CycleTimeComparison = memo$1(({
+  workspace
+}) => {
+  const averageValue = formatCycleTimeValue(workspace.avg_cycle_time);
+  const standardValue = formatCycleTimeValue(workspace.ideal_cycle_time);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 tabular-nums", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: averageValue }),
+    /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-normal", children: "/" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-500", children: standardValue })
+  ] });
+}, (prevProps, nextProps) => prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time);
+CycleTimeComparison.displayName = "CycleTimeComparison";
 var DEFAULT_PERFORMANCE_DATA = {
   avg_efficiency: 0,
   underperforming_workspaces: 0,
@@ -46809,6 +47130,7 @@ var LineMonthlyHistory = ({
   timezone,
   legend,
   monitoringMode,
+  lineAssembly = false,
   underperformingWorkspaces = {},
   lineId,
   selectedShiftId = 0,
@@ -47098,7 +47420,7 @@ var LineMonthlyHistory = ({
       "div",
       {
         className: `w-3 h-3 sm:w-4 sm:h-4 rounded ${getColorClass(performance2.performance_score)}`,
-        title: `${getPerformanceText(performance2.performance_score)} performance on ${new Date(performance2.date).toLocaleDateString()}${performance2.efficiency !== void 0 ? ` (${performance2.efficiency.toFixed(1)}% efficiency)` : ""}`
+        title: `${getPerformanceText(performance2.performance_score)} performance on ${new Date(performance2.date).toLocaleDateString()}${performance2.efficiency !== void 0 ? ` (${performance2.efficiency.toFixed(1)}% efficiency)` : performance2.avg_cycle_time !== void 0 && performance2.avg_cycle_time !== null && performance2.ideal_cycle_time !== void 0 && performance2.ideal_cycle_time !== null ? ` (${performance2.avg_cycle_time.toFixed(1)}s / ${performance2.ideal_cycle_time.toFixed(1)}s cycle time)` : ""}`
       },
       `${performance2.date}-${index}`
     )) });
@@ -47344,13 +47666,20 @@ var LineMonthlyHistory = ({
                   onClick: () => handleWorkspaceClick(workspace),
                   className: "block hover:bg-gray-50 transition-colors rounded-lg w-full text-left group",
                   children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1 sm:py-1.5 lg:py-2 px-1 sm:px-2 border-b border-gray-50 group-last:border-b-0", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "font-medium text-gray-900 text-[10px] sm:text-xs", children: [
-                      getWorkspaceDisplayName(workspace.workspace_name, lineId),
-                      workspace.avg_efficiency !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ml-0.5 sm:ml-1 text-[8px] sm:text-[10px] text-gray-500", children: [
-                        "(",
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900 text-[10px] sm:text-xs truncate", children: getWorkspaceDisplayName(workspace.workspace_name, lineId) }),
+                      lineAssembly && workspace.metric_mode === "cycle_time" ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[9px] sm:text-[11px]", children: /* @__PURE__ */ jsx(
+                        CycleTimeComparison,
+                        {
+                          workspace: {
+                            avg_cycle_time: workspace.avg_cycle_time ?? 0,
+                            ideal_cycle_time: workspace.ideal_cycle_time ?? void 0
+                          }
+                        }
+                      ) }) : workspace.avg_efficiency !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-[8px] sm:text-[10px] text-gray-500", children: [
                         (workspace.avg_efficiency || 0).toFixed(1),
-                        "%)"
-                      ] })
+                        "%"
+                      ] }) : null
                     ] }),
                     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 sm:gap-1 lg:gap-1.5", children: renderPerformanceSquares(workspace.last_5_days) })
                   ] })
@@ -49720,7 +50049,7 @@ var WorkspaceMonthlyHistory = ({
                     Math.round(shiftData.efficiency || 0),
                     "%"
                   ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
+                  !isAssemblyWorkspace && /* @__PURE__ */ jsxs("div", { children: [
                     "Output: ",
                     shiftData.output || 0,
                     " units"
@@ -51075,7 +51404,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 = React142__default.memo(({
+var WorkspaceGridItem = React143__default.memo(({
   data,
   position,
   isBottleneck = false,
@@ -51103,7 +51432,7 @@ var WorkspaceGridItem = React142__default.memo(({
   const handleClick = useCallback((e) => {
     e.preventDefault();
     if (isInactive) return;
-    const displayName = getWorkspaceDisplayName(data.workspace_name, data.line_id);
+    const displayName = data.displayName || getWorkspaceDisplayName(data.workspace_name, data.line_id);
     const currentPath = typeof window !== "undefined" ? `${window.location.pathname}${window.location.search}` : "/";
     const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName, data.line_id, currentPath);
     navigate(`/workspace/${data.workspace_id}${navParams}`, {
@@ -51152,7 +51481,7 @@ var WorkspaceGridItem = React142__default.memo(({
             onClick: handleClick,
             className: `${styles2} ${colorClass} ${isBottleneck ? "ring-2 ring-red-500/70" : ""} ${isVeryLowEfficiency ? "ring-2 ring-red-500/50" : ""} ${isInactive ? "bg-gray-200" : ""} shadow-lg touch-manipulation active:scale-[0.98] transition-transform`,
             "aria-label": isInactive ? `Inactive workspace ${workspaceNumber}` : `View details for workspace ${workspaceNumber}`,
-            title: isInactive ? `Inactive: ${getWorkspaceDisplayName(data.workspace_name, data.line_id)}` : getWorkspaceDisplayName(data.workspace_name, data.line_id),
+            title: isInactive ? `Inactive: ${data.displayName || getWorkspaceDisplayName(data.workspace_name, data.line_id)}` : data.displayName || getWorkspaceDisplayName(data.workspace_name, data.line_id),
             children: /* @__PURE__ */ jsx("div", { className: `font-semibold tracking-wide text-lg sm:text-xl md:text-[min(4vw,2rem)] uppercase ${isInactive ? "text-gray-400" : "text-white"} drop-shadow-sm`, children: workspaceNumber })
           }
         ),
@@ -51170,7 +51499,7 @@ var WorkspaceGridItem = React142__default.memo(({
   );
 }, arePropsEqual);
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
-var WorkspaceGrid = React142__default.memo(({
+var WorkspaceGrid = React143__default.memo(({
   workspaces,
   isPdfMode = false,
   customWorkspacePositions,
@@ -51434,7 +51763,7 @@ var KPICard = ({
 }) => {
   useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  const trendInfo = React142__default.useMemo(() => {
+  const trendInfo = React143__default.useMemo(() => {
     let trendValue = trend || "neutral";
     if (change !== void 0 && trend === void 0) {
       trendValue = change > 0 ? "up" : change < 0 ? "down" : "neutral";
@@ -51461,7 +51790,7 @@ var KPICard = ({
     const shouldShowTrend = !(change === 0 && trend === void 0);
     return { trendValue, Icon: Icon2, colorClass, bgClass, shouldShowTrend };
   }, [trend, change]);
-  const formattedValue = React142__default.useMemo(() => {
+  const formattedValue = React143__default.useMemo(() => {
     if (title === "Quality Compliance" && typeof value === "number") {
       return value.toFixed(1);
     }
@@ -51475,7 +51804,7 @@ var KPICard = ({
     }
     return value;
   }, [value, title]);
-  const formattedChange = React142__default.useMemo(() => {
+  const formattedChange = React143__default.useMemo(() => {
     if (change === void 0 || change === 0 && !showZeroChange) return null;
     const absChange = Math.abs(change);
     return formatNumber(absChange, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
@@ -52982,7 +53311,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(React142__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(React143__default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-gray-400 dark:text-gray-500" }),
     /* @__PURE__ */ jsxs(
       "span",
@@ -54458,7 +54787,7 @@ var AwardBadge = ({
 }) => {
   const styles2 = getBadgeStyles(type);
   const Icon2 = CustomIcon || getDefaultIcon(type);
-  const randomDelay = React142__default.useMemo(() => Math.random() * 2, []);
+  const randomDelay = React143__default.useMemo(() => Math.random() * 2, []);
   const floatingAnimation = {
     animate: {
       y: [0, -10, 0],
@@ -59962,67 +60291,77 @@ var NotificationService = class {
     this.supabaseClient = supabaseClient || null;
   }
   async fetchWithAuth(url, options = {}) {
-    if (!this.supabaseClient) {
-      throw new Error("Supabase client not initialized. Please provide a Supabase client to NotificationService.");
-    }
-    const { data: { session }, error: sessionError } = await this.supabaseClient.auth.getSession();
-    if (sessionError) {
-      console.error("Session error:", sessionError);
-      throw new Error("Failed to get authentication session. Please log in.");
-    }
-    if (!session) {
-      console.error("No session found. User must be logged in.");
-      throw new Error("User not authenticated. Please log in.");
-    }
-    if (!session.access_token) {
-      console.error("Session exists but no access_token found");
-      throw new Error("Invalid session. Please log in again.");
-    }
-    const token = session.access_token;
-    if (process.env.NODE_ENV === "development") {
-      console.log("[NotificationService] Using JWT token for notifications API");
-    }
-    const headers = {
-      "Content-Type": "application/json",
-      ...options.headers,
-      "Authorization": `Bearer ${token}`
-    };
-    const response = await fetch(url, {
-      ...options,
-      headers
-    });
-    if (response.status === 401) {
-      console.error("401 Unauthorized - Token expired or invalid");
-      throw new Error("Authentication failed. Please log in again.");
-    }
-    if (response.status === 403) {
-      console.error("403 Forbidden - User does not have permission");
-      throw new Error("Access denied. You do not have permission to access this resource.");
-    }
-    if (response.status === 500) {
-      console.error("500 Internal Server Error - Backend error");
-      let errorDetail = "Internal server error occurred.";
-      try {
-        const errorData = await response.text();
-        console.error("Backend error details:", errorData);
-        errorDetail = errorData || errorDetail;
-      } catch (e) {
+    try {
+      if (!this.supabaseClient) {
+        throw new Error("Supabase client not initialized. Please provide a Supabase client to NotificationService.");
       }
-      throw new Error(`Backend error: ${errorDetail}`);
-    }
-    if (!response.ok) {
-      console.error(`HTTP ${response.status} - ${response.statusText}`);
-      let errorDetail = response.statusText;
-      try {
-        const errorData = await response.json();
-        if (errorData.detail) {
-          errorDetail = errorData.detail;
+      const { data: { session }, error: sessionError } = await this.supabaseClient.auth.getSession();
+      if (sessionError) {
+        console.error("Session error:", sessionError);
+        throw new Error("Failed to get authentication session. Please log in.");
+      }
+      if (!session) {
+        console.error("No session found. User must be logged in.");
+        throw new Error("User not authenticated. Please log in.");
+      }
+      if (!session.access_token) {
+        console.error("Session exists but no access_token found");
+        throw new Error("Invalid session. Please log in again.");
+      }
+      const token = session.access_token;
+      if (process.env.NODE_ENV === "development") {
+        console.log("[NotificationService] Using JWT token for notifications API");
+      }
+      const headers = {
+        "Content-Type": "application/json",
+        ...options.headers,
+        "Authorization": `Bearer ${token}`
+      };
+      const response = await fetch(url, {
+        ...options,
+        headers
+      });
+      if (response.status === 401) {
+        console.error("401 Unauthorized - Token expired or invalid");
+        throw new Error("Authentication failed. Please log in again.");
+      }
+      if (response.status === 403) {
+        console.error("403 Forbidden - User does not have permission");
+        throw new Error("Access denied. You do not have permission to access this resource.");
+      }
+      if (response.status === 500) {
+        console.error("500 Internal Server Error - Backend error");
+        let errorDetail = "Internal server error occurred.";
+        try {
+          const errorData = await response.text();
+          console.error("Backend error details:", errorData);
+          errorDetail = errorData || errorDetail;
+        } catch (e) {
         }
-      } catch (e) {
+        throw new Error(`Backend error: ${errorDetail}`);
       }
-      throw new Error(`Request failed (${response.status}): ${errorDetail}`);
+      if (!response.ok) {
+        console.error(`HTTP ${response.status} - ${response.statusText}`);
+        let errorDetail = response.statusText;
+        try {
+          const errorData = await response.json();
+          if (errorData.detail) {
+            errorDetail = errorData.detail;
+          }
+        } catch (e) {
+        }
+        throw new Error(`Request failed (${response.status}): ${errorDetail}`);
+      }
+      return response;
+    } catch (error) {
+      captureHandledFrontendException(error, {
+        surface: "notification_service",
+        url,
+        method: options.method || "GET",
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
+      throw error;
     }
-    return response;
   }
   /**
    * Get bottleneck notifications
@@ -60096,8 +60435,6 @@ function HomeView({
 }) {
   const [isHydrated, setIsHydrated] = useState(false);
   const [isChangingFilter, setIsChangingFilter] = useState(false);
-  const [errorMessage, setErrorMessage] = useState(null);
-  const [displayNamesInitialized, setDisplayNamesInitialized] = useState(false);
   const [hasInitialDataLoaded, setHasInitialDataLoaded] = useState(false);
   const [showDataLoading, setShowDataLoading] = useState(false);
   const loadingStartRef = useRef(null);
@@ -60106,7 +60443,7 @@ function HomeView({
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const supabaseClient = useSupabaseClient();
-  const { user } = useAuth();
+  const { user, authStatus, isRecoveringSession, retrySessionHydration } = useAuth();
   const { lines: dbLines } = useLines();
   const mergedLineNames = useMemo(() => {
     const merged = { ...lineNames };
@@ -60240,26 +60577,7 @@ function HomeView({
     visibleLineIds,
     dashboardConfig?.shiftConfig
   );
-  useEffect(() => {
-    const initDisplayNames = async () => {
-      try {
-        for (const lineId of selectedLineIds) {
-          await preInitializeWorkspaceDisplayNames(lineId);
-        }
-        setDisplayNamesInitialized(true);
-      } catch (error) {
-        console.error("Failed to pre-initialize workspace display names:", error);
-        setDisplayNamesInitialized(true);
-      }
-    };
-    initDisplayNames();
-  }, [selectedLineIdsKey]);
-  const displayNameLineId = isMultiLineSelection ? void 0 : primarySelectedLineId;
-  const {
-    displayNames: workspaceDisplayNames,
-    loading: displayNamesLoading,
-    error: displayNamesError
-  } = useWorkspaceDisplayNames(displayNameLineId, void 0);
+  const shouldEnableMetricsFetch = authStatus === "ready";
   const handleLineMetricsUpdate = useCallback(() => {
     if (trendRefreshTimerRef.current) {
       window.clearTimeout(trendRefreshTimerRef.current);
@@ -60286,9 +60604,32 @@ function HomeView({
     lineId: metricsScopeLineId,
     lineIds: selectedLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
-    userAccessibleLineIds: visibleLineIds
+    userAccessibleLineIds: visibleLineIds,
     // Pass user's accessible lines for supervisor filtering
+    enabled: shouldEnableMetricsFetch
   });
+  const metricsDisplayNames = useMemo(() => {
+    const nextDisplayNames = {};
+    workspaceMetrics.forEach((workspace) => {
+      if (!workspace.displayName) {
+        return;
+      }
+      nextDisplayNames[`${workspace.line_id}_${workspace.workspace_name}`] = workspace.displayName;
+    });
+    return nextDisplayNames;
+  }, [workspaceMetrics]);
+  useEffect(() => {
+    workspaceMetrics.forEach((workspace) => {
+      if (!workspace.displayName) {
+        return;
+      }
+      upsertWorkspaceDisplayNameInCache({
+        lineId: workspace.line_id,
+        workspaceId: workspace.workspace_name,
+        displayName: workspace.displayName
+      });
+    });
+  }, [workspaceMetrics]);
   const trendGroups = useMemo(() => {
     const lineMetricsRows = lineMetrics || [];
     if (!lineMetricsRows.length) return null;
@@ -60729,13 +61070,13 @@ function HomeView({
       dashboard_surface: "monitor"
     });
   }, []);
-  useEffect(() => {
-    if (metricsError) {
-      setErrorMessage(metricsError.message);
-    } else {
-      setErrorMessage(null);
+  const metricsErrorMessage = metricsError?.message || null;
+  const handleRetryDashboardData = useCallback(async () => {
+    if (isRecoveringSession) {
+      await retrySessionHydration();
     }
-  }, [metricsError]);
+    refetchMetrics();
+  }, [isRecoveringSession, refetchMetrics, retrySessionHydration]);
   const getTrackedLineScope = useCallback((lineIdsForScope) => {
     if (isAllLinesSelection(lineIdsForScope)) {
       return factoryViewId;
@@ -60793,7 +61134,7 @@ function HomeView({
     }
   }, [metricsLoading, isChangingFilter]);
   useEffect(() => {
-    if (!metricsLoading && !hasInitialDataLoaded) {
+    if (shouldEnableMetricsFetch && !metricsLoading && !metricsError && !hasInitialDataLoaded) {
       setHasInitialDataLoaded(true);
       trackCoreEvent("monitor page loaded", {
         default_line_id: defaultLineId,
@@ -60802,7 +61143,7 @@ function HomeView({
         dashboard_surface: "monitor"
       });
     }
-  }, [metricsLoading, hasInitialDataLoaded, defaultLineId, factoryViewId, isSupervisor]);
+  }, [shouldEnableMetricsFetch, metricsLoading, metricsError, hasInitialDataLoaded, defaultLineId, factoryViewId, isSupervisor]);
   const lineTitle = useMemo(() => {
     return factoryName;
   }, [factoryName]);
@@ -60952,8 +61293,9 @@ function HomeView({
     }, [isLoading, minDuration]);
     return showLoading;
   };
-  const isInitialLoading = !isHydrated || !hasInitialDataLoaded && (displayNamesLoading || !displayNamesInitialized);
-  const isDataLoading = metricsLoading || displayNamesLoading && workspaceMetrics.length === 0;
+  const isAuthBootstrapping = authStatus === "loading";
+  const isInitialLoading = !isHydrated || !hasInitialDataLoaded && (isAuthBootstrapping || shouldEnableMetricsFetch && metricsLoading);
+  const isDataLoading = metricsLoading;
   const hasKpiDataReady = useMemo(() => {
     const lineMetricsRows = lineMetrics || [];
     if (selectedLineIds.length > 1) {
@@ -60962,6 +61304,10 @@ function HomeView({
     return lineMetricsRows.some((row) => row?.line_id === primarySelectedLineId);
   }, [lineMetrics, primarySelectedLineId, selectedLineIdSet, selectedLineIds.length]);
   const isKpiLoading = !hasKpiDataReady;
+  const shouldShowReconnectScreen = !hasInitialDataLoaded && (isRecoveringSession || !shouldEnableMetricsFetch && authStatus !== "failed" || !!metricsErrorMessage && authStatus !== "failed");
+  const shouldShowFatalLoadFailure = !hasInitialDataLoaded && !!metricsErrorMessage && authStatus === "failed";
+  const shouldShowRecoveryBanner = hasInitialDataLoaded && (isRecoveringSession || !!metricsErrorMessage);
+  const recoveryBannerMessage = isRecoveringSession ? "Reconnecting to the dashboard. Showing the last good data while auth recovers." : metricsErrorMessage ? "Live data refresh failed. Showing the last good dashboard snapshot." : null;
   useEffect(() => {
     const minLoadingDurationMs = 250;
     if (isDataLoading) {
@@ -61001,14 +61347,41 @@ function HomeView({
   if (isInitialLoading) {
     return /* @__PURE__ */ jsx(LoadingPageCmp, { message: "Loading Dashboard..." });
   }
-  if (errorMessage || displayNamesError) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-white p-6 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3 text-red-500", children: [
-      /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
-      /* @__PURE__ */ jsxs("span", { className: "text-base sm:text-lg font-medium", children: [
-        "Error: ",
-        errorMessage || displayNamesError?.message
-      ] })
-    ] }) }) });
+  if (shouldShowReconnectScreen) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center bg-slate-50 px-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md rounded-2xl border border-slate-200 bg-white p-8 text-center shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-amber-50 text-amber-600", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 4v5h.582m14.836 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-14.837-2m14.837 2H15" }) }) }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold text-slate-900", children: "Reconnecting to Optifye" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-slate-600", children: metricsErrorMessage || "Your session is recovering after the tab resumed. We will retry automatically." }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void handleRetryDashboardData();
+          },
+          className: "mt-5 inline-flex items-center justify-center rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-800",
+          children: "Retry Now"
+        }
+      )
+    ] }) });
+  }
+  if (shouldShowFatalLoadFailure) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center bg-slate-50 px-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md rounded-2xl border border-red-200 bg-white p-8 text-center shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-red-50 text-red-600", children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }) }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold text-slate-900", children: "Unable to load the dashboard" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-slate-600", children: metricsErrorMessage }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            void handleRetryDashboardData();
+          },
+          className: "mt-5 inline-flex items-center justify-center rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-800",
+          children: "Retry Now"
+        }
+      )
+    ] }) });
   }
   return /* @__PURE__ */ jsx(
     motion.div,
@@ -61027,6 +61400,20 @@ function HomeView({
               headerControls: kpiSectionControl
             }
           ) }) }),
+          shouldShowRecoveryBanner && recoveryBannerMessage ? /* @__PURE__ */ jsx("div", { className: "border-b border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: [
+            /* @__PURE__ */ jsx("span", { children: recoveryBannerMessage }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => {
+                  void handleRetryDashboardData();
+                },
+                className: "inline-flex items-center justify-center rounded-md border border-amber-300 bg-white px-3 py-1.5 text-xs font-medium text-amber-900 transition-colors hover:bg-amber-100",
+                children: "Retry"
+              }
+            )
+          ] }) }) : null,
           /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden relative flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-[calc(100vh-100px)] sm:min-h-0", children: workspaceMetricsWithBreakState.length > 0 ? /* @__PURE__ */ jsx(
             motion.div,
             {
@@ -61034,7 +61421,7 @@ function HomeView({
               animate: { opacity: 1, scale: 1 },
               transition: { duration: 0.3 },
               className: "h-full",
-              children: React142__default.createElement(WorkspaceGrid, {
+              children: React143__default.createElement(WorkspaceGrid, {
                 workspaces: workspaceMetricsWithBreakState,
                 lineNames: mergedLineNames,
                 lineOrder: selectedLineIds,
@@ -61043,7 +61430,7 @@ function HomeView({
                 videoSources,
                 videoStreamsByWorkspaceId,
                 videoStreamsLoading,
-                displayNames: workspaceDisplayNames,
+                displayNames: metricsDisplayNames,
                 hasFlowBuffers,
                 className: "h-full",
                 toolbarRightContent: lineSelectorComponent,
@@ -61067,7 +61454,7 @@ function HomeView({
               animate: { opacity: 1, scale: 1 },
               transition: { duration: 0.3 },
               className: "h-full",
-              children: React142__default.createElement(WorkspaceGrid, {
+              children: React143__default.createElement(WorkspaceGrid, {
                 workspaces: [],
                 // Show empty grid while loading
                 lineNames: mergedLineNames,
@@ -61077,7 +61464,7 @@ function HomeView({
                 videoSources,
                 videoStreamsByWorkspaceId,
                 videoStreamsLoading,
-                displayNames: workspaceDisplayNames,
+                displayNames: metricsDisplayNames,
                 hasFlowBuffers,
                 className: "h-full",
                 toolbarRightContent: lineSelectorComponent,
@@ -61135,7 +61522,7 @@ function HomeView({
     }
   );
 }
-var AuthenticatedHomeView = withAuth(React142__default.memo(HomeView));
+var AuthenticatedHomeView = withAuth(React143__default.memo(HomeView));
 var HomeView_default = HomeView;
 function withWorkspaceDisplayNames(Component3, options = {}) {
   const {
@@ -61333,6 +61720,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
     shift_id: metrics2.shift_id ?? 0,
     date: metrics2.date || "",
     monitoring_mode: lineDetails.monitoring_mode ?? void 0,
+    assembly: lineDetails.assembly ?? null,
     metrics: {
       avg_efficiency: metrics2.avg_efficiency ?? 0,
       avg_cycle_time: metrics2.avg_cycle_time ?? 0,
@@ -61365,6 +61753,7 @@ var transformWorkspaceMetrics = (workspaceData, lineId, companyId, queryDate, qu
   pph: item.avg_pph || 0,
   performance_score: item.performance_score || 0,
   avg_cycle_time: item.avg_cycle_time || 0,
+  ideal_cycle_time: item.ideal_cycle_time ?? void 0,
   trend: item.trend_score === 1 ? 2 : 0,
   predicted_output: item.ideal_output || 0,
   efficiency: item.efficiency || 0,
@@ -61400,7 +61789,8 @@ var transformLineDetails = (lineId, detailResponse) => {
       id: detailResponse.line_details.factory_id || "",
       factory_name: detailResponse.line_details.factory_name || ""
     },
-    monitoring_mode: detailResponse.line_details.monitoring_mode ?? void 0
+    monitoring_mode: detailResponse.line_details.monitoring_mode ?? void 0,
+    assembly: detailResponse.line_details.assembly ?? null
   };
 };
 var transformLineMetrics = (lineId, detailResponse, queryDate, queryShiftId) => {
@@ -61801,6 +62191,21 @@ function useEfficiencyLegend(companyId) {
     refetch: fetchLegend
   };
 }
+
+// src/lib/utils/kpiPoorestPerformers.ts
+var getWorstAssemblyCycleTimeWorkspaces = (workspaces, limit = 5) => {
+  return workspaces.map((workspace, index) => ({
+    workspace,
+    index,
+    cycleRatio: getCycleRatio(workspace)
+  })).sort((a, b) => {
+    if (a.cycleRatio === null && b.cycleRatio === null) return a.index - b.index;
+    if (a.cycleRatio === null) return 1;
+    if (b.cycleRatio === null) return -1;
+    if (a.cycleRatio !== b.cycleRatio) return a.cycleRatio - b.cycleRatio;
+    return a.index - b.index;
+  }).slice(0, limit).map(({ workspace }) => workspace);
+};
 var WEEKDAYS4 = ["S", "M", "T", "W", "T", "F", "S"];
 var MonthlyRangeFilter = ({
   month,
@@ -62400,7 +62805,13 @@ var BottomSection = memo$1(({
 }) => {
   const navigation = useNavigation();
   const handleNavigate = navigate || navigation.navigate;
+  const isAssemblyLine = (lineInfo.assembly === true || workspaceData.some((workspace) => workspace.assembly_enabled)) && lineInfo.monitoring_mode !== "uptime";
+  const assemblyRows = useMemo(
+    () => isAssemblyLine ? getWorstAssemblyCycleTimeWorkspaces(workspaceData) : [],
+    [isAssemblyLine, workspaceData]
+  );
   const handleWorkspaceClick = useCallback((ws, index) => {
+    const cycleRatio = getCycleRatio(ws);
     trackCoreEvent("Workspace from KPI Clicked", {
       workspace_name: ws.workspace_name,
       workspace_id: ws.workspace_uuid,
@@ -62409,9 +62820,13 @@ var BottomSection = memo$1(({
       efficiency: ws.efficiency,
       action_count: ws.action_count,
       action_threshold: ws.action_threshold,
+      avg_cycle_time: ws.avg_cycle_time ?? null,
+      ideal_cycle_time: ws.ideal_cycle_time ?? null,
+      cycle_ratio: cycleRatio,
+      ranking_metric: isAssemblyLine ? "cycle_time" : "efficiency",
       section: "Poorest Performing Workspaces"
     });
-  }, [workspaceData.length]);
+  }, [isAssemblyLine, workspaceData.length]);
   return /* @__PURE__ */ jsxs(
     motion.div,
     {
@@ -62433,14 +62848,42 @@ var BottomSection = memo$1(({
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "divide-y overflow-auto flex-1 pr-1 sm:pr-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pb-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between pb-2", children: isAssemblyLine ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-500 min-w-[80px] sm:min-w-[100px] md:min-w-[120px] text-xs sm:text-sm md:text-base", children: "Workspace" }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs md:text-sm font-medium text-gray-500 pr-1 sm:pr-2", children: "Cycle Time" })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-3 md:gap-6", children: [
                 /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-500 min-w-[80px] sm:min-w-[100px] md:min-w-[120px] text-xs sm:text-sm md:text-base", children: "Workspace" }),
                 /* @__PURE__ */ jsx("div", { className: "text-xs md:text-sm font-medium text-gray-500", children: "Current/Ideal" })
               ] }),
               /* @__PURE__ */ jsx("div", { className: "text-xs md:text-sm font-medium text-gray-500 pr-1 sm:pr-2", children: "Efficiency" })
-            ] }),
-            lineInfo.metrics.poorest_performing_workspaces && lineInfo.metrics.poorest_performing_workspaces.length > 0 ? lineInfo.metrics.poorest_performing_workspaces.map((ws, index) => {
+            ] }) }),
+            isAssemblyLine ? assemblyRows.map((ws, index) => {
+              if (!ws.workspace_uuid) {
+                return null;
+              }
+              const clickHandler = () => handleWorkspaceClick(ws, index);
+              const displayName = workspaceDisplayNames && workspaceDisplayNames[ws.workspace_name] || getWorkspaceDisplayName(ws.workspace_name, lineId);
+              const navParams = 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}`;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  onClick: () => {
+                    clickHandler();
+                    handleNavigate && handleNavigate(fullUrl);
+                  },
+                  className: "block py-2 sm:py-3 hover:bg-gray-50 transition-colors rounded-lg cursor-pointer",
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+                    /* @__PURE__ */ jsx("div", { className: "min-w-[80px] sm:min-w-[100px] md:min-w-[120px]", children: /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900 text-xs sm:text-sm md:text-base truncate", children: displayName }) }),
+                    /* @__PURE__ */ jsx("div", { className: "shrink-0 text-xs md:text-sm", children: /* @__PURE__ */ jsx(CycleTimeComparison, { workspace: ws }) })
+                  ] })
+                },
+                ws.workspace_uuid
+              );
+            }) : lineInfo.metrics.poorest_performing_workspaces && lineInfo.metrics.poorest_performing_workspaces.length > 0 ? lineInfo.metrics.poorest_performing_workspaces.map((ws, index) => {
               const wsMetrics = workspaceData.find((w) => w.workspace_name === ws.workspace_name);
               const wsUuid = wsMetrics?.workspace_uuid;
               if (!wsUuid) {
@@ -62536,10 +62979,63 @@ var BottomSection = memo$1(({
   const prevPoorest = prevProps.lineInfo.metrics.poorest_performing_workspaces || [];
   const nextPoorest = nextProps.lineInfo.metrics.poorest_performing_workspaces || [];
   if (prevPoorest.length !== nextPoorest.length) return false;
+  const prevPoorestSignature = JSON.stringify(prevPoorest);
+  const nextPoorestSignature = JSON.stringify(nextPoorest);
+  if (prevPoorestSignature !== nextPoorestSignature) return false;
+  if (prevProps.lineInfo.assembly !== nextProps.lineInfo.assembly) return false;
+  if (prevProps.lineInfo.monitoring_mode !== nextProps.lineInfo.monitoring_mode) return false;
   if (prevProps.hourlyOutputData.length !== nextProps.hourlyOutputData.length) return false;
   const hourlyDataChanged = prevProps.hourlyOutputData.some((value, index) => value !== nextProps.hourlyOutputData[index]);
   if (hourlyDataChanged) return false;
   if (prevProps.sortedByEfficiency.length !== nextProps.sortedByEfficiency.length) return false;
+  const prevSortedSignature = JSON.stringify(
+    prevProps.sortedByEfficiency.map((workspace) => ({
+      workspace_uuid: workspace.workspace_uuid,
+      workspace_name: workspace.workspace_name,
+      efficiency: workspace.efficiency,
+      action_count: workspace.action_count,
+      predicted_output: workspace.predicted_output,
+      avg_cycle_time: workspace.avg_cycle_time,
+      ideal_cycle_time: workspace.ideal_cycle_time ?? null
+    }))
+  );
+  const nextSortedSignature = JSON.stringify(
+    nextProps.sortedByEfficiency.map((workspace) => ({
+      workspace_uuid: workspace.workspace_uuid,
+      workspace_name: workspace.workspace_name,
+      efficiency: workspace.efficiency,
+      action_count: workspace.action_count,
+      predicted_output: workspace.predicted_output,
+      avg_cycle_time: workspace.avg_cycle_time,
+      ideal_cycle_time: workspace.ideal_cycle_time ?? null
+    }))
+  );
+  if (prevSortedSignature !== nextSortedSignature) return false;
+  const prevWorkspaceSignature = JSON.stringify(
+    prevProps.workspaceData.map((workspace) => ({
+      workspace_uuid: workspace.workspace_uuid,
+      workspace_name: workspace.workspace_name,
+      efficiency: workspace.efficiency,
+      action_count: workspace.action_count,
+      action_threshold: workspace.action_threshold,
+      predicted_output: workspace.predicted_output,
+      avg_cycle_time: workspace.avg_cycle_time,
+      ideal_cycle_time: workspace.ideal_cycle_time ?? null
+    }))
+  );
+  const nextWorkspaceSignature = JSON.stringify(
+    nextProps.workspaceData.map((workspace) => ({
+      workspace_uuid: workspace.workspace_uuid,
+      workspace_name: workspace.workspace_name,
+      efficiency: workspace.efficiency,
+      action_count: workspace.action_count,
+      action_threshold: workspace.action_threshold,
+      predicted_output: workspace.predicted_output,
+      avg_cycle_time: workspace.avg_cycle_time,
+      ideal_cycle_time: workspace.ideal_cycle_time ?? null
+    }))
+  );
+  if (prevWorkspaceSignature !== nextWorkspaceSignature) return false;
   if (prevProps.lineInfo.metrics.shift_start !== nextProps.lineInfo.metrics.shift_start) return false;
   if (prevProps.hourlyThreshold !== nextProps.hourlyThreshold) return false;
   if (prevProps.urlDate !== nextProps.urlDate || prevProps.urlShift !== nextProps.urlShift) return false;
@@ -62883,27 +63379,33 @@ var KPIDetailView = ({
     error: idleTimeError
   }), [idleTimeRawData, idleTimeChartData, idleTimeLoading, idleTimeError]);
   useEffect(() => {
-    if (activeTab === "monthly_history" && lineId) {
+    if (activeTab === "monthly_history" && lineId && lineDetails) {
       if (!supabase || !dashboardConfig || !dashboardConfig.supabaseUrl || !dashboardConfig.supabaseKey) {
         console.error("Supabase client or required config not available in KPIsPage for monthly data");
         return;
       }
       setMonthlyDataLoading(true);
+      const monthlyShiftIds = shiftConfig?.shifts?.map((s) => s.shiftId);
+      const monthlyHistoryAssemblyMode = lineDetails.assembly === true && !isUptimeMode;
+      const underperformingPromise = monthlyHistoryAssemblyMode ? dashboardService.getAssemblyMonthlyPoorestPerformers(lineId, currentMonth, currentYear, {
+        startDate: isFullRange ? void 0 : range.startKey,
+        endDate: isFullRange ? void 0 : range.endKey,
+        shiftIds: monthlyShiftIds
+      }) : dashboardService.getUnderperformingWorkspaces(
+        lineId,
+        currentMonth,
+        currentYear,
+        monthlyShiftIds,
+        isFullRange ? void 0 : range.startKey,
+        isFullRange ? void 0 : range.endKey
+      );
       Promise.all([
         dashboardService.getLineMonthlyData(lineId, currentMonth, currentYear, {
           startDate: isFullRange ? void 0 : range.startKey,
           endDate: isFullRange ? void 0 : range.endKey,
-          shiftIds: shiftConfig?.shifts?.map((s) => s.shiftId)
+          shiftIds: monthlyShiftIds
         }),
-        dashboardService.getUnderperformingWorkspaces(
-          lineId,
-          currentMonth,
-          currentYear,
-          shiftConfig?.shifts?.map((s) => s.shiftId),
-          // Pass dynamic shift IDs
-          isFullRange ? void 0 : range.startKey,
-          isFullRange ? void 0 : range.endKey
-        )
+        underperformingPromise
       ]).then(([monthlyMetrics, underperformingData]) => {
         console.log("Fetched monthly metrics data:", monthlyMetrics);
         const dayDataMap = /* @__PURE__ */ new Map();
@@ -62967,11 +63469,17 @@ var KPIDetailView = ({
         const mapWorkspaces = (workspaces2) => (workspaces2 || []).map((ws) => ({
           workspace_name: ws.workspace_name || "Unknown Workspace",
           workspace_uuid: ws.workspace_uuid || ws.workspace_name || `unknown-${Math.random()}`,
-          avg_efficiency: ws.avg_efficiency || 0,
+          avg_efficiency: ws.avg_efficiency ?? 0,
+          avg_cycle_time: ws.avg_cycle_time ?? null,
+          ideal_cycle_time: ws.ideal_cycle_time ?? null,
+          cycle_ratio: ws.cycle_ratio ?? null,
+          metric_mode: ws.metric_mode ?? "efficiency",
           last_5_days: (ws.last_5_days || []).map((day) => ({
             date: day.date,
             efficiency: day.efficiency ?? 0,
-            performance_score: day.performance_score
+            performance_score: day.performance_score,
+            avg_cycle_time: day.avg_cycle_time ?? null,
+            ideal_cycle_time: day.ideal_cycle_time ?? null
           }))
         }));
         const mappedData = {};
@@ -62996,7 +63504,7 @@ var KPIDetailView = ({
         setMonthlyDataLoading(false);
       });
     }
-  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange, configuredTimezone, isUptimeMode, resolveShiftTimes]);
+  }, [activeTab, lineId, lineDetails, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange, configuredTimezone, isUptimeMode, resolveShiftTimes]);
   const analysisMonthlyData = useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
@@ -63014,6 +63522,7 @@ var KPIDetailView = ({
       shift_id: metrics2.shift_id ?? 0,
       date: metrics2.date || getOperationalDate(timezone || "UTC"),
       monitoring_mode: lineDetails.monitoring_mode ?? void 0,
+      assembly: lineDetails.assembly ?? null,
       metrics: {
         avg_efficiency: metrics2.avg_efficiency ?? 0,
         avg_cycle_time: metrics2.avg_cycle_time ?? 0,
@@ -63901,6 +64410,7 @@ var KPIDetailView = ({
             timezone: configuredTimezone,
             legend: efficiencyLegend,
             monitoringMode: resolvedMonitoringMode,
+            lineAssembly: resolvedLineInfo?.assembly === true,
             shiftConfig,
             selectedShiftId,
             onShiftChange: setSelectedShiftId,
@@ -64105,18 +64615,18 @@ var LinesLeaderboard = ({
   isHistoricalDaily
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
-  const assignedLineIdSet = React142__default.useMemo(
+  const assignedLineIdSet = React143__default.useMemo(
     () => new Set(assignedLineIds || []),
     [assignedLineIds]
   );
-  const canClickLine = React142__default.useCallback(
+  const canClickLine = React143__default.useCallback(
     (lineId) => {
       if (!assignedLineIds) return true;
       return assignedLineIdSet.has(lineId);
     },
     [assignedLineIds, assignedLineIdSet]
   );
-  const handleTimeRangeChange = React142__default.useCallback((newRange) => {
+  const handleTimeRangeChange = React143__default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
       from_range: timeRange,
@@ -64127,7 +64637,7 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
-  const handleLeaderboardLineClick = React142__default.useCallback((item, clickSource) => {
+  const handleLeaderboardLineClick = React143__default.useCallback((item, clickSource) => {
     if (!canClickLine(item.line.id)) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
@@ -64141,8 +64651,8 @@ var LinesLeaderboard = ({
     });
     onLineClick(item.line);
   }, [canClickLine, onLineClick, timeRange]);
-  const viewLoadedTrackedRef = React142__default.useRef(null);
-  const leaderboardData = React142__default.useMemo(() => {
+  const viewLoadedTrackedRef = React143__default.useRef(null);
+  const leaderboardData = React143__default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const efficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
     return lines.map((line) => {
@@ -64173,7 +64683,7 @@ var LinesLeaderboard = ({
     isLoadingToday,
     isLoadingMonthly
   ]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const isLoading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const trackingKey = `${timeRange}-${leaderboardData.length}`;
     if (leaderboardData.length > 0 && !isLoading && viewLoadedTrackedRef.current !== trackingKey) {
@@ -64199,7 +64709,7 @@ var LinesLeaderboard = ({
   const countdownFormat = timeRange === "monthly" ? "days" : "clock";
   const countdownFinishedLabel = timeRange === "monthly" ? "Finished" : "Shift Ended";
   const showCountdown = timeRange === "monthly" || !isHistoricalDaily;
-  const handleCountdownFinished = React142__default.useCallback(() => {
+  const handleCountdownFinished = React143__default.useCallback(() => {
     trackCoreEvent("Leaderboard Countdown Finished", {
       countdown_type: timeRange === "monthly" ? "month_end" : "shift_end",
       time_range: timeRange,
@@ -64226,7 +64736,7 @@ var LinesLeaderboard = ({
         return "bg-white border-gray-100";
     }
   };
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const style = document.createElement("style");
     style.innerHTML = `
       @keyframes float {
@@ -64413,7 +64923,7 @@ var LineCard = ({
   supervisors
 }) => {
   const isUptimeLine = (line.monitoring_mode ?? "output") === "uptime";
-  const isOnTrack = React142__default.useMemo(() => {
+  const isOnTrack = React143__default.useMemo(() => {
     if (!kpis) return null;
     return isEfficiencyOnTrack(kpis.efficiency.value);
   }, [kpis]);
@@ -64611,46 +65121,46 @@ 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 = React142__default.useMemo(
+  const scopedLineIds = React143__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 = React142__default.useMemo(() => {
+  const resolvedAssignedLineIds = React143__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 = React142__default.useMemo(
+  const assignedLineIdSet = React143__default.useMemo(
     () => new Set(resolvedAssignedLineIds),
     [resolvedAssignedLineIds]
   );
-  const metricsLineIds = React142__default.useMemo(() => {
+  const metricsLineIds = React143__default.useMemo(() => {
     if (isSuperAdmin) {
       return lineIds ?? [];
     }
     return resolvedAssignedLineIds;
   }, [isSuperAdmin, lineIds, resolvedAssignedLineIds]);
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
-  const leaderboardLinesForView = React142__default.useMemo(() => {
+  const leaderboardLinesForView = React143__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return leaderboardLines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [leaderboardLines, viewType]);
-  const linesForView = React142__default.useMemo(() => {
+  const linesForView = React143__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [lines, viewType]);
-  const relevantLinesForMode = React142__default.useMemo(() => {
+  const relevantLinesForMode = React143__default.useMemo(() => {
     if (activeTab === "leaderboard") {
       return leaderboardLines.length > 0 ? leaderboardLines : lines;
     }
     return lines;
   }, [activeTab, leaderboardLines, lines]);
-  const { hasUptime, hasOutput } = React142__default.useMemo(() => {
+  const { hasUptime, hasOutput } = React143__default.useMemo(() => {
     let uptime = false;
     let output = false;
     for (const line of relevantLinesForMode) {
@@ -64675,14 +65185,14 @@ var KPIsOverviewView = ({
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
   const currentShiftDate = currentShiftDetails.date;
   const currentShiftId = currentShiftDetails.shiftId;
-  const activeFiltersCount = React142__default.useMemo(() => {
+  const activeFiltersCount = React143__default.useMemo(() => {
     let count = 0;
     if (selectedLeaderboardShiftId !== currentShiftId) {
       count++;
     }
     return count;
   }, [selectedLeaderboardShiftId, currentShiftId]);
-  const clearFilters = React142__default.useCallback(() => {
+  const clearFilters = React143__default.useCallback(() => {
     setSelectedLeaderboardShiftId(currentShiftId);
   }, [currentShiftId]);
   useEffect(() => {
@@ -64696,11 +65206,11 @@ var KPIsOverviewView = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const shiftEndDate = React142__default.useMemo(
+  const shiftEndDate = React143__default.useMemo(
     () => getShiftEndDate(currentShiftDetails, configuredTimezone),
     [currentShiftDetails, configuredTimezone]
   );
-  const leaderboardShiftOptions = React142__default.useMemo(() => {
+  const leaderboardShiftOptions = React143__default.useMemo(() => {
     if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
       return shiftConfig.shifts.map((shift) => ({
         id: shift.shiftId,
@@ -64780,15 +65290,15 @@ var KPIsOverviewView = ({
     lineId: factoryViewId,
     userAccessibleLineIds: metricsLineIds
   });
-  const defaultKPIs = React142__default.useMemo(() => createDefaultKPIs(), []);
-  const kpisByLineId = React142__default.useMemo(() => {
+  const defaultKPIs = React143__default.useMemo(() => createDefaultKPIs(), []);
+  const kpisByLineId = React143__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
       if (row?.line_id) map.set(row.line_id, buildKPIsFromLineMetricsRow(row));
     });
     return map;
   }, [lineMetrics]);
-  const supervisorLineIds = React142__default.useMemo(
+  const supervisorLineIds = React143__default.useMemo(
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
   );
@@ -65628,39 +66138,6 @@ var KPIsOverviewView = ({
   ] });
 };
 var KPIsOverviewView_default = KPIsOverviewView;
-var toFiniteNumber = (value) => {
-  if (typeof value === "number" && Number.isFinite(value)) return value;
-  if (typeof value === "string" && value.trim() !== "") {
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : null;
-  }
-  return null;
-};
-var getCycleRatio = (workspace) => {
-  const idealCycleTime = toFiniteNumber(workspace.ideal_cycle_time);
-  const avgCycleTime = toFiniteNumber(workspace.avg_cycle_time);
-  if (idealCycleTime === null || avgCycleTime === null || idealCycleTime <= 0 || avgCycleTime <= 0) {
-    return null;
-  }
-  return idealCycleTime / avgCycleTime;
-};
-var formatCycleTimeValue = (value) => {
-  const numericValue = toFiniteNumber(value);
-  if (numericValue === null || numericValue <= 0) return "--";
-  return `${numericValue.toFixed(1)}s`;
-};
-var CycleTimeComparison = memo$1(({
-  workspace
-}) => {
-  const averageValue = formatCycleTimeValue(workspace.avg_cycle_time);
-  const standardValue = formatCycleTimeValue(workspace.ideal_cycle_time);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 tabular-nums", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: averageValue }),
-    /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-normal", children: "/" }),
-    /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-500", children: standardValue })
-  ] });
-}, (prevProps, nextProps) => prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time);
-CycleTimeComparison.displayName = "CycleTimeComparison";
 var IsolatedTimer = memo$1(() => {
   return /* @__PURE__ */ jsx(ISTTimer_default, {});
 });
@@ -65912,7 +66389,7 @@ var LeaderboardDetailView = memo$1(({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const [isMobile, setIsMobile] = useState(false);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 640);
     checkMobile();
     window.addEventListener("resize", checkMobile);
@@ -66202,10 +66679,25 @@ var LeaderboardDetailView = memo$1(({
     setTodayLoading(true);
     setTodayError(null);
     try {
-      const entries = await fetchLeaderboardEntries({
+      if (!supabase) {
+        throw new Error("Supabase client not initialized");
+      }
+      if (!entityConfig.companyId) {
+        throw new Error("Company ID is not configured");
+      }
+      const searchParams = new URLSearchParams({
+        company_id: entityConfig.companyId,
         date: todayDate,
-        shiftId: todayShiftId
+        shift_id: todayShiftId.toString()
       });
+      if (configuredLineIds.length > 0) {
+        searchParams.set("line_ids", configuredLineIds.join(","));
+      }
+      const metricsData = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/metrics?${searchParams.toString()}`
+      );
+      const entries = metricsData.workspace_metrics || [];
       if (todayRequestKeyRef.current !== requestKey) {
         return;
       }
@@ -66222,7 +66714,15 @@ var LeaderboardDetailView = memo$1(({
         setTodayLoading(false);
       }
     }
-  }, [fetchLeaderboardEntries, mapEntriesToWorkspaces, todayDate, todayShiftId, lineKey]);
+  }, [
+    configuredLineIds,
+    entityConfig.companyId,
+    mapEntriesToWorkspaces,
+    supabase,
+    todayDate,
+    todayShiftId,
+    lineKey
+  ]);
   const queueTodayLeaderboardRefresh = useCallback(() => {
     if (leaderboardUpdateQueuedRef.current) return;
     leaderboardUpdateQueuedRef.current = true;
@@ -68308,7 +68808,7 @@ var ShiftsView = ({
     ] })
   ] });
 };
-var AuthenticatedShiftsView = withAuth(React142__default.memo(ShiftsView));
+var AuthenticatedShiftsView = withAuth(React143__default.memo(ShiftsView));
 var ShiftsView_default = ShiftsView;
 
 // src/views/TargetsView.utils.ts
@@ -70010,7 +70510,7 @@ var TargetsView = ({
 };
 var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
 var TargetsView_default = TargetsViewWithDisplayNames;
-var AuthenticatedTargetsView = withAuth(React142__default.memo(TargetsViewWithDisplayNames));
+var AuthenticatedTargetsView = withAuth(React143__default.memo(TargetsViewWithDisplayNames));
 function useTimezone(options = {}) {
   const dashboardConfig = useDashboardConfig();
   const workspaceConfig = useWorkspaceConfig();
@@ -70237,7 +70737,20 @@ var WorkspaceDetailView = ({
   } = useCompanyFastSlowClipFiltersEnabled();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
   dashboardConfig?.supervisorConfig?.enabled || false;
-  const effectiveLineId = lineId || selectedLineId;
+  const routedLineId = lineId || selectedLineId;
+  const latestCachedDetailedMetrics = useMemo(() => {
+    if (!workspaceId) {
+      return null;
+    }
+    return workspaceMetricsStore.getLatestDetailed(workspaceId);
+  }, [workspaceId]);
+  const latestCachedOverviewMetrics = useMemo(() => {
+    if (!workspaceId) {
+      return null;
+    }
+    return workspaceMetricsStore.getLatestOverview(workspaceId);
+  }, [workspaceId]);
+  const effectiveLineId = routedLineId || latestCachedDetailedMetrics?.line_id || latestCachedOverviewMetrics?.line_id;
   const { shiftConfig, isLoading: isShiftConfigLoading, isFromDatabase: isShiftConfigFromDatabase } = useDynamicShiftConfig(effectiveLineId);
   const currentShiftDetails = useMemo(() => {
     if (isShiftConfigLoading || !shiftConfig) return null;
@@ -70514,8 +71027,9 @@ var WorkspaceDetailView = ({
   }, [cachedOverviewMetrics, shiftConfig?.shifts]);
   const authoritativeCycleMetrics = isHistoricView ? historicMetrics : liveMetrics;
   const workspace = authoritativeCycleMetrics || cachedDetailedMetrics || overviewFallback;
+  const resolvedLineId = effectiveLineId || workspace?.line_id || cachedDetailedMetrics?.line_id || cachedOverviewMetrics?.line_id || overviewFallback?.line_id;
   const { timezone: cycleTimeTimezone } = useTimezone({
-    lineId: effectiveLineId || workspace?.line_id || void 0,
+    lineId: resolvedLineId || void 0,
     workspaceId: workspaceId || void 0
   });
   const effectiveCycleTimeTimezone = cycleTimeTimezone || timezone;
@@ -70560,7 +71074,7 @@ var WorkspaceDetailView = ({
   const error = isHistoricView ? historicError : liveError;
   const monitoringMode = workspace?.monitoring_mode ?? "output";
   const isUptimeMode = monitoringMode === "uptime";
-  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(effectiveLineId || workspace?.line_id);
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(resolvedLineId);
   useEffect(() => {
     if (!isClipsEnabled || !dashboardConfig?.s3Config || !workspaceId) {
       return;
@@ -70795,7 +71309,7 @@ var WorkspaceDetailView = ({
   const analysisMonthlyData = useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
-  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
+  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
   const workspaceCycleTimeEligibility = workspace ? {
     line_assembly_enabled: workspace.line_assembly_enabled,
     action_family: workspace.action_family,
@@ -70972,8 +71486,8 @@ var WorkspaceDetailView = ({
           params.set("rangeStart", range.startKey);
           params.set("rangeEnd", range.endKey);
         }
-        if (effectiveLineId) {
-          params.set("lineId", effectiveLineId);
+        if (resolvedLineId) {
+          params.set("lineId", resolvedLineId);
         }
         appendReturnUrl(params);
         onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -71002,8 +71516,8 @@ var WorkspaceDetailView = ({
             params.set("rangeStart", range.startKey);
             params.set("rangeEnd", range.endKey);
           }
-          if (effectiveLineId) {
-            params.set("lineId", effectiveLineId);
+          if (resolvedLineId) {
+            params.set("lineId", resolvedLineId);
           }
           appendReturnUrl(params);
           onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -71627,7 +72141,7 @@ var WorkspaceDetailView = ({
                 month: selectedMonth,
                 year: selectedYear,
                 workspaceId,
-                lineId: effectiveLineId || workspace?.line_id,
+                lineId: resolvedLineId,
                 monitoringMode: workspace?.monitoring_mode,
                 selectedShiftId: selectedShift,
                 rangeStart,
@@ -71652,8 +72166,8 @@ var WorkspaceDetailView = ({
                       params.set("rangeStart", range.startKey);
                       params.set("rangeEnd", range.endKey);
                     }
-                    if (effectiveLineId) {
-                      params.set("lineId", effectiveLineId);
+                    if (resolvedLineId) {
+                      params.set("lineId", resolvedLineId);
                     }
                     appendReturnUrl(params);
                     onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -71681,7 +72195,7 @@ var WorkspaceDetailView = ({
               workspaceId,
               workspaceName: formattedWorkspaceName,
               date,
-              lineId: effectiveLineId,
+              lineId: resolvedLineId,
               shift,
               totalOutput: workspace?.total_actions,
               workspaceMetrics: detailedWorkspaceMetrics || void 0,
@@ -73429,7 +73943,7 @@ function BottleneckClipsView({
     ) })
   ] }) });
 }
-var AuthenticatedBottleneckClipsView = withAuth(React142__default.memo(BottleneckClipsView));
+var AuthenticatedBottleneckClipsView = withAuth(React143__default.memo(BottleneckClipsView));
 var BottleneckClipsView_default = BottleneckClipsView;
 
 // src/lib/services/ticketService.ts
@@ -73459,8 +73973,8 @@ var TicketService = class {
         return response;
       } catch (error) {
         lastError = error instanceof Error ? error : new Error(String(error));
-        const isRetryableError = lastError.message.includes("network") || lastError.message.includes("Failed to fetch") || lastError.message.includes("fetch failed") || lastError.message.includes("aborted") || lastError.message.includes("ENOTFOUND") || lastError.message.includes("ECONNREFUSED") || lastError.message.includes("503");
-        if (!isRetryableError || attempt === retries) {
+        const isRetryableError2 = lastError.message.includes("network") || lastError.message.includes("Failed to fetch") || lastError.message.includes("fetch failed") || lastError.message.includes("aborted") || lastError.message.includes("ENOTFOUND") || lastError.message.includes("ECONNREFUSED") || lastError.message.includes("503");
+        if (!isRetryableError2 || attempt === retries) {
           throw lastError;
         }
         const delay2 = 1e3 * Math.pow(2, attempt);
@@ -73475,69 +73989,78 @@ var TicketService = class {
    * Uses the user's JWT access token from Supabase session (NOT the anon key)
    */
   async fetchWithAuth(url, options = {}) {
-    if (!this.supabaseClient) {
-      throw new Error("Supabase client not initialized. Please provide a Supabase client to TicketService.");
-    }
-    const { data: { session }, error: sessionError } = await this.supabaseClient.auth.getSession();
-    if (sessionError) {
-      console.error("Session error:", sessionError);
-      throw new Error("Failed to get authentication session. Please log in.");
-    }
-    if (!session) {
-      console.error("No session found. User must be logged in.");
-      throw new Error("User not authenticated. Please log in.");
-    }
-    if (!session.access_token) {
-      console.error("Session exists but no access_token found");
-      throw new Error("Invalid session. Please log in again.");
-    }
-    const token = session.access_token;
-    if (process.env.NODE_ENV === "development") {
-      console.log("[TicketService] Using JWT token (first 20 chars):", token.substring(0, 20) + "...");
-      console.log("[TicketService] Token is NOT the anon key - it is the user JWT from session.access_token");
-    }
-    const headers = {
-      "Content-Type": "application/json",
-      ...options.headers,
-      "Authorization": `Bearer ${token}`
-      // This is the USER's JWT, not the anon key
-    };
-    const response = await this.fetchWithRetry(url, {
-      ...options,
-      headers
-    });
-    if (response.status === 401) {
-      console.error("401 Unauthorized - Token expired or invalid");
-      throw new Error("Authentication failed. Token expired or invalid. Please log in again.");
-    }
-    if (response.status === 403) {
-      console.error("403 Forbidden - User does not have permission");
-      throw new Error("Access denied. You do not have permission to access this resource.");
-    }
-    if (response.status === 500) {
-      console.error("500 Internal Server Error - Backend error");
-      let errorDetail = "Internal server error occurred.";
-      try {
-        const errorData = await response.text();
-        console.error("Backend error details:", errorData);
-        errorDetail = errorData || errorDetail;
-      } catch (e) {
+    try {
+      if (!this.supabaseClient) {
+        throw new Error("Supabase client not initialized. Please provide a Supabase client to TicketService.");
       }
-      throw new Error(`Backend error: ${errorDetail}`);
-    }
-    if (!response.ok) {
-      console.error(`HTTP ${response.status} - ${response.statusText}`);
-      let errorDetail = response.statusText;
-      try {
-        const errorData = await response.json();
-        if (errorData.detail) {
-          errorDetail = errorData.detail;
+      const { data: { session }, error: sessionError } = await this.supabaseClient.auth.getSession();
+      if (sessionError) {
+        console.error("Session error:", sessionError);
+        throw new Error("Failed to get authentication session. Please log in.");
+      }
+      if (!session) {
+        console.error("No session found. User must be logged in.");
+        throw new Error("User not authenticated. Please log in.");
+      }
+      if (!session.access_token) {
+        console.error("Session exists but no access_token found");
+        throw new Error("Invalid session. Please log in again.");
+      }
+      const token = session.access_token;
+      if (process.env.NODE_ENV === "development") {
+        console.log("[TicketService] Using JWT token (first 20 chars):", token.substring(0, 20) + "...");
+        console.log("[TicketService] Token is NOT the anon key - it is the user JWT from session.access_token");
+      }
+      const headers = {
+        "Content-Type": "application/json",
+        ...options.headers,
+        "Authorization": `Bearer ${token}`
+      };
+      const response = await this.fetchWithRetry(url, {
+        ...options,
+        headers
+      });
+      if (response.status === 401) {
+        console.error("401 Unauthorized - Token expired or invalid");
+        throw new Error("Authentication failed. Token expired or invalid. Please log in again.");
+      }
+      if (response.status === 403) {
+        console.error("403 Forbidden - User does not have permission");
+        throw new Error("Access denied. You do not have permission to access this resource.");
+      }
+      if (response.status === 500) {
+        console.error("500 Internal Server Error - Backend error");
+        let errorDetail = "Internal server error occurred.";
+        try {
+          const errorData = await response.text();
+          console.error("Backend error details:", errorData);
+          errorDetail = errorData || errorDetail;
+        } catch (e) {
         }
-      } catch (e) {
+        throw new Error(`Backend error: ${errorDetail}`);
+      }
+      if (!response.ok) {
+        console.error(`HTTP ${response.status} - ${response.statusText}`);
+        let errorDetail = response.statusText;
+        try {
+          const errorData = await response.json();
+          if (errorData.detail) {
+            errorDetail = errorData.detail;
+          }
+        } catch (e) {
+        }
+        throw new Error(`Request failed (${response.status}): ${errorDetail}`);
       }
-      throw new Error(`Request failed (${response.status}): ${errorDetail}`);
+      return response;
+    } catch (error) {
+      captureHandledFrontendException(error, {
+        surface: "ticket_service",
+        url,
+        method: options.method || "GET",
+        pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
+      });
+      throw error;
     }
-    return response;
   }
   /**
    * Get tickets with filters and pagination
@@ -74260,7 +74783,7 @@ Please ensure:
     )
   ] });
 }
-var AuthenticatedTicketsView = withAuth(React142__default.memo(TicketsView));
+var AuthenticatedTicketsView = withAuth(React143__default.memo(TicketsView));
 var TicketsView_default = TicketsView;
 
 // src/lib/utils/improvementDisplay.ts
@@ -75231,7 +75754,7 @@ var ImprovementCenterView = () => {
       setSelectedMemberId("all");
     }
   }, [memberOptions, selectedMemberId]);
-  const getRecommendationDisplayMetadata = React142__default.useCallback((rec) => {
+  const getRecommendationDisplayMetadata = React143__default.useCallback((rec) => {
     const supervisors = rec.line_id ? supervisorsByLineId.get(rec.line_id) || [] : [];
     return getImprovementDisplayMetadata({
       location: rec.location,
@@ -75705,7 +76228,7 @@ var ThreadSidebar = ({
     ] }) })
   ] });
 };
-var ProfilePicture = React142__default.memo(({
+var ProfilePicture = React143__default.memo(({
   alt = "Axel",
   className = "",
   size = "md",
@@ -78230,7 +78753,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 = React142__default.memo(({
+var OperationsOverviewHeader = React143__default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
@@ -78250,65 +78773,65 @@ var OperationsOverviewHeader = React142__default.memo(({
   bumpRenderCounter();
   const subtitleRange = displayDateRange || dateRange;
   const showLiveShiftMeta = isLiveScope && trendMode !== "all";
-  const liveShiftLabel = React142__default.useMemo(
+  const liveShiftLabel = React143__default.useMemo(
     () => normalizeShiftLabel(liveShiftName, trendMode),
     [liveShiftName, trendMode]
   );
-  const liveShiftIcon = React142__default.useMemo(
+  const liveShiftIcon = React143__default.useMemo(
     () => getShiftIcon(liveShiftName, trendMode),
     [liveShiftName, trendMode]
   );
-  const [isFilterOpen, setIsFilterOpen] = React142__default.useState(false);
-  const [isLinesDropdownOpen, setIsLinesDropdownOpen] = React142__default.useState(false);
-  const filterRef = React142__default.useRef(null);
-  const filterButtonRef = React142__default.useRef(null);
-  const mobileFilterButtonRef = React142__default.useRef(null);
-  const linesDropdownRef = React142__default.useRef(null);
-  const mobileSubtitle = React142__default.useMemo(() => {
+  const [isFilterOpen, setIsFilterOpen] = React143__default.useState(false);
+  const [isLinesDropdownOpen, setIsLinesDropdownOpen] = React143__default.useState(false);
+  const filterRef = React143__default.useRef(null);
+  const filterButtonRef = React143__default.useRef(null);
+  const mobileFilterButtonRef = React143__default.useRef(null);
+  const linesDropdownRef = React143__default.useRef(null);
+  const mobileSubtitle = React143__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 = React142__default.useMemo(() => {
+  const desktopSubtitle = React143__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 = React142__default.useMemo(
+  const availableLineIds = React143__default.useMemo(
     () => lineOptions.map((line) => line.id),
     [lineOptions]
   );
-  const selectedLineIdSet = React142__default.useMemo(
+  const selectedLineIdSet = React143__default.useMemo(
     () => new Set(selectedLineIds),
     [selectedLineIds]
   );
-  const isAllLinesSelected = React142__default.useMemo(() => {
+  const isAllLinesSelected = React143__default.useMemo(() => {
     if (availableLineIds.length === 0) return true;
     return availableLineIds.every((lineId) => selectedLineIdSet.has(lineId));
   }, [availableLineIds, selectedLineIdSet]);
-  const activeFilterCount = React142__default.useMemo(() => {
+  const activeFilterCount = React143__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 = React142__default.useCallback(() => {
+  const handleFilterToggle = React143__default.useCallback(() => {
     trackCoreEvent("Operations Overview Filter Toggled", {
       action: !isFilterOpen ? "open" : "close"
     });
     setIsFilterOpen((previous) => !previous);
   }, [isFilterOpen]);
-  const handleTrendModeChange = React142__default.useCallback((event) => {
+  const handleTrendModeChange = React143__default.useCallback((event) => {
     const nextMode = event.target.value;
     trackCoreEvent("Operations Overview Shift Filter Changed", {
       shift_mode: nextMode
     });
     onTrendModeChange(nextMode);
   }, [onTrendModeChange]);
-  const handleAllLinesToggle = React142__default.useCallback(() => {
+  const handleAllLinesToggle = React143__default.useCallback(() => {
     trackCoreEvent("Operations Overview Line Filter Changed", {
       selected_line_ids: availableLineIds,
       selected_line_count: availableLineIds.length,
@@ -78316,7 +78839,7 @@ var OperationsOverviewHeader = React142__default.memo(({
     });
     onSelectedLineIdsChange(availableLineIds);
   }, [availableLineIds, onSelectedLineIdsChange]);
-  const handleSupervisorChange = React142__default.useCallback((event) => {
+  const handleSupervisorChange = React143__default.useCallback((event) => {
     const supervisorId = event.target.value;
     const selectedSupervisor = supervisorOptions.find((option) => option.id === supervisorId);
     trackCoreEvent("Operations Overview Supervisor Filter Changed", {
@@ -78327,7 +78850,7 @@ var OperationsOverviewHeader = React142__default.memo(({
     });
     onSelectedSupervisorIdChange(supervisorId);
   }, [availableLineIds, onSelectedSupervisorIdChange, supervisorOptions]);
-  const handleLineToggle = React142__default.useCallback((lineId) => {
+  const handleLineToggle = React143__default.useCallback((lineId) => {
     const current = new Set(selectedLineIds);
     if (current.has(lineId)) {
       if (current.size <= 1) return;
@@ -78343,13 +78866,13 @@ var OperationsOverviewHeader = React142__default.memo(({
     });
     onSelectedLineIdsChange(next);
   }, [availableLineIds, onSelectedLineIdsChange, selectedLineIds]);
-  const handleClearAllFilters = React142__default.useCallback(() => {
+  const handleClearAllFilters = React143__default.useCallback(() => {
     onTrendModeChange("all");
     onSelectedSupervisorIdChange("all");
     onSelectedLineIdsChange(availableLineIds);
     setIsFilterOpen(false);
   }, [availableLineIds, onSelectedLineIdsChange, onSelectedSupervisorIdChange, onTrendModeChange]);
-  React142__default.useEffect(() => {
+  React143__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)) {
@@ -78588,12 +79111,12 @@ var OperationsOverviewHeader = React142__default.memo(({
   ] }) });
 });
 OperationsOverviewHeader.displayName = "OperationsOverviewHeader";
-var OverviewSummaryCards = React142__default.memo(({ store }) => {
+var OverviewSummaryCards = React143__default.memo(({ store }) => {
   bumpRenderCounter();
   const scope = useOperationsOverviewScope(store);
   const snapshot = useOperationsOverviewSnapshot(store);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
-  const comparisonLabel = React142__default.useMemo(() => {
+  const comparisonLabel = React143__default.useMemo(() => {
     return formatComparisonWindow({
       currentDayCount: scope.current_range?.day_count ?? null,
       previousDayCount: scope.previous_range?.day_count ?? null,
@@ -78606,27 +79129,27 @@ var OverviewSummaryCards = React142__default.memo(({ store }) => {
     scope.previous_range?.day_count,
     scope.shift_mode
   ]);
-  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React142__default.useState(false);
-  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React142__default.useState(false);
-  const idleContributorsRef = React142__default.useRef(null);
-  const plantEfficiencyBadge = React142__default.useMemo(() => {
+  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React143__default.useState(false);
+  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React143__default.useState(false);
+  const idleContributorsRef = React143__default.useRef(null);
+  const plantEfficiencyBadge = React143__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 = React142__default.useMemo(() => {
+  const idleBadge = React143__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 = React142__default.useMemo(() => {
+  const canInspectIdleContributors = React143__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 = React142__default.useMemo(() => {
+  const idleTopContributors = React143__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",
@@ -78634,14 +79157,14 @@ var OverviewSummaryCards = React142__default.memo(({ store }) => {
       avgIdleSeconds: toNumber3(item.avg_idle_seconds)
     })).slice(0, 5);
   }, [snapshot.data.summary.avg_idle_per_workstation?.top_contributors]);
-  const showIdleContributorLineNames = React142__default.useMemo(() => {
+  const showIdleContributorLineNames = React143__default.useMemo(() => {
     return (scope.line_count ?? 0) > 1;
   }, [scope.line_count]);
-  const closeIdleContributors = React142__default.useCallback(() => {
+  const closeIdleContributors = React143__default.useCallback(() => {
     setIsIdleContributorsOpen(false);
     setIsIdleContributorsPinned(false);
   }, []);
-  const handleIdleContributorsToggle = React142__default.useCallback(() => {
+  const handleIdleContributorsToggle = React143__default.useCallback(() => {
     if (!canInspectIdleContributors) return;
     setIsIdleContributorsPinned((previous) => {
       const next = !previous;
@@ -78649,7 +79172,7 @@ var OverviewSummaryCards = React142__default.memo(({ store }) => {
       return next;
     });
   }, [canInspectIdleContributors]);
-  const handleIdleContributorsKeyDown = React142__default.useCallback((event) => {
+  const handleIdleContributorsKeyDown = React143__default.useCallback((event) => {
     if (!canInspectIdleContributors) return;
     if (event.key === "Enter" || event.key === " ") {
       event.preventDefault();
@@ -78661,11 +79184,11 @@ var OverviewSummaryCards = React142__default.memo(({ store }) => {
       closeIdleContributors();
     }
   }, [canInspectIdleContributors, closeIdleContributors, handleIdleContributorsToggle]);
-  React142__default.useEffect(() => {
+  React143__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]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!isIdleContributorsOpen) return void 0;
     const handleClickOutside = (event) => {
       if (!isIdleContributorsPinned) return;
@@ -78803,7 +79326,7 @@ var OverviewSummaryCards = React142__default.memo(({ store }) => {
   ] });
 });
 OverviewSummaryCards.displayName = "OverviewSummaryCards";
-var PoorestPerformersCard = React142__default.memo(({
+var PoorestPerformersCard = React143__default.memo(({
   store,
   supervisorsByLineId,
   onViewAll,
@@ -78812,9 +79335,9 @@ var PoorestPerformersCard = React142__default.memo(({
   bumpRenderCounter();
   const scope = useOperationsOverviewScope(store);
   const snapshot = useOperationsOverviewSnapshot(store);
-  const [poorestLineMode, setPoorestLineMode] = React142__default.useState("output");
+  const [poorestLineMode, setPoorestLineMode] = React143__default.useState("output");
   const availableLineModes = scope.available_line_modes;
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     const hasOutput = !!availableLineModes?.has_output;
     const hasUptime = !!availableLineModes?.has_uptime;
     if (hasOutput && !hasUptime && poorestLineMode !== "output") {
@@ -78823,7 +79346,7 @@ var PoorestPerformersCard = React142__default.memo(({
       setPoorestLineMode("uptime");
     }
   }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
-  const comparisonLabel = React142__default.useMemo(() => {
+  const comparisonLabel = React143__default.useMemo(() => {
     return formatComparisonWindow({
       currentDayCount: scope.current_range?.day_count ?? null,
       previousDayCount: scope.previous_range?.day_count ?? null,
@@ -78837,7 +79360,7 @@ var PoorestPerformersCard = React142__default.memo(({
     scope.shift_mode
   ]);
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
-  const mergedPoorestLines = React142__default.useMemo(() => {
+  const mergedPoorestLines = React143__default.useMemo(() => {
     const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
     return rows.slice(0, 3).map((line) => {
       const lineId = line.line_id || "";
@@ -78856,7 +79379,7 @@ var PoorestPerformersCard = React142__default.memo(({
   }, [poorestLineMode, snapshot.data.poorest_lines, supervisorsByLineId]);
   const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
   const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
-  const handlePoorestLineModeChange = React142__default.useCallback((mode) => {
+  const handlePoorestLineModeChange = React143__default.useCallback((mode) => {
     trackCoreEvent("Operations Overview Poorest Line Mode Changed", { mode });
     setPoorestLineMode(mode);
   }, []);
@@ -78942,14 +79465,14 @@ var PoorestPerformersCard = React142__default.memo(({
   ] });
 });
 PoorestPerformersCard.displayName = "PoorestPerformersCard";
-var IdleBreakdownCard = React142__default.memo(({
+var IdleBreakdownCard = React143__default.memo(({
   store,
   scopedLineCount
 }) => {
   bumpRenderCounter();
   const idle = useOperationsOverviewIdle(store);
   const showInitialSkeleton = idle.loading && idle.lastUpdated === null;
-  const idleBreakdown = React142__default.useMemo(() => {
+  const idleBreakdown = React143__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",
@@ -78968,7 +79491,7 @@ var IdleBreakdownCard = React142__default.memo(({
       }))
     })).filter((item) => item.value > 0);
   }, [idle.data]);
-  const showIdleModuleNotEnabledState = React142__default.useMemo(() => {
+  const showIdleModuleNotEnabledState = React143__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]);
@@ -78989,7 +79512,7 @@ var IdleBreakdownCard = React142__default.memo(({
   ] });
 });
 IdleBreakdownCard.displayName = "IdleBreakdownCard";
-var EfficiencyTrendCard = React142__default.memo(({
+var EfficiencyTrendCard = React143__default.memo(({
   store,
   dateRange,
   appTimezone,
@@ -78997,14 +79520,14 @@ var EfficiencyTrendCard = React142__default.memo(({
 }) => {
   bumpRenderCounter();
   const trend = useOperationsOverviewTrend(store);
-  const currentWeekRange = React142__default.useMemo(
+  const currentWeekRange = React143__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 = React142__default.useMemo(() => {
+  const trendData = React143__default.useMemo(() => {
     if (isHourlyTrend) {
       return (trend.data.points || []).map((point, index) => ({
         name: (() => {
@@ -79076,13 +79599,13 @@ var EfficiencyTrendCard = React142__default.memo(({
       };
     });
   }, [currentWeekRange.startKey, hourlyLabelStartTime, isCurrentWeekToDateRange, isHourlyTrend, trend.data.points]);
-  const trendTooltipLabelFormatter = React142__default.useCallback((label, payload) => {
+  const trendTooltipLabelFormatter = React143__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 = React142__default.useCallback((value, index) => {
+  const trendXAxisTickFormatter = React143__default.useCallback((value, index) => {
     if (!isHourlyTrend) {
       return typeof value === "string" ? value : String(value ?? "");
     }
@@ -79109,7 +79632,7 @@ var EfficiencyTrendCard = React142__default.memo(({
   ] });
 });
 EfficiencyTrendCard.displayName = "EfficiencyTrendCard";
-var TopImprovementsCard = React142__default.memo(({
+var TopImprovementsCard = React143__default.memo(({
   store,
   supervisorsByLineId,
   onViewAll,
@@ -79118,7 +79641,7 @@ var TopImprovementsCard = React142__default.memo(({
   bumpRenderCounter();
   const improvements = useOperationsOverviewImprovements(store);
   const showInitialSkeleton = improvements.loading && improvements.lastUpdated === null;
-  const displayImprovements = React142__default.useMemo(() => {
+  const displayImprovements = React143__default.useMemo(() => {
     return improvements.data.map((item) => {
       const supervisors = item.lineId ? supervisorsByLineId.get(item.lineId) || [] : [];
       return {
@@ -79191,7 +79714,7 @@ var debugRefreshLog = (message, payload) => {
   }
   console.log(`[OperationsOverviewRefresh] ${message}`);
 };
-var isAbortError = (error) => {
+var isAbortError2 = (error) => {
   return error instanceof DOMException && error.name === "AbortError";
 };
 var toNumber4 = (value) => {
@@ -79246,33 +79769,33 @@ var useOperationsOverviewRefresh = ({
   isLiveScope,
   enabled = true
 }) => {
-  const lineIdsKey = React142__default.useMemo(() => lineIds.join(","), [lineIds]);
-  const scopeSignature = React142__default.useMemo(
+  const lineIdsKey = React143__default.useMemo(() => lineIds.join(","), [lineIds]);
+  const scopeSignature = React143__default.useMemo(
     () => [companyId || "", startKey, endKey, trendMode, comparisonStrategy || "", lineIdsKey].join("::"),
     [companyId, comparisonStrategy, endKey, lineIdsKey, startKey, trendMode]
   );
-  const controllersRef = React142__default.useRef({});
-  const requestIdsRef = React142__default.useRef({
+  const controllersRef = React143__default.useRef({});
+  const requestIdsRef = React143__default.useRef({
     snapshot: 0,
     trend: 0,
     idle: 0,
     improvements: 0
   });
-  const intervalRef = React142__default.useRef(null);
-  const isPageActiveRef = React142__default.useRef(true);
-  const lastResumeRefreshAtRef = React142__default.useRef(0);
-  const abortAll = React142__default.useCallback(() => {
+  const intervalRef = React143__default.useRef(null);
+  const isPageActiveRef = React143__default.useRef(true);
+  const lastResumeRefreshAtRef = React143__default.useRef(0);
+  const abortAll = React143__default.useCallback(() => {
     Object.values(controllersRef.current).forEach((controller) => {
       controller?.abort();
     });
     controllersRef.current = {};
   }, []);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     return () => {
       abortAll();
     };
   }, [abortAll]);
-  const getIsPageActive = React142__default.useCallback(() => {
+  const getIsPageActive = React143__default.useCallback(() => {
     if (typeof document === "undefined") {
       return true;
     }
@@ -79280,7 +79803,7 @@ var useOperationsOverviewRefresh = ({
     const hasFocus = typeof document.hasFocus === "function" ? document.hasFocus() : true;
     return isVisible && hasFocus;
   }, []);
-  const stopPolling = React142__default.useCallback((reason) => {
+  const stopPolling = React143__default.useCallback((reason) => {
     if (intervalRef.current === null) {
       return;
     }
@@ -79288,7 +79811,7 @@ var useOperationsOverviewRefresh = ({
     intervalRef.current = null;
     debugRefreshLog("poll stopped", { reason });
   }, []);
-  const runRefresh = React142__default.useCallback(
+  const runRefresh = React143__default.useCallback(
     async (section, begin, onSuccess, onError, request, reason) => {
       if (!enabled || !supabase || !companyId || lineIds.length === 0) return;
       const requestId = requestIdsRef.current[section] + 1;
@@ -79304,7 +79827,7 @@ var useOperationsOverviewRefresh = ({
         }
         onSuccess(response, Date.now(), reason === "live_refresh" ? "transition" : "default");
       } catch (error) {
-        if (controller.signal.aborted || requestIdsRef.current[section] !== requestId || isAbortError(error)) {
+        if (controller.signal.aborted || requestIdsRef.current[section] !== requestId || isAbortError2(error)) {
           return;
         }
         onError(error instanceof Error ? error.message : `Failed to refresh ${section}`);
@@ -79312,7 +79835,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, enabled, lineIds.length, supabase]
   );
-  const refreshSnapshot = React142__default.useCallback(
+  const refreshSnapshot = React143__default.useCallback(
     async (reason) => {
       await runRefresh(
         "snapshot",
@@ -79344,7 +79867,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, comparisonStrategy, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshTrend = React142__default.useCallback(
+  const refreshTrend = React143__default.useCallback(
     async (reason) => {
       await runRefresh(
         "trend",
@@ -79373,7 +79896,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshIdle = React142__default.useCallback(
+  const refreshIdle = React143__default.useCallback(
     async (reason) => {
       await runRefresh(
         "idle",
@@ -79402,7 +79925,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, endKey, lineIdsKey, runRefresh, scopeSignature, startKey, store, supabase, trendMode]
   );
-  const refreshImprovements = React142__default.useCallback(
+  const refreshImprovements = React143__default.useCallback(
     async (reason) => {
       await runRefresh(
         "improvements",
@@ -79432,7 +79955,7 @@ var useOperationsOverviewRefresh = ({
     },
     [companyId, lineIds, lineIdsKey, runRefresh, scopeSignature, store, supabase]
   );
-  const refreshAll = React142__default.useCallback(
+  const refreshAll = React143__default.useCallback(
     async (reason) => {
       await Promise.allSettled([
         refreshSnapshot(reason),
@@ -79443,7 +79966,7 @@ var useOperationsOverviewRefresh = ({
     },
     [refreshIdle, refreshImprovements, refreshSnapshot, refreshTrend]
   );
-  const startPolling = React142__default.useCallback((reason) => {
+  const startPolling = React143__default.useCallback((reason) => {
     if (!isLiveScope || !supabase || !companyId || lineIds.length === 0) {
       return;
     }
@@ -79464,7 +79987,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 = React142__default.useCallback((reason) => {
+  const refreshFromResume = React143__default.useCallback((reason) => {
     const now4 = Date.now();
     if (now4 - lastResumeRefreshAtRef.current < 1e3) {
       debugRefreshLog("resume refresh suppressed", { reason });
@@ -79479,7 +80002,7 @@ var useOperationsOverviewRefresh = ({
       }
     });
   }, [refreshAll, startPolling, stopPolling]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!enabled) {
       stopPolling("disabled");
       abortAll();
@@ -79494,7 +80017,7 @@ var useOperationsOverviewRefresh = ({
     }
     void refreshAll("scope_change");
   }, [abortAll, companyId, enabled, lineIds.length, refreshAll, scopeSignature, stopPolling, store, supabase]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (!enabled || !isLiveScope || !supabase || !companyId || lineIds.length === 0) {
       isPageActiveRef.current = false;
       stopPolling("live_scope_disabled");
@@ -79669,55 +80192,55 @@ var PlantHeadView = () => {
   const { accessibleLineIds } = useUserLineAccess();
   const mobileMenuContext = useMobileMenu();
   useHideMobileHeader(!!mobileMenuContext);
-  const storeRef = React142__default.useRef(createOperationsOverviewStore());
+  const storeRef = React143__default.useRef(createOperationsOverviewStore());
   const store = storeRef.current;
-  const fallbackOperationalDate = React142__default.useMemo(
+  const fallbackOperationalDate = React143__default.useMemo(
     () => getOperationalDate(appTimezone),
     [appTimezone]
   );
-  const [dateRange, setDateRange] = React142__default.useState(() => ({
+  const [dateRange, setDateRange] = React143__default.useState(() => ({
     startKey: fallbackOperationalDate,
     endKey: fallbackOperationalDate
   }));
-  const [usesThisWeekComparison, setUsesThisWeekComparison] = React142__default.useState(false);
-  const [trendMode, setTrendMode] = React142__default.useState("all");
-  const [selectedSupervisorId, setSelectedSupervisorId] = React142__default.useState("all");
-  const [selectedLineIds, setSelectedLineIds] = React142__default.useState([]);
-  const [isInitialScopeReady, setIsInitialScopeReady] = React142__default.useState(false);
-  const [shiftResolutionTick, setShiftResolutionTick] = React142__default.useState(0);
-  const hasAutoInitializedScopeRef = React142__default.useRef(false);
-  const hasUserAdjustedScopeRef = React142__default.useRef(false);
-  React142__default.useEffect(() => {
+  const [usesThisWeekComparison, setUsesThisWeekComparison] = React143__default.useState(false);
+  const [trendMode, setTrendMode] = React143__default.useState("all");
+  const [selectedSupervisorId, setSelectedSupervisorId] = React143__default.useState("all");
+  const [selectedLineIds, setSelectedLineIds] = React143__default.useState([]);
+  const [isInitialScopeReady, setIsInitialScopeReady] = React143__default.useState(false);
+  const [shiftResolutionTick, setShiftResolutionTick] = React143__default.useState(0);
+  const hasAutoInitializedScopeRef = React143__default.useRef(false);
+  const hasUserAdjustedScopeRef = React143__default.useRef(false);
+  React143__default.useEffect(() => {
     trackCorePageView("Operations Overview", {
       dashboard_surface: "operations_overview"
     });
   }, []);
-  const currentWeekRange = React142__default.useMemo(
+  const currentWeekRange = React143__default.useMemo(
     () => getCurrentWeekToDateRange(appTimezone),
     [appTimezone]
   );
-  const currentWeekDisplayRange = React142__default.useMemo(
+  const currentWeekDisplayRange = React143__default.useMemo(
     () => getCurrentWeekFullRange(appTimezone),
     [appTimezone]
   );
   const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
-  const headerDateRange = React142__default.useMemo(() => {
+  const headerDateRange = React143__default.useMemo(() => {
     if (usesThisWeekComparison && isCurrentWeekToDateRange) {
       return currentWeekDisplayRange;
     }
     return dateRange;
   }, [currentWeekDisplayRange, dateRange, isCurrentWeekToDateRange, usesThisWeekComparison]);
-  const normalizedLineIds = React142__default.useMemo(
+  const normalizedLineIds = React143__default.useMemo(
     () => Array.from(new Set(
       (accessibleLineIds || []).filter(Boolean).filter((lineId) => lineId !== factoryViewId)
     )).sort(),
     [accessibleLineIds, factoryViewId]
   );
-  const lineIdsKey = React142__default.useMemo(
+  const lineIdsKey = React143__default.useMemo(
     () => normalizedLineIds.join(","),
     [normalizedLineIds]
   );
-  const lineOptions = React142__default.useMemo(
+  const lineOptions = React143__default.useMemo(
     () => normalizedLineIds.map((lineId) => ({
       id: lineId,
       name: getLineDisplayName(entityConfig, lineId)
@@ -79729,7 +80252,7 @@ var PlantHeadView = () => {
     companyId: entityConfig.companyId,
     useBackend: true
   });
-  const supervisorOptions = React142__default.useMemo(
+  const supervisorOptions = React143__default.useMemo(
     () => {
       const optionsById = /* @__PURE__ */ new Map();
       normalizedLineIds.forEach((lineId) => {
@@ -79755,7 +80278,7 @@ var PlantHeadView = () => {
     },
     [normalizedLineIds, supervisorsByLineId]
   );
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (selectedSupervisorId === "all") {
       setSelectedLineIds((previous) => {
         if (normalizedLineIds.length === 0) {
@@ -79781,7 +80304,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 = React142__default.useMemo(
+  const scopedLineIds = React143__default.useMemo(
     () => selectedLineIds.length > 0 ? selectedLineIds : normalizedLineIds,
     [normalizedLineIds, selectedLineIds]
   );
@@ -79789,7 +80312,7 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (scopedLineIds.length === 0 || isShiftConfigLoading) {
       return;
     }
@@ -79800,11 +80323,11 @@ var PlantHeadView = () => {
       clearInterval(intervalId);
     };
   }, [isShiftConfigLoading, scopedLineIds.length]);
-  const shiftResolutionNow = React142__default.useMemo(
+  const shiftResolutionNow = React143__default.useMemo(
     () => /* @__PURE__ */ new Date(),
     [shiftResolutionTick]
   );
-  const earliestDayShiftStartTime = React142__default.useMemo(() => {
+  const earliestDayShiftStartTime = React143__default.useMemo(() => {
     const candidateStarts = [];
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
@@ -79840,11 +80363,11 @@ var PlantHeadView = () => {
     const minutes = earliestMinutes % 60;
     return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
   }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
-  const resolvedOperationalToday = React142__default.useMemo(
+  const resolvedOperationalToday = React143__default.useMemo(
     () => getOperationalDate(appTimezone, shiftResolutionNow, earliestDayShiftStartTime),
     [appTimezone, earliestDayShiftStartTime, shiftResolutionNow]
   );
-  const activeLineShiftStates = React142__default.useMemo(() => {
+  const activeLineShiftStates = React143__default.useMemo(() => {
     return scopedLineIds.flatMap((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
       const activeShift = getActiveShift(appTimezone, shiftConfig, shiftResolutionNow);
@@ -79871,16 +80394,16 @@ var PlantHeadView = () => {
       }];
     });
   }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
-  const hasActiveDayShiftLine = React142__default.useMemo(
+  const hasActiveDayShiftLine = React143__default.useMemo(
     () => activeLineShiftStates.some((shift) => shift.trendMode === "day" && shift.date === resolvedOperationalToday),
     [activeLineShiftStates, resolvedOperationalToday]
   );
-  const hasActiveNightShiftLine = React142__default.useMemo(
+  const hasActiveNightShiftLine = React143__default.useMemo(
     () => activeLineShiftStates.some((shift) => shift.trendMode === "night" && shift.date === resolvedOperationalToday),
     [activeLineShiftStates, resolvedOperationalToday]
   );
   const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
-  const hourlyWindowStartTime = React142__default.useMemo(() => {
+  const hourlyWindowStartTime = React143__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
     }
@@ -79931,12 +80454,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 = React142__default.useMemo(
+  const isShiftScopeResolved = React143__default.useMemo(
     () => !isShiftConfigLoading,
     [isShiftConfigLoading]
   );
-  const initializedTimezoneRef = React142__default.useRef(appTimezone);
-  React142__default.useEffect(() => {
+  const initializedTimezoneRef = React143__default.useRef(appTimezone);
+  React143__default.useEffect(() => {
     if (initializedTimezoneRef.current === appTimezone) return;
     hasAutoInitializedScopeRef.current = false;
     hasUserAdjustedScopeRef.current = false;
@@ -79949,7 +80472,7 @@ var PlantHeadView = () => {
     setIsInitialScopeReady(false);
     initializedTimezoneRef.current = appTimezone;
   }, [appTimezone, fallbackOperationalDate]);
-  React142__default.useEffect(() => {
+  React143__default.useEffect(() => {
     if (hasAutoInitializedScopeRef.current || hasUserAdjustedScopeRef.current) {
       return;
     }
@@ -79974,7 +80497,7 @@ var PlantHeadView = () => {
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
   }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
-  const handleDateRangeChange = React142__default.useCallback((range, meta) => {
+  const handleDateRangeChange = React143__default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
     trackCoreEvent("Operations Overview Date Range Changed", {
@@ -79992,12 +80515,12 @@ var PlantHeadView = () => {
       return previous;
     });
   }, []);
-  const handleTrendModeChange = React142__default.useCallback((mode) => {
+  const handleTrendModeChange = React143__default.useCallback((mode) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
     setTrendMode(mode);
   }, []);
-  const handleSelectedLineIdsChange = React142__default.useCallback((lineIds) => {
+  const handleSelectedLineIdsChange = React143__default.useCallback((lineIds) => {
     setSelectedSupervisorId("all");
     if (normalizedLineIds.length === 0) {
       setSelectedLineIds([]);
@@ -80008,10 +80531,10 @@ var PlantHeadView = () => {
     const next = normalizedLineIds.filter((lineId) => selectedSet.has(lineId));
     setSelectedLineIds(next.length > 0 ? next : normalizedLineIds);
   }, [normalizedLineIds]);
-  const handleSelectedSupervisorIdChange = React142__default.useCallback((supervisorId) => {
+  const handleSelectedSupervisorIdChange = React143__default.useCallback((supervisorId) => {
     setSelectedSupervisorId(supervisorId);
   }, []);
-  const buildLineMonthlyHistoryUrl = React142__default.useCallback((lineId) => {
+  const buildLineMonthlyHistoryUrl = React143__default.useCallback((lineId) => {
     const rangeStartDate = parseDateKeyToDate(dateRange.startKey);
     const params = new URLSearchParams();
     params.set("tab", "monthly_history");
@@ -80021,15 +80544,15 @@ var PlantHeadView = () => {
     params.set("rangeEnd", dateRange.endKey);
     return `/kpis/${lineId}?${params.toString()}`;
   }, [dateRange.endKey, dateRange.startKey]);
-  const handleViewAllPoorestPerformers = React142__default.useCallback(() => {
+  const handleViewAllPoorestPerformers = React143__default.useCallback(() => {
     trackCoreEvent("Operations Overview View All Clicked", { section: "poorest_performers" });
     navigate("/kpis?tab=leaderboard");
   }, [navigate]);
-  const handleViewAllImprovements = React142__default.useCallback(() => {
+  const handleViewAllImprovements = React143__default.useCallback(() => {
     trackCoreEvent("Operations Overview View All Clicked", { section: "improvements" });
     navigate("/improvement-center");
   }, [navigate]);
-  const handleOpenImprovement = React142__default.useCallback((item) => {
+  const handleOpenImprovement = React143__default.useCallback((item) => {
     trackCoreEvent("Operations Overview Improvement Clicked", {
       issue_id: item.issueId,
       issue_number: item.issueNumber,
@@ -80040,13 +80563,13 @@ var PlantHeadView = () => {
     });
     navigate(`/improvement-center?${params.toString()}`);
   }, [navigate]);
-  const comparisonStrategy = React142__default.useMemo(() => {
+  const comparisonStrategy = React143__default.useMemo(() => {
     if (usesThisWeekComparison && isCurrentWeekToDateRange) {
       return "previous_full_week";
     }
     return void 0;
   }, [isCurrentWeekToDateRange, usesThisWeekComparison]);
-  const effectiveDateRange = React142__default.useMemo(() => {
+  const effectiveDateRange = React143__default.useMemo(() => {
     if (isInitialScopeReady) {
       return dateRange;
     }
@@ -80056,21 +80579,21 @@ var PlantHeadView = () => {
       endKey: nextStartKey
     };
   }, [dateRange, fallbackOperationalDate, isInitialScopeReady, resolvedOperationalToday]);
-  const effectiveTrendMode = React142__default.useMemo(
+  const effectiveTrendMode = React143__default.useMemo(
     () => resolvedTrendMode,
     [resolvedTrendMode]
   );
-  const hourlyLabelStartTime = React142__default.useMemo(() => {
+  const hourlyLabelStartTime = React143__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
     }
     return hourlyWindowStartTime;
   }, [hourlyWindowStartTime, scopedLineIds.length]);
-  const isSingleDayScope = React142__default.useMemo(
+  const isSingleDayScope = React143__default.useMemo(
     () => effectiveDateRange.startKey === effectiveDateRange.endKey,
     [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
-  const isLiveScope = React142__default.useMemo(
+  const isLiveScope = React143__default.useMemo(
     () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && (effectiveTrendMode === "all" || effectiveTrendMode === "day" && hasActiveDayShiftLine || effectiveTrendMode === "night" && hasActiveNightShiftLine),
     [
       effectiveDateRange.startKey,
@@ -80081,7 +80604,7 @@ var PlantHeadView = () => {
       resolvedOperationalToday
     ]
   );
-  const handleOpenLineDetails = React142__default.useCallback((lineId, lineName) => {
+  const handleOpenLineDetails = React143__default.useCallback((lineId, lineName) => {
     trackCoreEvent("Operations Overview Line Clicked", {
       line_id: lineId,
       line_name: lineName,
@@ -80649,4 +81172,4 @@ var streamProxyConfig = {
   }
 };
 
-export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, 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, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };