@optifye/dashboard-core 6.10.37 → 6.10.38

package/dist/index.js

@@ -132,14 +132,18 @@ var DEFAULT_SHIFT_DATA = {
   pph: 0,
   pphThreshold: 0,
   idealOutput: 0,
+  targetOutput: 0,
   rank: 0,
   idleTime: 0,
+  activeTimeSeconds: 0,
+  availableTimeSeconds: 0,
   hasData: false
 };
 var getShiftData = (day, shiftId) => {
   const shift = day.shifts[shiftId];
   if (shift) {
-    return { ...shift, hasData: true };
+    const hasData = shift.hasData ?? true;
+    return { ...DEFAULT_SHIFT_DATA, ...shift, hasData };
   }
   return { ...DEFAULT_SHIFT_DATA };
 };
@@ -1596,7 +1600,7 @@ var dashboardService = {
         }
         const lineIdsToQuery = configuredLineIds;
         const [line1Result, metricsResult2] = await Promise.all([
-          supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", defaultLineId).single(),
+          supabase.from(linesTable).select("id, line_name, factory_id, monitoring_mode, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", defaultLineId).single(),
           supabase.from(lineMetricsTable).select("*").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate)
         ]);
         if (line1Result.error) throw line1Result.error;
@@ -1651,6 +1655,7 @@ var dashboardService = {
           factory_name: line1Data.factories?.factory_name ?? "N/A",
           date: queryDate,
           shift_id: queryShiftId,
+          monitoring_mode: line1Data.monitoring_mode ?? void 0,
           metrics: {
             avg_efficiency: avgEfficiency,
             avg_cycle_time: combinedMetricsData.avg_cycle_time / numLines,
@@ -1674,7 +1679,7 @@ var dashboardService = {
         throw new Error("Company ID must be configured for detailed line requests.");
       }
       const [lineResult, metricsResult] = await Promise.all([
-        supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", lineIdToQuery).single(),
+        supabase.from(linesTable).select("id, line_name, factory_id, monitoring_mode, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", lineIdToQuery).single(),
         supabase.from(lineMetricsTable).select("*").eq("line_id", lineIdToQuery).eq("shift_id", queryShiftId).eq("date", queryDate).maybeSingle()
       ]);
       if (lineResult.error) throw lineResult.error;
@@ -1693,6 +1698,7 @@ var dashboardService = {
         factory_name: lineData.factories?.factory_name ?? "N/A",
         date: queryDate,
         shift_id: queryShiftId,
+        monitoring_mode: lineData.monitoring_mode ?? void 0,
         metrics: {
           avg_efficiency: metrics2?.avg_efficiency ?? 0,
           avg_cycle_time: metrics2?.avg_cycle_time || 0,
@@ -1722,8 +1728,6 @@ var dashboardService = {
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
     const shiftConfig = config.shiftConfig ?? DEFAULT_SHIFT_CONFIG;
     const companyId = entityConfig.companyId;
-    const metricsTablePrefixStr = getMetricsTablePrefix();
-    const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
     const startDate = new Date(year, month, 1);
     const endDate = new Date(year, month + 1, 0);
     const formatDate2 = (date) => {
@@ -1735,33 +1739,34 @@ var dashboardService = {
     const formattedStartDate = formatDate2(startDate);
     const formattedEndDate = formatDate2(endDate);
     try {
-      const { data, error } = await supabase.from(metricsTable).select(`
-                date, 
-                shift_id, 
-                efficiency, 
-                total_output, 
-                avg_cycle_time, 
-                avg_pph, 
-                pph_threshold, 
-                workspace_rank, 
-                idle_time,
-                total_day_output
-              `).eq("workspace_id", workspaceUuid).gte("date", formattedStartDate).lte("date", formattedEndDate).order("date", { ascending: true }).order("shift_id", { ascending: true });
-      if (error) throw error;
-      if (!data) return [];
-      const transformedData = data.map((item) => ({
+      const searchParams = new URLSearchParams();
+      searchParams.set("workspace_id", workspaceUuid);
+      searchParams.set("company_id", companyId || "");
+      searchParams.set("start_date", formattedStartDate);
+      searchParams.set("end_date", formattedEndDate);
+      const data = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/workspace-monthly?${searchParams.toString()}`
+      );
+      const entries = data?.entries ?? [];
+      const transformedData = entries.map((item) => ({
         date: item.date,
         shift_id: item.shift_id,
         shift_type: item.shift_id === (shiftConfig.dayShift?.id ?? 0) ? "Day" : item.shift_id === (shiftConfig.nightShift?.id ?? 1) ? "Night" : "Unknown",
-        avg_efficiency: item.efficiency || 0,
+        avg_efficiency: item.avg_efficiency || 0,
         total_output: item.total_output || 0,
         avg_cycle_time: item.avg_cycle_time || 0,
-        ideal_output: item.total_day_output || 0,
-        // Use daily target directly from performance_metrics table
+        ideal_output: item.ideal_output || 0,
+        total_day_output: item.total_day_output ?? item.ideal_output ?? 0,
         avg_pph: item.avg_pph || 0,
         pph_threshold: item.pph_threshold || 0,
         workspace_rank: item.workspace_rank || 0,
-        idle_time: item.idle_time || 0
+        idle_time: item.idle_time || 0,
+        active_time_seconds: item.active_time_seconds,
+        idle_time_seconds: item.idle_time_seconds,
+        available_time_seconds: item.available_time_seconds,
+        shift_start: item.shift_start ?? null,
+        shift_end: item.shift_end ?? null
       }));
       return transformedData;
     } catch (err) {
@@ -1769,16 +1774,14 @@ var dashboardService = {
       throw err;
     }
   },
-  async getLineMonthlyData(lineIdInput, month, year) {
+  async getLineMonthlyData(lineIdInput, month, year, options) {
     const supabase = _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
-    const dbConfig = config.databaseConfig ?? DEFAULT_DATABASE_CONFIG;
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
-    const lineMetricsTable = getTable(dbConfig, "lineMetrics");
     const configuredLineIds = getConfiguredLineIds(entityConfig);
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
-    const startDate = new Date(year, month, 1);
-    const endDate = new Date(year, month + 1, 0);
+    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");
@@ -1787,31 +1790,28 @@ var dashboardService = {
     };
     const formattedStartDate = formatDate2(startDate);
     const formattedEndDate = formatDate2(endDate);
-    let query = supabase.from(lineMetricsTable).select("date, shift_id, avg_efficiency, underperforming_workspaces, total_workspaces, current_output, ideal_output, line_threshold").gte("date", formattedStartDate).lte("date", formattedEndDate);
+    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.");
       }
-      query = query.in("line_id", configuredLineIds);
+      params.set("line_ids", configuredLineIds.join(","));
     } else {
-      query = query.eq("line_id", lineIdInput);
+      params.set("line_id", lineIdInput);
+    }
+    if (options?.shiftIds && options.shiftIds.length > 0) {
+      params.set("shift_ids", options.shiftIds.join(","));
     }
-    query = query.order("date", { ascending: true }).order("shift_id", { ascending: true });
     try {
-      const { data, error } = await query;
-      if (error) throw error;
-      if (!data) return [];
-      const transformedData = data.map((item) => ({
-        date: item.date,
-        shift_id: item.shift_id,
-        avg_efficiency: item.avg_efficiency || 0,
-        underperforming_workspaces: item.underperforming_workspaces || 0,
-        total_workspaces: item.total_workspaces || 0,
-        current_output: item.current_output || 0,
-        ideal_output: item.ideal_output || 0,
-        line_threshold: item.line_threshold || 0
-      }));
-      return transformedData;
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/line-monthly?${params.toString()}`
+      );
+      return response?.entries || [];
     } catch (err) {
       console.error("Exception in getLineMonthlyData:", err);
       throw err;
@@ -4078,11 +4078,163 @@ var authRateLimitService = {
   clearRateLimit,
   clearAllRateLimits
 };
+
+// src/lib/utils/rateLimit.ts
+var rateLimitMap2 = /* @__PURE__ */ new Map();
+function checkRateLimit2(identifier, options = {}) {
+  const windowMs = options.windowMs || 60 * 1e3;
+  const maxRequests = options.maxRequests || 3;
+  const now4 = Date.now();
+  const userLimit = rateLimitMap2.get(identifier);
+  if (userLimit && userLimit.resetTime < now4) {
+    rateLimitMap2.delete(identifier);
+  }
+  if (!userLimit || userLimit.resetTime < now4) {
+    rateLimitMap2.set(identifier, {
+      count: 1,
+      resetTime: now4 + windowMs
+    });
+    return { allowed: true };
+  }
+  if (userLimit.count >= maxRequests) {
+    const retryAfter = Math.ceil((userLimit.resetTime - now4) / 1e3);
+    return { allowed: false, retryAfter };
+  }
+  userLimit.count++;
+  return { allowed: true };
+}
+function clearRateLimit2(identifier) {
+  rateLimitMap2.delete(identifier);
+}
+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 isMixpanelInitialized = false;
 var currentUserProperties;
+var MIXPANEL_WARNING_RATE_LIMIT = {
+  windowMs: 10 * 60 * 1e3,
+  // 10 minutes
+  maxRequests: 2
+};
+var MIXPANEL_ERROR_RATE_LIMIT = {
+  windowMs: 10 * 60 * 1e3,
+  // 10 minutes
+  maxRequests: 5
+};
+var baseMixpanelExtras = () => ({
+  isInitialized: isMixpanelInitialized,
+  environment: process.env.NODE_ENV
+});
+var shouldReportMixpanel = (key, isError) => {
+  const options = isError ? MIXPANEL_ERROR_RATE_LIMIT : MIXPANEL_WARNING_RATE_LIMIT;
+  return checkRateLimit2(`mixpanel:${key}`, options).allowed;
+};
+var reportMixpanelWarning = (key, message, extras) => {
+  if (!shouldReportMixpanel(key, false)) return;
+  captureSentryMessage(message, "warning", { ...baseMixpanelExtras(), ...extras });
+};
+var reportMixpanelError = (key, error, extras) => {
+  if (!shouldReportMixpanel(key, true)) return;
+  captureSentryException(error, { ...baseMixpanelExtras(), ...extras });
+};
 var initializeCoreMixpanel = (token, debugOrOptions, trackPageViewArg) => {
   if (!token) {
     console.warn("Mixpanel token not provided for initialization. Mixpanel will not be enabled.");
+    reportMixpanelWarning("init_missing_token", "Mixpanel init skipped: missing token", {
+      operation: "init",
+      hasToken: false
+    });
     return;
   }
   if (isMixpanelInitialized) {
@@ -4130,25 +4282,61 @@ var initializeCoreMixpanel = (token, debugOrOptions, trackPageViewArg) => {
       initOptions[key] = sessionOpts[key];
     }
   });
-  mixpanel__default.default.init(token, initOptions);
-  isMixpanelInitialized = true;
+  try {
+    mixpanel__default.default.init(token, initOptions);
+    isMixpanelInitialized = true;
+  } catch (err) {
+    reportMixpanelError("init_failed", err, {
+      operation: "init",
+      hasToken: true,
+      persistence: initOptions.persistence,
+      trackPageView: initOptions.track_pageview
+    });
+    return;
+  }
   if (initOptions.debug) {
     console.log("Mixpanel initialized in dashboard-core.");
   }
 };
 var trackCorePageView = (pageName, properties) => {
-  if (!isMixpanelInitialized) return;
-  mixpanel__default.default.track("Page View", { page: pageName, ...properties });
+  if (!isMixpanelInitialized) {
+    reportMixpanelWarning("track_pageview_not_initialized", "Mixpanel not initialized: page view dropped", {
+      operation: "track_pageview",
+      pageName
+    });
+    return;
+  }
+  try {
+    mixpanel__default.default.track("Page View", { page: pageName, ...properties });
+  } catch (err) {
+    reportMixpanelError("track_pageview_failed", err, {
+      operation: "track_pageview",
+      pageName
+    });
+  }
 };
 var trackCoreEvent = (eventName, properties) => {
-  if (!isMixpanelInitialized) return;
+  if (!isMixpanelInitialized) {
+    reportMixpanelWarning("track_event_not_initialized", "Mixpanel not initialized: event dropped", {
+      operation: "track_event",
+      eventName
+    });
+    return;
+  }
   const mergedProps = {
     // Precedence order: explicit properties passed by caller should override
     // automatically appended user properties to avoid accidental overwrites.
     ...currentUserProperties || {},
     ...properties || {}
   };
-  mixpanel__default.default.track(eventName, mergedProps);
+  try {
+    mixpanel__default.default.track(eventName, mergedProps);
+  } catch (err) {
+    reportMixpanelError("track_event_failed", err, {
+      operation: "track_event",
+      eventName
+    });
+  }
 };
 var startCoreSessionRecording = () => {
   try {
@@ -4158,6 +4346,9 @@ var startCoreSessionRecording = () => {
     }
   } catch (err) {
     console.error("[Mixpanel] Unable to start session recording:", err);
+    reportMixpanelError("start_session_recording_failed", err, {
+      operation: "start_session_recording"
+    });
   }
 };
 var stopCoreSessionRecording = () => {
@@ -4168,6 +4359,9 @@ var stopCoreSessionRecording = () => {
     }
   } catch (err) {
     console.error("[Mixpanel] Unable to stop session recording:", err);
+    reportMixpanelError("stop_session_recording_failed", err, {
+      operation: "stop_session_recording"
+    });
   }
 };
 var getCoreSessionRecordingProperties = () => {
@@ -4191,16 +4385,38 @@ var getCoreSessionReplayUrl = () => {
   return null;
 };
 var identifyCoreUser = (userId, userProperties) => {
-  if (!isMixpanelInitialized) return;
-  mixpanel__default.default.identify(userId);
-  if (userProperties) {
-    mixpanel__default.default.people.set(userProperties);
+  if (!isMixpanelInitialized) {
+    reportMixpanelWarning("identify_not_initialized", "Mixpanel not initialized: identify dropped", {
+      operation: "identify",
+      userIdPresent: Boolean(userId),
+      hasUserProperties: Boolean(userProperties)
+    });
+    return;
+  }
+  try {
+    mixpanel__default.default.identify(userId);
+    if (userProperties) {
+      mixpanel__default.default.people.set(userProperties);
+    }
+  } catch (err) {
+    reportMixpanelError("identify_failed", err, {
+      operation: "identify",
+      userIdPresent: Boolean(userId),
+      hasUserProperties: Boolean(userProperties)
+    });
+    return;
   }
   currentUserProperties = { ...userProperties };
 };
 var resetCoreMixpanel = () => {
   if (!isMixpanelInitialized) return;
-  mixpanel__default.default.reset();
+  try {
+    mixpanel__default.default.reset();
+  } catch (err) {
+    reportMixpanelError("reset_failed", err, {
+      operation: "reset"
+    });
+  }
 };
 
 // src/lib/services/sseClient.ts
@@ -9681,7 +9897,11 @@ var useLineWorkspaceMetrics = (lineId, options) => {
         trend: item.trend_score === 1 ? 2 : 0,
         predicted_output: item.ideal_output || 0,
         efficiency: item.efficiency || 0,
-        action_threshold: item.total_day_output || 0
+        action_threshold: item.total_day_output || 0,
+        idle_time: item.idle_time ?? void 0,
+        idle_time_hourly: item.idle_time_hourly || null,
+        shift_start: item.shift_start || void 0,
+        shift_end: item.shift_end || void 0
       })).sort((a, b) => a.workspace_name.localeCompare(b.workspace_name));
       setWorkspaces(transformedData);
       setInitialized(true);
@@ -10611,23 +10831,29 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
           workspaceMetricsStore.setDetailed(detailedMetrics);
         }
       });
-      const transformedWorkspaceData = allWorkspaceMetrics.map((item) => ({
-        company_id: item.company_id || companyId,
-        line_id: item.line_id,
-        shift_id: item.shift_id,
-        date: item.date,
-        workspace_uuid: item.workspace_id,
-        workspace_name: item.workspace_name,
-        action_count: item.total_output || 0,
-        pph: item.avg_pph || 0,
-        performance_score: item.performance_score || 0,
-        avg_cycle_time: item.avg_cycle_time || 0,
-        trend: item.trend_score === 1 ? 2 : 0,
-        predicted_output: item.ideal_output || 0,
-        efficiency: item.efficiency || 0,
-        action_threshold: item.total_day_output || 0,
-        show_exclamation: item.show_exclamation ?? void 0
-      })).sort((a, b) => {
+      const transformedWorkspaceData = allWorkspaceMetrics.map((item) => {
+        const idleTimeValue = typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time);
+        const idleTimeSeconds = Number.isFinite(idleTimeValue) ? idleTimeValue : void 0;
+        return {
+          company_id: item.company_id || companyId,
+          line_id: item.line_id,
+          shift_id: item.shift_id,
+          date: item.date,
+          workspace_uuid: item.workspace_id,
+          workspace_name: item.workspace_name,
+          action_count: item.total_output || 0,
+          pph: item.avg_pph || 0,
+          performance_score: item.performance_score || 0,
+          avg_cycle_time: item.avg_cycle_time || 0,
+          trend: item.trend_score === 1 ? 2 : 0,
+          predicted_output: item.ideal_output || 0,
+          efficiency: item.efficiency || 0,
+          action_threshold: item.total_day_output || 0,
+          show_exclamation: item.show_exclamation ?? void 0,
+          monitoring_mode: item.monitoring_mode ?? void 0,
+          idle_time: idleTimeSeconds
+        };
+      }).sort((a, b) => {
         if (a.line_id !== b.line_id) return a.line_id.localeCompare(b.line_id);
         const wsNumA = parseInt(a.workspace_name?.replace(/[^0-9]/g, "") || "0");
         const wsNumB = parseInt(b.workspace_name?.replace(/[^0-9]/g, "") || "0");
@@ -11472,7 +11698,8 @@ var useRealtimeLineMetrics = ({
           factory: {
             id: lineDetailsPayload.factory_id || "",
             factory_name: lineDetailsPayload.factory_name || ""
-          }
+          },
+          monitoring_mode: lineDetailsPayload.monitoring_mode ?? void 0
         });
       } else {
         setLineDetails(null);
@@ -11499,7 +11726,8 @@ var useRealtimeLineMetrics = ({
           shift_start: "06:00",
           shift_end: "14:00",
           last_updated: (/* @__PURE__ */ new Date()).toISOString(),
-          poorest_performing_workspaces: poorestPerformingWorkspaces
+          poorest_performing_workspaces: poorestPerformingWorkspaces,
+          idle_time_hourly: {}
         });
       } else {
         setMetrics({
@@ -16108,70 +16336,121 @@ function useHasLineAccess(lineId, configLineIds) {
     return accessibleLineIds.includes(lineId);
   }, [lineId, accessibleLineIds]);
 }
-function useLineSupervisor(lineId) {
+function useLineSupervisor(lineId, options) {
   const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
+  const enabled = options?.enabled ?? true;
+  const useBackend = options?.useBackend ?? true;
+  const resolvedCompanyId = options?.companyId || entityConfig.companyId;
   const [supervisor, setSupervisor] = React26.useState(null);
   const [supervisors, setSupervisors] = React26.useState([]);
   const [isLoading, setIsLoading] = React26.useState(true);
   const [error, setError] = React26.useState(null);
   const fetchSupervisor = React26.useCallback(async () => {
-    if (!lineId || !supabase) {
+    if (!enabled || !lineId || !supabase) {
       setIsLoading(false);
       return;
     }
     try {
       setIsLoading(true);
       setError(null);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
-      if (fetchError) {
-        console.error("[useLineSupervisor] Query error:", fetchError);
-        throw fetchError;
-      }
-      if (data && data.length > 0) {
-        const supervisorsForLine = data.filter((supervisorData) => {
-          const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
-          const isAssigned = Array.isArray(lineIds) && lineIds.includes(lineId);
-          return isAssigned;
+      const mapSupervisor = (row) => {
+        const email = row.email || "";
+        let displayName;
+        if (row.first_name) {
+          displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+        } else {
+          displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+        }
+        return {
+          userId: row.user_id,
+          email,
+          displayName,
+          profilePhotoUrl: row.profile_photo_url
+        };
+      };
+      const fetchFromBackend = async () => {
+        if (!resolvedCompanyId) {
+          throw new Error("Company ID is not configured");
+        }
+        const searchParams = new URLSearchParams({
+          company_id: resolvedCompanyId,
+          line_ids: lineId
         });
-        if (supervisorsForLine.length > 0) {
-          const allSupervisors = supervisorsForLine.map((supervisorData) => {
-            let displayName;
-            if (supervisorData.first_name) {
-              displayName = supervisorData.last_name ? `${supervisorData.first_name} ${supervisorData.last_name}` : supervisorData.first_name;
-            } else {
-              displayName = supervisorData.email.split("@")[0] || supervisorData.email;
-            }
-            return {
-              userId: supervisorData.user_id,
-              email: supervisorData.email,
-              displayName,
-              profilePhotoUrl: supervisorData.profile_photo_url
-            };
+        const data = await fetchBackendJson(supabase, `/api/dashboard/line-supervisors?${searchParams.toString()}`);
+        const supervisorsForLine = (data?.supervisors || []).filter((row) => Array.isArray(row.line_ids) && row.line_ids.includes(lineId)).map(mapSupervisor);
+        setSupervisors(supervisorsForLine);
+        setSupervisor(supervisorsForLine[0] || null);
+      };
+      const fetchFromSupabase = async () => {
+        const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
+        if (fetchError) {
+          console.error("[useLineSupervisor] Query error:", fetchError);
+          throw fetchError;
+        }
+        if (data && data.length > 0) {
+          const supervisorsForLine = data.filter((supervisorData) => {
+            const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
+            const isAssigned = Array.isArray(lineIds) && lineIds.includes(lineId);
+            return isAssigned;
           });
-          setSupervisors(allSupervisors);
-          setSupervisor(allSupervisors[0]);
+          if (supervisorsForLine.length > 0) {
+            const allSupervisors = supervisorsForLine.map(mapSupervisor);
+            setSupervisors(allSupervisors);
+            setSupervisor(allSupervisors[0]);
+          } else {
+            setSupervisors([]);
+            setSupervisor(null);
+          }
         } else {
           setSupervisors([]);
           setSupervisor(null);
         }
+      };
+      if (useBackend && resolvedCompanyId) {
+        await fetchFromBackend();
       } else {
-        setSupervisors([]);
-        setSupervisor(null);
+        await fetchFromSupabase();
       }
     } catch (err) {
       console.error("[useLineSupervisor] Error fetching supervisors:", err);
-      setError(err instanceof Error ? err : new Error("Failed to fetch supervisors"));
-      setSupervisors([]);
-      setSupervisor(null);
+      try {
+        if (!useBackend) {
+          throw err;
+        }
+        await (async () => {
+          const { data } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
+          const supervisorsForLine = (data || []).filter((supervisorData) => {
+            const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
+            return Array.isArray(lineIds) && lineIds.includes(lineId);
+          }).map((row) => {
+            const email = row.email || "";
+            const displayName = row.first_name ? row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name : (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+            return {
+              userId: row.user_id,
+              email,
+              displayName,
+              profilePhotoUrl: row.profile_photo_url
+            };
+          });
+          setSupervisors(supervisorsForLine);
+          setSupervisor(supervisorsForLine[0] || null);
+        })();
+      } catch (fallbackError) {
+        console.error("[useLineSupervisor] Fallback supervisor fetch failed:", fallbackError);
+        setError(fallbackError instanceof Error ? fallbackError : new Error("Failed to fetch supervisors"));
+        setSupervisors([]);
+        setSupervisor(null);
+      }
     } finally {
       setIsLoading(false);
     }
-  }, [lineId, supabase]);
+  }, [enabled, lineId, supabase, useBackend, resolvedCompanyId]);
   React26.useEffect(() => {
     fetchSupervisor();
   }, [fetchSupervisor]);
   React26.useEffect(() => {
-    if (!lineId || !supabase) {
+    if (!enabled || !lineId || !supabase) {
       return;
     }
     let channel = null;
@@ -16196,7 +16475,7 @@ function useLineSupervisor(lineId) {
         supabase.removeChannel(channel);
       }
     };
-  }, [lineId, supabase, fetchSupervisor]);
+  }, [enabled, lineId, supabase, fetchSupervisor]);
   const supervisorName = supervisors.length > 0 ? supervisors.map((s) => s.displayName).join(", ") : null;
   return {
     supervisorName,
@@ -19722,37 +20001,6 @@ var videoPreloader = new VideoPreloader();
 var preloadVideoUrl = videoPreloader.preloadVideo;
 var preloadVideosUrl = videoPreloader.preloadVideos;
 
-// src/lib/utils/rateLimit.ts
-var rateLimitMap2 = /* @__PURE__ */ new Map();
-function checkRateLimit2(identifier, options = {}) {
-  const windowMs = options.windowMs || 60 * 1e3;
-  const maxRequests = options.maxRequests || 3;
-  const now4 = Date.now();
-  const userLimit = rateLimitMap2.get(identifier);
-  if (userLimit && userLimit.resetTime < now4) {
-    rateLimitMap2.delete(identifier);
-  }
-  if (!userLimit || userLimit.resetTime < now4) {
-    rateLimitMap2.set(identifier, {
-      count: 1,
-      resetTime: now4 + windowMs
-    });
-    return { allowed: true };
-  }
-  if (userLimit.count >= maxRequests) {
-    const retryAfter = Math.ceil((userLimit.resetTime - now4) / 1e3);
-    return { allowed: false, retryAfter };
-  }
-  userLimit.count++;
-  return { allowed: true };
-}
-function clearRateLimit2(identifier) {
-  rateLimitMap2.delete(identifier);
-}
-function clearAllRateLimits2() {
-  rateLimitMap2.clear();
-}
-
 // src/lib/utils/s3VideoPreloader.ts
 var videoCache = /* @__PURE__ */ new Map();
 var MAX_CONCURRENT_PRELOADS = 2;
@@ -20020,59 +20268,6 @@ var createThrottledReload = (interval = 5e3, maxReloads = 3) => {
 };
 var throttledReloadDashboard = createThrottledReload(5e3, 3);
 
-// 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
-  });
-}
-
 // src/lib/utils/index.ts
 var formatIdleTime = (idleTimeInSeconds) => {
   if (!idleTimeInSeconds || idleTimeInSeconds <= 0) {
@@ -32164,6 +32359,29 @@ var buildUptimeSeries = ({
     hasData: activeMinutes + idleMinutes > 0
   };
 };
+var getUptimeUtilizationPercent = (shift) => {
+  const efficiency = shift.efficiency;
+  if (Number.isFinite(efficiency)) {
+    return Math.round(Math.max(0, Math.min(100, Number(efficiency))));
+  }
+  const idleSeconds = Number.isFinite(shift.idleTime) ? Number(shift.idleTime) : 0;
+  const activeSeconds = Number.isFinite(shift.activeTimeSeconds) ? Number(shift.activeTimeSeconds) : null;
+  let availableSeconds = Number.isFinite(shift.availableTimeSeconds) ? Number(shift.availableTimeSeconds) : null;
+  if (availableSeconds === null) {
+    if ((activeSeconds ?? 0) > 0 || idleSeconds > 0) {
+      availableSeconds = (activeSeconds ?? 0) + idleSeconds;
+    } else {
+      return 0;
+    }
+  }
+  if (availableSeconds <= 0) return 0;
+  const clampedIdleSeconds = Math.min(Math.max(idleSeconds, 0), availableSeconds);
+  const productiveSeconds = Math.max(
+    activeSeconds ?? availableSeconds - clampedIdleSeconds,
+    0
+  );
+  return Math.round(productiveSeconds / availableSeconds * 100);
+};
 var getTimeFromTimeString = (timeStr) => {
   if (!timeStr) {
     return { hour: 0, minute: 0, decimalHour: 0 };
@@ -32178,6 +32396,7 @@ var getTimeFromTimeString = (timeStr) => {
 };
 var HourlyUptimeChartComponent = ({
   idleTimeHourly,
+  hourlyAggregates,
   shiftStart,
   shiftEnd,
   shiftDate,
@@ -32195,6 +32414,7 @@ var HourlyUptimeChartComponent = ({
     timezone,
     elapsedMinutes
   }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes]);
+  const hasAggregateData = Boolean(hourlyAggregates && hourlyAggregates.length > 0);
   const shiftStartTime = React26__namespace.default.useMemo(
     () => getTimeFromTimeString(shiftStart),
     [shiftStart]
@@ -32261,7 +32481,20 @@ var HourlyUptimeChartComponent = ({
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
   const chartData = React26__namespace.default.useMemo(() => {
-    if (!uptimeSeries.points.length || shiftDuration <= 0) return [];
+    if (shiftDuration <= 0) return [];
+    if (hasAggregateData) {
+      return hourlyAggregates.map((entry, hourIndex) => ({
+        hourIndex,
+        hour: formatHour(hourIndex),
+        timeRange: formatTimeRange2(hourIndex),
+        idleMinutes: entry.idleMinutes ?? 0,
+        productiveMinutes: entry.productiveMinutes ?? 0,
+        productivePercent: Math.max(0, Math.min(100, entry.productivePercent)),
+        idlePercent: Math.max(0, Math.min(100, entry.idlePercent)),
+        idleArray: []
+      }));
+    }
+    if (!uptimeSeries.points.length) return [];
     const elapsedShiftMinutes = uptimeSeries.elapsedMinutes ?? uptimeSeries.shiftMinutes;
     return Array.from({ length: shiftDuration }, (_, hourIndex) => {
       const start = hourIndex * 60;
@@ -32286,7 +32519,7 @@ var HourlyUptimeChartComponent = ({
         idleArray
       };
     });
-  }, [uptimeSeries.points, uptimeSeries.elapsedMinutes, uptimeSeries.shiftMinutes, shiftDuration, formatHour, formatTimeRange2]);
+  }, [hasAggregateData, hourlyAggregates, uptimeSeries.points, uptimeSeries.elapsedMinutes, uptimeSeries.shiftMinutes, shiftDuration, formatHour, formatTimeRange2]);
   const maxYValue = 100;
   const yAxisTicks = [0, 25, 50, 75, 100];
   React26__namespace.default.useEffect(() => {
@@ -32311,7 +32544,7 @@ var HourlyUptimeChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  if (!uptimeSeries.hasData) {
+  if (!hasAggregateData && !uptimeSeries.hasData) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full h-full flex items-center justify-center text-sm text-gray-500 ${className}`, children: "No uptime data available." });
   }
   const renderLegend = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center text-sm text-gray-600 bg-white py-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 border border-gray-100 rounded-full px-3 py-1", children: [
@@ -32377,6 +32610,27 @@ var HourlyUptimeChartComponent = ({
                   content: (props) => {
                     if (!props.active || !props.payload || props.payload.length === 0) return null;
                     const data = props.payload[0].payload;
+                    if (hasAggregateData) {
+                      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 min-w-[220px]", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between mb-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-900 text-sm", children: data.timeRange }) }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: "Productive" }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-gray-900 text-sm", children: [
+                              Number(data.productivePercent || 0).toFixed(2),
+                              "%"
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: "Idle Time" }),
+                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-orange-600 text-sm", children: [
+                              Number(data.idlePercent || 0).toFixed(2),
+                              "%"
+                            ] })
+                          ] })
+                        ] })
+                      ] });
+                    }
                     const idleRanges = [];
                     if (data.idleArray) {
                       let currentRange = null;
@@ -41498,7 +41752,7 @@ var DEFAULT_LINE_SHIFT_DATA = {
 var getLineShiftData = (day, shiftId) => {
   const shift = day.shifts[shiftId];
   if (shift) {
-    return { ...shift, hasData: true };
+    return { ...shift };
   }
   return { ...DEFAULT_LINE_SHIFT_DATA };
 };
@@ -41510,6 +41764,7 @@ var LineHistoryCalendar = ({
   lineId,
   selectedShiftId,
   legend,
+  monitoringMode,
   rangeStart,
   rangeEnd,
   onDateSelect,
@@ -41519,6 +41774,7 @@ var LineHistoryCalendar = ({
   const { dateTimeConfig } = useDashboardConfig();
   const configuredTimezone = dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
+  const isUptimeMode = monitoringMode === "uptime";
   const todayInZone = React26.useMemo(() => {
     const currentTimeInZone = getCurrentTimeInZone(configuredTimezone);
     return typeof currentTimeInZone === "string" ? new Date(currentTimeInZone) : currentTimeInZone;
@@ -41588,7 +41844,11 @@ var LineHistoryCalendar = ({
     const nowString = `${istNow.getFullYear()}-${String(istNow.getMonth() + 1).padStart(2, "0")}-${String(istNow.getDate()).padStart(2, "0")}`;
     const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
     if (dateString > nowString) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-md sm:rounded-lg p-1 sm:p-1.5 lg:p-2 text-white opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[8px] sm:text-[10px] lg:text-xs space-y-0.5 sm:space-y-1", children: [
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-md sm:rounded-lg p-1 sm:p-1.5 lg:p-2 text-white opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[8px] sm:text-[10px] lg:text-xs space-y-0.5 sm:space-y-1", children: isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      "Utilization: ",
+      Math.round(shift.avg_efficiency || 0),
+      "%"
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         "Eff: ",
         Math.round(shift.avg_efficiency || 0),
@@ -41606,7 +41866,7 @@ var LineHistoryCalendar = ({
         "/",
         shift.total_workspaces || 0
       ] })
-    ] }) });
+    ] }) }) });
   };
   const renderDayCell = (day) => {
     if (!day) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full border border-gray-100 dark:border-gray-700 rounded-md sm:rounded-lg bg-gray-50 dark:bg-gray-800" });
@@ -41880,42 +42140,88 @@ var DEFAULT_PERFORMANCE_DATA = {
   total_workspaces: 0,
   hasData: false,
   output: 0,
-  idealOutput: 0
+  idealOutput: 0,
+  idle_time_seconds: 0,
+  active_time_seconds: 0,
+  available_time_seconds: 0,
+  avg_idle_time_seconds: 0
 };
 var getOrdinal = (n) => {
   const suffix = ["th", "st", "nd", "rd"];
   const v = n % 100;
   return n + (suffix[(v - 20) % 10] || suffix[v] || suffix[0]);
 };
-var CustomTooltip2 = ({ active, payload, label }) => {
-  if (active && payload && payload.length) {
+var CustomTooltip2 = ({ active, payload, label, isUptimeMode }) => {
+  if (!active || !payload || payload.length === 0) return null;
+  if (isUptimeMode) {
+    const productive = payload.find((item) => item.dataKey === "productivePercent")?.value ?? 0;
+    const idle = payload.find((item) => item.dataKey === "idlePercent")?.value ?? 0;
+    const total = productive + idle;
+    const utilization = total > 0 ? Math.round(productive / total * 100) : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/95 backdrop-blur-sm p-3 rounded-lg shadow-lg border border-gray-100", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-gray-800 mb-1", children: label }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Actual:" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Productive:" }),
           " ",
-          Math.round(payload[0].value),
-          " units"
+          productive.toFixed(1),
+          "%"
         ] }),
-        payload[0].payload.idealOutput > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Target:" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Idle:" }),
+          " ",
+          idle.toFixed(1),
+          "%"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Utilization:" }),
           " ",
-          Math.round(payload[0].payload.idealOutput),
-          " units"
+          utilization,
+          "%"
         ] })
       ] })
     ] });
   }
-  return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/95 backdrop-blur-sm p-3 rounded-lg shadow-lg border border-gray-100", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-gray-800 mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Actual:" }),
+        " ",
+        Math.round(payload[0].value),
+        " units"
+      ] }),
+      payload[0].payload.idealOutput > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Target:" }),
+        " ",
+        Math.round(payload[0].payload.idealOutput),
+        " units"
+      ] })
+    ] })
+  ] });
 };
 var getShiftData2 = (day, shiftId) => {
   const shift = day.shifts[shiftId];
   if (shift) {
-    return { ...shift, hasData: true };
+    return { ...shift };
   }
   return { ...DEFAULT_PERFORMANCE_DATA };
 };
+var getUptimeTotals = (shift, hasShiftData) => {
+  if (!shift) {
+    return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
+  }
+  const idleSecondsRaw = Math.max(shift.idle_time_seconds || 0, 0);
+  const activeSecondsRaw = Math.max(shift.active_time_seconds || 0, 0);
+  const knownSeconds = activeSecondsRaw + idleSecondsRaw;
+  if (knownSeconds <= 0) {
+    return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
+  }
+  const availableSeconds = knownSeconds;
+  const idleSeconds = Math.min(idleSecondsRaw, availableSeconds);
+  const productiveSeconds = activeSecondsRaw > 0 ? Math.min(activeSecondsRaw, availableSeconds) : Math.max(availableSeconds - idleSeconds, 0);
+  return { availableSeconds, productiveSeconds, idleSeconds };
+};
 var LineMonthlyHistory = ({
   month,
   year,
@@ -41925,6 +42231,7 @@ var LineMonthlyHistory = ({
   rangeEnd,
   timezone,
   legend,
+  monitoringMode,
   underperformingWorkspaces = {},
   lineId,
   selectedShiftId = 0,
@@ -41941,6 +42248,7 @@ var LineMonthlyHistory = ({
   const navigation = useNavigation();
   const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
   const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineId);
+  const isUptimeMode = monitoringMode === "uptime";
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const chartKey = React26.useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}-${rangeStart}-${rangeEnd}`, [lineId, month, year, selectedShiftId, rangeStart, rangeEnd]);
   const monthBounds = React26.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
@@ -41971,7 +42279,7 @@ var LineMonthlyHistory = ({
   });
   const hasRealData = (shift) => {
     if (shift.hasData !== void 0) return shift.hasData;
-    return shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0 || shift.total_workspaces > 0 || (shift.output || 0) > 0 || (shift.idealOutput || 0) > 0;
+    return shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0 || shift.total_workspaces > 0 || (shift.output || 0) > 0 || (shift.idealOutput || 0) > 0 || (shift.idle_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.available_time_seconds || 0) > 0;
   };
   const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
@@ -42003,10 +42311,54 @@ var LineMonthlyHistory = ({
     },
     { underperformingDays: 0, totalDays: 0 }
   );
+  const uptimeSummary = React26.useMemo(() => {
+    if (!isUptimeMode) return null;
+    const validDays = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter((shiftData) => shiftData && hasRealData(shiftData)).map((shiftData) => ({ shiftData, totals: getUptimeTotals(shiftData) }));
+    if (!validDays.length) {
+      return { avgUtilization: 0, avgIdleTime: 0, avgDailyStoppages: 0 };
+    }
+    let totalUtilization = 0;
+    let totalIdleSeconds = 0;
+    let idleSamples = 0;
+    let totalStoppages = 0;
+    validDays.forEach(({ shiftData, totals }) => {
+      const utilization = Number.isFinite(shiftData?.avg_efficiency) ? Number(shiftData.avg_efficiency) : 0;
+      totalUtilization += utilization;
+      if (shiftData?.avg_idle_time_seconds !== void 0 && shiftData.avg_idle_time_seconds !== null) {
+        totalIdleSeconds += shiftData.avg_idle_time_seconds;
+        idleSamples += 1;
+      } else if ((shiftData?.total_workspaces || 0) > 0) {
+        totalIdleSeconds += totals.idleSeconds / (shiftData?.total_workspaces || 1);
+        idleSamples += 1;
+      }
+      totalStoppages += shiftData?.output || 0;
+    });
+    return {
+      avgUtilization: Math.round(totalUtilization / validDays.length),
+      avgIdleTime: idleSamples > 0 ? Math.round(totalIdleSeconds / idleSamples) : 0,
+      avgDailyStoppages: Math.round(totalStoppages / validDays.length)
+    };
+  }, [analysisMonthlyData, selectedShiftId, isUptimeMode]);
   const efficiencyDelta = trendSummary?.avg_efficiency?.delta_pp ?? 0;
   const efficiencyImproved = efficiencyDelta >= 0;
   const EfficiencyTrendIcon = efficiencyImproved ? lucideReact.ArrowUp : lucideReact.ArrowDown;
-  const efficiencyTrendText = `${Math.abs(efficiencyDelta).toFixed(1)}% vs last month`;
+  const efficiencyTrendText = `${Math.abs(efficiencyDelta).toFixed(1)}%`;
+  const utilizationDelta = efficiencyDelta;
+  const utilizationImproved = utilizationDelta >= 0;
+  const UtilizationTrendIcon = utilizationImproved ? lucideReact.ArrowUp : lucideReact.ArrowDown;
+  const utilizationTrendText = `${Math.abs(utilizationDelta).toFixed(1)}%`;
+  const idleDeltaRaw = trendSummary?.avg_idle_time?.delta_seconds ?? 0;
+  const idlePrev = trendSummary?.avg_idle_time?.previous ?? 0;
+  const idleDelta = idlePrev ? idleDeltaRaw / idlePrev * 100 : 0;
+  const idleImproved = idleDelta <= 0;
+  const IdleTrendIcon = idleImproved ? lucideReact.ArrowDown : lucideReact.ArrowUp;
+  const idleTrendText = `${Math.abs(idleDelta).toFixed(1)}%`;
+  const stoppagesDeltaRaw = trendSummary?.avg_daily_stoppages?.delta_count ?? 0;
+  const stoppagesPrev = trendSummary?.avg_daily_stoppages?.previous ?? 0;
+  const stoppagesDelta = stoppagesPrev ? stoppagesDeltaRaw / stoppagesPrev * 100 : 0;
+  const stoppagesImproved = stoppagesDelta <= 0;
+  const StoppagesTrendIcon = stoppagesImproved ? lucideReact.ArrowDown : lucideReact.ArrowUp;
+  const stoppagesTrendText = `${Math.abs(stoppagesDelta).toFixed(1)}%`;
   const chartData = React26.useMemo(() => {
     const rangeStartDate = parseDateKeyToDate(normalizedRange.startKey);
     const rangeEndDate = parseDateKeyToDate(normalizedRange.endKey);
@@ -42014,6 +42366,37 @@ var LineMonthlyHistory = ({
     for (let d = new Date(rangeStartDate); d <= rangeEndDate; d.setDate(d.getDate() + 1)) {
       dayNumbers.push(d.getDate());
     }
+    if (isUptimeMode) {
+      const dailyData2 = [];
+      let maxHours = 0;
+      const todayInZone = getCurrentTimeInZone(timezone);
+      const todayDate = typeof todayInZone === "string" ? new Date(todayInZone) : todayInZone;
+      const todayKey = `${todayDate.getFullYear()}-${String(todayDate.getMonth() + 1).padStart(2, "0")}-${String(todayDate.getDate()).padStart(2, "0")}`;
+      for (const day of dayNumbers) {
+        const dayKey = `${rangeStartDate.getFullYear()}-${String(rangeStartDate.getMonth() + 1).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+        const isFutureDay = dayKey > todayKey;
+        const dayData = analysisMonthlyData.find((d) => {
+          const date = new Date(d.date);
+          return date.getDate() === day;
+        });
+        const shiftData = dayData ? getShiftData2(dayData, selectedShiftId) : null;
+        const hasShiftData = Boolean(shiftData && hasRealData(shiftData));
+        const efficiencyValue = hasShiftData && Number.isFinite(shiftData?.avg_efficiency) ? Number(shiftData?.avg_efficiency) : 0;
+        const utilization = !isFutureDay ? efficiencyValue : 0;
+        const productivePercent = isFutureDay ? 0 : Math.max(0, Math.min(100, utilization));
+        const idlePercent = isFutureDay ? 0 : Math.max(0, Math.min(100, 100 - productivePercent));
+        maxHours = 100;
+        dailyData2.push({
+          hour: getOrdinal(day),
+          timeRange: `Day ${day}`,
+          productivePercent,
+          idlePercent,
+          utilization: Math.round(productivePercent)
+        });
+      }
+      const yAxisMax2 = maxHours > 0 ? 100 : 1;
+      return { data: dailyData2, maxOutput: 0, lastSetTarget: 0, yAxisMax: yAxisMax2 };
+    }
     const dailyData = [];
     let maxOutput = 0;
     let lastSetTarget = 0;
@@ -42054,7 +42437,7 @@ var LineMonthlyHistory = ({
     const calculatedMax = Math.max(maxOutput, lastSetTarget);
     const yAxisMax = calculatedMax > 0 ? calculatedMax * 1.1 : 100;
     return { data: dailyData, maxOutput, lastSetTarget, yAxisMax };
-  }, [analysisMonthlyData, normalizedRange.startKey, normalizedRange.endKey, selectedShiftId]);
+  }, [analysisMonthlyData, normalizedRange.startKey, normalizedRange.endKey, selectedShiftId, isUptimeMode, timezone]);
   const yAxisTicks = React26.useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -42076,6 +42459,20 @@ var LineMonthlyHistory = ({
     }
     return Array.from(new Set(ticks)).filter((v) => v >= 0 && v <= max).sort((a, b) => a - b);
   }, [chartData.yAxisMax, chartData.lastSetTarget]);
+  const pieChartData = React26.useMemo(() => {
+    if (!isUptimeMode) return [];
+    const validShifts = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(hasRealData);
+    if (!validShifts.length) return [];
+    const efficiencyValues = validShifts.map((shift) => Number.isFinite(shift.avg_efficiency) ? Number(shift.avg_efficiency) : null).filter((value) => value !== null);
+    if (!efficiencyValues.length) return [];
+    const avgEfficiency2 = efficiencyValues.reduce((sum, value) => sum + value, 0) / efficiencyValues.length;
+    const productivePercent = Math.round(Math.max(0, Math.min(100, avgEfficiency2)));
+    const idlePercent = Math.max(0, Math.min(100, 100 - productivePercent));
+    return [
+      { name: "Productive", value: productivePercent },
+      { name: "Idle", value: idlePercent }
+    ];
+  }, [analysisMonthlyData, selectedShiftId, isUptimeMode]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100vh-10rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(
       OptifyeLogoLoader_default,
@@ -42180,11 +42577,39 @@ var LineMonthlyHistory = ({
           rangeStart: normalizedRange.startKey,
           rangeEnd: normalizedRange.endKey,
           legend,
+          monitoringMode,
           onDateSelect: onCalendarDateSelect
         }
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 sm:gap-3 lg:gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+        isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-3 flex flex-col justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold text-gray-700 mb-1", children: "Avg Daily Stoppages" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-bold text-gray-900 whitespace-nowrap", children: uptimeSummary?.avgDailyStoppages ?? 0 }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${stoppagesImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(StoppagesTrendIcon, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  stoppagesTrendText,
+                  " vs last month"
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-3 flex flex-col justify-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold text-gray-700 mb-1", children: "Avg Idle Time" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-bold text-gray-900 whitespace-nowrap", children: formatIdleTime(uptimeSummary?.avgIdleTime ?? 0) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${idleImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(IdleTrendIcon, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  idleTrendText,
+                  " vs last month"
+                ] })
+              ] })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 flex flex-col justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-bold text-gray-700 mb-2", children: "Avg. Efficiency" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
@@ -42194,7 +42619,10 @@ var LineMonthlyHistory = ({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${efficiencyImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(EfficiencyTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: efficiencyTrendText })
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  efficiencyTrendText,
+                  " vs last month"
+                ] })
               ] })
             ] })
           ] }),
@@ -42207,7 +42635,110 @@ var LineMonthlyHistory = ({
             ] }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid grid-cols-1 ${idleTimeVlmEnabled ? "sm:grid-cols-2" : "sm:grid-cols-1"} gap-2 sm:gap-3 lg:gap-4`, children: [
+        isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid grid-cols-1 ${idleTimeVlmEnabled ? "sm:grid-cols-2" : "sm:grid-cols-1"} gap-2 sm:gap-3 lg:gap-4`, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4 flex flex-col min-h-[160px] sm:min-h-[180px] lg:min-h-[220px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-0.5 sm:mb-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 text-left", children: "Utilization" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${utilizationImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(UtilizationTrendIcon, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  utilizationTrendText,
+                  " vs last month"
+                ] })
+              ] })
+            ] }),
+            pieChartData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-[140px] sm:h-[160px] flex items-center overflow-hidden", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 h-full min-w-0 relative flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "relative w-full aspect-square max-h-full",
+                  style: { maxWidth: "min(100%, 220px)", containerType: "inline-size" },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.PieChart, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      recharts.Pie,
+                      {
+                        data: pieChartData,
+                        cx: "50%",
+                        cy: "50%",
+                        innerRadius: "60%",
+                        outerRadius: "80%",
+                        dataKey: "value",
+                        startAngle: 90,
+                        endAngle: -270,
+                        isAnimationActive: true,
+                        animationBegin: 0,
+                        animationDuration: 1e3,
+                        animationEasing: "ease-out",
+                        children: pieChartData.map((_entry, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                          recharts.Cell,
+                          {
+                            fill: index === 0 ? "#00AB45" : "#e5e7eb",
+                            strokeWidth: 0
+                          },
+                          `cell-${index}`
+                        ))
+                      }
+                    ) }, `${chartKey}-pie`) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", style: { width: "100%" }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: "font-bold text-gray-900 leading-none",
+                          style: { fontSize: "clamp(1rem, 14cqw, 1.4rem)" },
+                          children: [
+                            pieChartData[0]?.value ?? 0,
+                            "%"
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "div",
+                        {
+                          className: "text-gray-500 leading-tight mt-0.5",
+                          style: { fontSize: "clamp(0.6rem, 7cqw, 0.75rem)" },
+                          children: "Utilization"
+                        }
+                      )
+                    ] }) })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[45%] max-w-[120px] pl-2 flex flex-col justify-center h-full overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "text-xs space-y-1.5", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "inline-block w-2.5 h-2.5 rounded-full mr-1.5 mt-0.5 flex-shrink-0",
+                      style: { backgroundColor: "#00AB45" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600 leading-tight text-[10px] sm:text-xs break-words", children: "Productive" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: "inline-block w-2.5 h-2.5 rounded-full mr-1.5 mt-0.5 flex-shrink-0",
+                      style: { backgroundColor: "#e5e7eb" }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600 leading-tight text-[10px] sm:text-xs break-words", children: "Idle" })
+                ] })
+              ] }) })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center text-xs text-gray-400 italic", children: "No utilization data" })
+          ] }),
+          idleTimeVlmEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4 flex flex-col min-h-[160px] sm:min-h-[180px] lg:min-h-[220px]", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 mb-0.5 sm:mb-1 text-left", children: "Idle time Breakdown" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 relative -ml-2 sm:-ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+              IdleTimeReasonChart,
+              {
+                data: idleReasonsChartData,
+                isLoading: idleReasonsLoading,
+                error: idleReasonsError
+              }
+            ) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid grid-cols-1 ${idleTimeVlmEnabled ? "sm:grid-cols-2" : "sm:grid-cols-1"} gap-2 sm:gap-3 lg:gap-4`, children: [
           idleTimeVlmEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4 flex flex-col min-h-[160px] sm:min-h-[180px] lg:min-h-[220px]", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 mb-0.5 sm:mb-1 text-left", children: "Idle time Breakdown" }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 relative -ml-2 sm:-ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -42246,7 +42777,7 @@ var LineMonthlyHistory = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg sm:rounded-xl shadow-sm border border-gray-100 p-2 sm:p-3 lg:p-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 mb-1 sm:mb-2 text-left", children: "Daily Output" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 mb-1 sm:mb-2 text-left", children: isUptimeMode ? "Daily Utilization" : "Daily Output" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[160px] sm:h-[180px] lg:h-[220px]", children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(
             recharts.BarChart,
             {
@@ -42270,8 +42801,9 @@ var LineMonthlyHistory = ({
                   {
                     domain: [0, chartData.yAxisMax],
                     width: 40,
-                    ticks: yAxisTicks,
-                    tick: (props) => {
+                    ticks: isUptimeMode ? [0, 25, 50, 75, 100] : yAxisTicks,
+                    tickFormatter: isUptimeMode ? (value) => `${value}%` : void 0,
+                    tick: isUptimeMode ? void 0 : (props) => {
                       const { x, y, payload } = props;
                       const value = Math.round(payload.value);
                       const targetValue = Math.round(chartData.lastSetTarget);
@@ -42295,10 +42827,10 @@ var LineMonthlyHistory = ({
                   recharts.Tooltip,
                   {
                     cursor: false,
-                    content: CustomTooltip2
+                    content: (props) => /* @__PURE__ */ jsxRuntime.jsx(CustomTooltip2, { ...props, isUptimeMode })
                   }
                 ),
-                chartData.lastSetTarget > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                !isUptimeMode && chartData.lastSetTarget > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                   recharts.ReferenceLine,
                   {
                     y: chartData.lastSetTarget,
@@ -42307,7 +42839,34 @@ var LineMonthlyHistory = ({
                     strokeWidth: 2
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(
+                isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    recharts.Bar,
+                    {
+                      dataKey: "productivePercent",
+                      stackId: "uptime",
+                      radius: [4, 4, 0, 0],
+                      fill: "#00AB45",
+                      isAnimationActive: true,
+                      animationBegin: 0,
+                      animationDuration: 800,
+                      animationEasing: "ease-out"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    recharts.Bar,
+                    {
+                      dataKey: "idlePercent",
+                      stackId: "uptime",
+                      radius: [4, 4, 0, 0],
+                      fill: "#e5e7eb",
+                      isAnimationActive: true,
+                      animationBegin: 0,
+                      animationDuration: 800,
+                      animationEasing: "ease-out"
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsxRuntime.jsx(
                   recharts.Bar,
                   {
                     dataKey: "output",
@@ -42339,7 +42898,13 @@ var DEFAULT_PERFORMANCE_DATA2 = {
   avg_efficiency: 0,
   underperforming_workspaces: 0,
   total_workspaces: 0,
-  hasData: false
+  hasData: false,
+  output: 0,
+  idealOutput: 0,
+  idle_time_seconds: 0,
+  active_time_seconds: 0,
+  available_time_seconds: 0,
+  avg_idle_time_seconds: 0
 };
 var getLineShiftData2 = (day, shiftId) => {
   const shift = day.shifts[shiftId];
@@ -42360,6 +42925,7 @@ var LineMonthlyPdfGenerator = ({
   lineName,
   monthlyData,
   analysisData,
+  monitoringMode,
   underperformingWorkspaces,
   legend,
   selectedMonth,
@@ -42376,6 +42942,7 @@ var LineMonthlyPdfGenerator = ({
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const isUptimeMode = monitoringMode === "uptime";
       const monthBounds = getMonthKeyBounds(selectedYear, selectedMonth);
       const requestedRange = {
         startKey: rangeStart || monthBounds.startKey,
@@ -42420,7 +42987,7 @@ var LineMonthlyPdfGenerator = ({
       doc.setFontSize(11);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(80, 80, 80);
-      const reportText = "MONTHLY PERFORMANCE REPORT";
+      const reportText = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
       const reportTextWidth = doc.getStringUnitWidth(reportText) * 11 / doc.internal.scaleFactor;
       doc.text(reportText, doc.internal.pageSize.width - 20 - reportTextWidth, 15);
       doc.setDrawColor(200, 200, 200);
@@ -42449,16 +43016,66 @@ var LineMonthlyPdfGenerator = ({
       doc.setTextColor(0, 0, 0);
       doc.setDrawColor(180, 180, 180);
       doc.setLineWidth(0.8);
-      doc.line(20, 85, 190, 85);
+      const mainSeparatorY = isUptimeMode ? 90 : 85;
+      doc.line(20, mainSeparatorY, 190, mainSeparatorY);
       const reportData = analysisData ? analysisData : filterDataByDateKeyRange(monthlyData, normalizedRange);
       const validDays = reportData.filter((day) => {
         const date = new Date(day.date);
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
-      const validShifts = validDays.map(
-        (day) => getLineShiftData2(day, selectedShiftId)
-      ).filter((shift) => shift.avg_efficiency >= 5);
-      const monthlyMetrics = validShifts.length > 0 ? {
+      const hasShiftData = (shift) => {
+        if (shift.hasData !== void 0) return shift.hasData;
+        return shift.total_workspaces > 0 || shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0 || (shift.available_time_seconds ?? 0) > 0 || (shift.idle_time_seconds ?? 0) > 0 || (shift.output ?? 0) > 0;
+      };
+      const getUptimeTotals2 = (shift, hasData) => {
+        if (!hasData || !shift) {
+          return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
+        }
+        const idleSecondsRaw = Math.max(shift.idle_time_seconds || 0, 0);
+        const activeSecondsRaw = Math.max(shift.active_time_seconds || 0, 0);
+        const knownSeconds = activeSecondsRaw + idleSecondsRaw;
+        if (knownSeconds <= 0) {
+          return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
+        }
+        const availableSeconds = knownSeconds;
+        const idleSeconds = Math.min(idleSecondsRaw, availableSeconds);
+        const productiveSeconds = activeSecondsRaw > 0 ? Math.min(activeSecondsRaw, availableSeconds) : Math.max(availableSeconds - idleSeconds, 0);
+        return { availableSeconds, productiveSeconds, idleSeconds };
+      };
+      const validShifts = validDays.map((day) => getLineShiftData2(day, selectedShiftId)).filter((shift) => isUptimeMode ? hasShiftData(shift) : shift.avg_efficiency >= 5);
+      const monthlyMetrics = validShifts.length > 0 ? isUptimeMode ? (() => {
+        let utilizationSum = 0;
+        let idleTimeSum = 0;
+        let stoppagesSum = 0;
+        let idleSamples = 0;
+        let underperformingDays = 0;
+        validShifts.forEach((shift) => {
+          const totals = getUptimeTotals2(shift, hasShiftData(shift));
+          const utilization = Number.isFinite(shift.avg_efficiency) ? Number(shift.avg_efficiency) : 0;
+          utilizationSum += utilization;
+          if (utilization < effectiveLegend.green_min) {
+            underperformingDays += 1;
+          }
+          if (shift.avg_idle_time_seconds !== void 0 && shift.avg_idle_time_seconds !== null) {
+            idleTimeSum += shift.avg_idle_time_seconds;
+            idleSamples += 1;
+          } else if ((shift.total_workspaces || 0) > 0) {
+            idleTimeSum += totals.idleSeconds / (shift.total_workspaces || 1);
+            idleSamples += 1;
+          }
+          stoppagesSum += shift.output || 0;
+        });
+        const avgUtilization = Math.round(utilizationSum / validShifts.length);
+        const avgIdleTime = idleSamples > 0 ? Math.round(idleTimeSum / idleSamples) : 0;
+        const avgDailyStoppages = Math.round(stoppagesSum / validShifts.length);
+        return {
+          avgUtilization,
+          avgIdleTime,
+          avgDailyStoppages,
+          totalDays: validShifts.length,
+          underperformingDays
+        };
+      })() : {
         avgEfficiency: validShifts.reduce((sum, shift) => sum + shift.avg_efficiency, 0) / validShifts.length,
         avgUnderperforming: validShifts.reduce((sum, shift) => sum + shift.underperforming_workspaces, 0) / validShifts.length,
         avgTotalWorkspaces: validShifts.reduce((sum, shift) => sum + shift.total_workspaces, 0) / validShifts.length,
@@ -42472,109 +43089,167 @@ var LineMonthlyPdfGenerator = ({
         doc.setLineWidth(0.2);
         doc.roundedRect(22, y - 7, 165, 12, 2, 2, "S");
       };
+      const overviewStartY = isUptimeMode ? 95 : 90;
+      const overviewHeight = 60;
+      const overviewTitleY = isUptimeMode ? 105 : 100;
       doc.setFillColor(245, 245, 245);
-      doc.roundedRect(15, 90, 180, 60, 3, 3, "F");
+      doc.roundedRect(15, overviewStartY, 180, overviewHeight, 3, 3, "F");
       doc.setFontSize(18);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(40, 40, 40);
-      doc.text("Monthly Performance Overview", 20, 100);
+      doc.text(isUptimeMode ? "Monthly Utilization Overview" : "Monthly Performance Overview", 20, overviewTitleY);
       doc.setTextColor(0, 0, 0);
       if (monthlyMetrics) {
-        const kpiStartY = 112;
+        const kpiStartY = isUptimeMode ? 117 : 112;
         const kpiSpacing = 10;
-        createKPIBox(kpiStartY);
-        doc.setFontSize(11);
-        doc.setFont("helvetica", "normal");
-        doc.text("Average Efficiency:", 25, kpiStartY);
-        doc.setFont("helvetica", "bold");
-        doc.text(`${monthlyMetrics.avgEfficiency.toFixed(1)}% (Target: ${Math.round(effectiveLegend.green_min)}%)`, 120, kpiStartY);
-        createKPIBox(kpiStartY + kpiSpacing);
-        doc.setFont("helvetica", "normal");
-        doc.text("Avg. Underperforming:", 25, kpiStartY + kpiSpacing);
-        doc.setFont("helvetica", "bold");
-        doc.text(`${monthlyMetrics.avgUnderperforming.toFixed(1)}/${monthlyMetrics.avgTotalWorkspaces.toFixed(1)}`, 120, kpiStartY + kpiSpacing);
-        createKPIBox(kpiStartY + kpiSpacing * 2);
-        doc.setFont("helvetica", "normal");
-        doc.text("Working Days:", 25, kpiStartY + kpiSpacing * 2);
-        doc.setFont("helvetica", "bold");
-        doc.text(`${monthlyMetrics.totalDays} days`, 120, kpiStartY + kpiSpacing * 2);
-        createKPIBox(kpiStartY + kpiSpacing * 3);
-        doc.setFont("helvetica", "normal");
-        doc.text("Underperforming Days:", 25, kpiStartY + kpiSpacing * 3);
-        doc.setFont("helvetica", "bold");
-        doc.text(`${monthlyMetrics.underperformingDays} of ${monthlyMetrics.totalDays}`, 120, kpiStartY + kpiSpacing * 3);
+        if (isUptimeMode) {
+          const uptimeMetrics = monthlyMetrics;
+          createKPIBox(kpiStartY);
+          doc.setFontSize(11);
+          doc.setFont("helvetica", "normal");
+          doc.text("Average Utilization:", 25, kpiStartY);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${uptimeMetrics.avgUtilization}%`, 120, kpiStartY);
+          createKPIBox(kpiStartY + kpiSpacing);
+          doc.setFont("helvetica", "normal");
+          doc.text("Average Idle Time:", 25, kpiStartY + kpiSpacing);
+          doc.setFont("helvetica", "bold");
+          doc.text(formatIdleTime(uptimeMetrics.avgIdleTime), 120, kpiStartY + kpiSpacing);
+          createKPIBox(kpiStartY + kpiSpacing * 2);
+          doc.setFont("helvetica", "normal");
+          doc.text("Avg Daily Stoppages:", 25, kpiStartY + kpiSpacing * 2);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${uptimeMetrics.avgDailyStoppages}`, 120, kpiStartY + kpiSpacing * 2);
+          createKPIBox(kpiStartY + kpiSpacing * 3);
+          doc.setFont("helvetica", "normal");
+          doc.text("Low Utilization Days:", 25, kpiStartY + kpiSpacing * 3);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${uptimeMetrics.underperformingDays} of ${uptimeMetrics.totalDays}`, 120, kpiStartY + kpiSpacing * 3);
+        } else {
+          const outputMetrics = monthlyMetrics;
+          createKPIBox(kpiStartY);
+          doc.setFontSize(11);
+          doc.setFont("helvetica", "normal");
+          doc.text("Average Efficiency:", 25, kpiStartY);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${outputMetrics.avgEfficiency.toFixed(1)}% (Target: ${Math.round(effectiveLegend.green_min)}%)`, 120, kpiStartY);
+          createKPIBox(kpiStartY + kpiSpacing);
+          doc.setFont("helvetica", "normal");
+          doc.text("Avg. Underperforming:", 25, kpiStartY + kpiSpacing);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${outputMetrics.avgUnderperforming.toFixed(1)}/${outputMetrics.avgTotalWorkspaces.toFixed(1)}`, 120, kpiStartY + kpiSpacing);
+          createKPIBox(kpiStartY + kpiSpacing * 2);
+          doc.setFont("helvetica", "normal");
+          doc.text("Working Days:", 25, kpiStartY + kpiSpacing * 2);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${outputMetrics.totalDays} days`, 120, kpiStartY + kpiSpacing * 2);
+          createKPIBox(kpiStartY + kpiSpacing * 3);
+          doc.setFont("helvetica", "normal");
+          doc.text("Underperforming Days:", 25, kpiStartY + kpiSpacing * 3);
+          doc.setFont("helvetica", "bold");
+          doc.text(`${outputMetrics.underperformingDays} of ${outputMetrics.totalDays}`, 120, kpiStartY + kpiSpacing * 3);
+        }
       } else {
         doc.setFontSize(12);
         doc.setFont("helvetica", "normal");
         doc.setTextColor(100, 100, 100);
-        doc.text("No data available for this month", 25, 115);
+        doc.text("No data available for this month", 25, isUptimeMode ? 125 : 115);
         doc.setTextColor(0, 0, 0);
       }
+      const dailySeparatorY = isUptimeMode ? 180 : 165;
+      const dailySectionStartY = isUptimeMode ? 185 : 170;
+      const dailyTitleY = isUptimeMode ? 195 : 180;
+      const dailyHeaderY = isUptimeMode ? 200 : 185;
+      const dailyHeaderTextY = isUptimeMode ? 205 : 190;
+      const dailyHeaderLineY = isUptimeMode ? 208 : 193;
+      const dailyContentStartY = isUptimeMode ? 215 : 200;
+      const dailyMaxY = isUptimeMode ? 260 : 245;
       doc.setDrawColor(180, 180, 180);
       doc.setLineWidth(0.8);
-      doc.line(20, 165, 190, 165);
+      doc.line(20, dailySeparatorY, 190, dailySeparatorY);
       doc.setFillColor(245, 245, 245);
-      doc.roundedRect(15, 170, 180, 85, 3, 3, "F");
+      doc.roundedRect(15, dailySectionStartY, 180, 85, 3, 3, "F");
       doc.setFontSize(18);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(40, 40, 40);
-      doc.text("Daily Performance Summary", 20, 180);
+      doc.text(isUptimeMode ? "Daily Utilization Summary" : "Daily Performance Summary", 20, dailyTitleY);
       doc.setTextColor(0, 0, 0);
       if (validDays.length > 0) {
         doc.setFontSize(10);
         doc.setFont("helvetica", "bold");
         doc.setFillColor(240, 240, 240);
-        doc.roundedRect(20, 185, 170, 7, 1, 1, "F");
-        doc.text("Date", 25, 190);
-        doc.text("Actual", 60, 190);
-        doc.text("Standard", 95, 190);
-        doc.text("Efficiency", 135, 190);
-        doc.text("Status", 170, 190);
+        doc.roundedRect(20, dailyHeaderY, 170, 7, 1, 1, "F");
+        doc.text("Date", 25, dailyHeaderTextY);
+        if (isUptimeMode) {
+          doc.text("Utilization", 95, dailyHeaderTextY);
+        } else {
+          doc.text("Actual", 60, dailyHeaderTextY);
+          doc.text("Standard", 95, dailyHeaderTextY);
+          doc.text("Efficiency", 135, dailyHeaderTextY);
+          doc.text("Status", 170, dailyHeaderTextY);
+        }
         doc.setLineWidth(0.2);
         doc.setDrawColor(220, 220, 220);
-        doc.line(20, 193, 190, 193);
+        doc.line(20, dailyHeaderLineY, 190, dailyHeaderLineY);
         doc.setFont("helvetica", "normal");
-        let yPos = 200;
+        let yPos = dailyContentStartY;
         const recentDays = validDays.slice(-10).reverse();
         recentDays.forEach((dayData, index) => {
-          if (yPos > 245) return;
+          if (yPos > dailyMaxY) return;
           const shift = getLineShiftData2(dayData, selectedShiftId);
-          if (shift.avg_efficiency <= 0 || !shift.hasData) return;
-          if (index % 2 === 0) {
-            doc.setFillColor(252, 252, 252);
-            doc.roundedRect(20, yPos - 4, 170, 7, 1, 1, "F");
-          }
-          const dateStr = new Date(dayData.date).toLocaleDateString("en-IN", {
-            day: "2-digit",
-            month: "short",
-            timeZone: "Asia/Kolkata"
-          });
-          doc.text(dateStr, 25, yPos);
-          doc.text(`${shift.total_workspaces - shift.underperforming_workspaces}`, 60, yPos);
-          doc.text(`${shift.total_workspaces}`, 95, yPos);
-          doc.text(`${shift.avg_efficiency.toFixed(1)}%`, 135, yPos);
-          const statusColor = getEfficiencyColor(shift.avg_efficiency, effectiveLegend);
-          if (statusColor === "green") {
-            doc.setTextColor(0, 171, 69);
-            doc.text("\u2713", 170, yPos);
-          } else if (statusColor === "yellow") {
-            doc.setTextColor(255, 176, 32);
-            doc.text("!", 170, yPos);
+          if (!hasShiftData(shift)) return;
+          if (isUptimeMode) {
+            doc.setDrawColor(200, 200, 200);
+            doc.setLineWidth(0.1);
+            doc.rect(20, yPos - 5, 75, 8, "S");
+            const dateStr = new Date(dayData.date).toLocaleDateString("en-IN", {
+              day: "2-digit",
+              month: "short",
+              timeZone: "Asia/Kolkata"
+            });
+            doc.text(dateStr, 25, yPos);
+            doc.rect(95, yPos - 5, 95, 8, "S");
+            const utilization = Number.isFinite(shift.avg_efficiency) ? Math.round(Number(shift.avg_efficiency)) : 0;
+            doc.text(`${utilization}%`, 100, yPos);
           } else {
-            doc.setTextColor(227, 67, 41);
-            doc.text("\xD7", 170, yPos);
+            if (index % 2 === 0) {
+              doc.setFillColor(252, 252, 252);
+              doc.roundedRect(20, yPos - 4, 170, 7, 1, 1, "F");
+            }
+            const dateStr = new Date(dayData.date).toLocaleDateString("en-IN", {
+              day: "2-digit",
+              month: "short",
+              timeZone: "Asia/Kolkata"
+            });
+            doc.text(dateStr, 25, yPos);
+            doc.text(`${shift.total_workspaces - shift.underperforming_workspaces}`, 60, yPos);
+            doc.text(`${shift.total_workspaces}`, 95, yPos);
+            doc.text(`${shift.avg_efficiency.toFixed(1)}%`, 135, yPos);
+            const statusColor = getEfficiencyColor(shift.avg_efficiency, effectiveLegend);
+            if (statusColor === "green") {
+              doc.setTextColor(0, 171, 69);
+              doc.text("\u2713", 170, yPos);
+            } else if (statusColor === "yellow") {
+              doc.setTextColor(255, 176, 32);
+              doc.text("!", 170, yPos);
+            } else {
+              doc.setTextColor(227, 67, 41);
+              doc.text("\xD7", 170, yPos);
+            }
+            doc.setTextColor(0, 0, 0);
           }
-          doc.setTextColor(0, 0, 0);
           yPos += 8;
         });
-        doc.setLineWidth(0.2);
-        doc.setDrawColor(220, 220, 220);
-        doc.roundedRect(20, 185, 170, yPos - 185 - 3, 1, 1, "S");
+        if (!isUptimeMode) {
+          doc.setLineWidth(0.2);
+          doc.setDrawColor(220, 220, 220);
+          doc.roundedRect(20, dailyHeaderY, 170, yPos - dailyHeaderY - 3, 1, 1, "S");
+        }
       } else {
         doc.setFontSize(12);
         doc.setFont("helvetica", "normal");
         doc.setTextColor(100, 100, 100);
-        doc.text("No daily data available for this month", 25, 200);
+        doc.text("No daily data available for this month", 25, dailyContentStartY);
         doc.setTextColor(0, 0, 0);
       }
       const poorestWorkspaces = underperformingWorkspaces[selectedShiftId] || [];
@@ -42587,7 +43262,7 @@ var LineMonthlyPdfGenerator = ({
         doc.setFontSize(11);
         doc.setFont("helvetica", "normal");
         doc.setTextColor(80, 80, 80);
-        const reportText2 = "MONTHLY PERFORMANCE REPORT";
+        const reportText2 = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
         const reportTextWidth2 = doc.getStringUnitWidth(reportText2) * 11 / doc.internal.scaleFactor;
         doc.text(reportText2, doc.internal.pageSize.width - 20 - reportTextWidth2, 15);
         doc.setDrawColor(200, 200, 200);
@@ -42603,7 +43278,7 @@ var LineMonthlyPdfGenerator = ({
         doc.setFillColor(245, 245, 245);
         doc.roundedRect(20, 45, 170, 8, 1, 1, "F");
         doc.text("Workspace", 25, 50);
-        doc.text("Avg Efficiency", 120, 50);
+        doc.text(isUptimeMode ? "Avg Utilization" : "Avg Efficiency", 120, 50);
         doc.text("Last 5 Days", 160, 50);
         doc.setLineWidth(0.2);
         doc.setDrawColor(220, 220, 220);
@@ -42681,7 +43356,21 @@ var LineWhatsAppShareButton = ({
       line_name: lineInfo.line_name,
       factory_id: lineInfo.factory_id
     });
-    const message = `Line Performance Update for ${lineInfo.line_name}:
+    const isUptimeMode = lineInfo.monitoring_mode === "uptime";
+    const uptimeSeries = isUptimeMode ? buildUptimeSeries({
+      idleTimeHourly: lineInfo.metrics.idle_time_hourly,
+      shiftStart: lineInfo.metrics.shift_start,
+      shiftEnd: lineInfo.metrics.shift_end,
+      shiftDate: lineInfo.date,
+      timezone: "Asia/Kolkata"
+    }) : null;
+    const efficiencyValue = Number.isFinite(lineInfo.metrics.avg_efficiency) ? Number(lineInfo.metrics.avg_efficiency) : null;
+    const utilization = efficiencyValue !== null ? efficiencyValue : uptimeSeries && uptimeSeries.availableMinutes > 0 ? uptimeSeries.activeMinutes / uptimeSeries.availableMinutes * 100 : 0;
+    const idleTimeSeconds = uptimeSeries ? uptimeSeries.idleMinutes * 60 : 0;
+    const message = isUptimeMode ? `Line Utilization Update for ${lineInfo.line_name}:
+Utilization: ${utilization.toFixed(1)}%
+Stoppages: ${lineInfo.metrics.current_output}
+Idle Time: ${formatIdleTime(idleTimeSeconds)}` : `Line Performance Update for ${lineInfo.line_name}:
 Current Output: ${lineInfo.metrics.current_output} / ${lineInfo.metrics.line_threshold}
 Average Efficiency: ${lineInfo.metrics.avg_efficiency.toFixed(1)}%
 Underperforming Workspaces: ${lineInfo.metrics.underperforming_workspaces} / ${lineInfo.metrics.total_workspaces}`;
@@ -42751,13 +43440,15 @@ var LinePdfGenerator = ({
         doc.line(20, 20, 190, 20);
         return 30;
       };
+      const createKPIBox = (y) => {
+        doc.setFillColor(255, 255, 255);
+        doc.roundedRect(22, y - 7, 165, 12, 2, 2, "F");
+        doc.setDrawColor(230, 230, 230);
+        doc.setLineWidth(0.2);
+        doc.roundedRect(22, y - 7, 165, 12, 2, 2, "S");
+      };
       addHeaderPage1();
-      doc.setFontSize(26);
-      doc.setFont("helvetica", "bold");
-      doc.setTextColor(0, 0, 0);
-      doc.text(lineInfo.line_name, 20, 30);
-      doc.setFontSize(14);
-      doc.setFont("helvetica", "normal");
+      const isUptimeMode = lineInfo.monitoring_mode === "uptime";
       const rawShiftType = shiftName || (lineInfo.shift_id === 0 ? "Day" : lineInfo.shift_id === 1 ? "Night" : `Shift ${lineInfo.shift_id}`);
       const shiftType = rawShiftType.toLowerCase().includes("shift") ? rawShiftType : `${rawShiftType} Shift`;
       const date = new Date(lineInfo.date).toLocaleDateString("en-IN", {
@@ -42766,7 +43457,6 @@ var LinePdfGenerator = ({
         month: "long",
         timeZone: "Asia/Kolkata"
       });
-      doc.text(`${date} - ${shiftType}`, 20, 40);
       const shiftStartTime = lineInfo.metrics.shift_start ? (/* @__PURE__ */ new Date(`2000-01-01 ${lineInfo.metrics.shift_start}`)).toLocaleTimeString("en-IN", {
         hour: "2-digit",
         minute: "2-digit",
@@ -42789,6 +43479,256 @@ var LinePdfGenerator = ({
           timeZone: "Asia/Kolkata"
         }) : "N/A";
       }
+      if (isUptimeMode) {
+        const configuredTimezone = "Asia/Kolkata";
+        const lineShiftStart = lineInfo.metrics.shift_start || "06:00";
+        const lineShiftEnd = lineInfo.metrics.shift_end || "14:00";
+        const shiftMinutes = getShiftDurationMinutes(lineShiftStart, lineShiftEnd) || 0;
+        const workspaceSummaries = workspaceData.map((workspace) => {
+          const shiftStart = workspace.shift_start || lineShiftStart;
+          const shiftEnd = workspace.shift_end || lineShiftEnd;
+          const shiftDate = workspace.date || lineInfo.date;
+          const shiftDurationMinutes = getShiftDurationMinutes(shiftStart, shiftEnd) || shiftMinutes;
+          const uptimeSeries = buildUptimeSeries({
+            idleTimeHourly: workspace.idle_time_hourly,
+            shiftStart,
+            shiftEnd,
+            shiftDate,
+            timezone: configuredTimezone
+          });
+          let activeMinutes = uptimeSeries.activeMinutes;
+          let idleMinutes = uptimeSeries.idleMinutes;
+          let availableMinutes = uptimeSeries.availableMinutes;
+          let hasData = uptimeSeries.hasData;
+          if (!hasData) {
+            const idleTimeValue = workspace.idle_time;
+            const hasIdleTimeValue = Number.isFinite(idleTimeValue);
+            const fallbackDuration = shiftDurationMinutes;
+            if (hasIdleTimeValue && idleTimeValue > 0 && fallbackDuration > 0) {
+              const idleFromAggregate = Math.min(Math.max(Number(idleTimeValue) / 60, 0), fallbackDuration);
+              idleMinutes = idleFromAggregate;
+              activeMinutes = Math.max(fallbackDuration - idleFromAggregate, 0);
+              availableMinutes = activeMinutes + idleMinutes;
+              hasData = true;
+            }
+          }
+          const utilization = availableMinutes > 0 ? activeMinutes / availableMinutes * 100 : 0;
+          return {
+            workspace,
+            utilization,
+            idleTimeSeconds: idleMinutes * 60,
+            hasData: hasData || availableMinutes > 0,
+            uptimeSeries
+          };
+        });
+        const validSummaries = workspaceSummaries.filter((summary) => summary.hasData);
+        const computedAvgUtilization = validSummaries.length > 0 ? validSummaries.reduce((sum, summary) => sum + summary.utilization, 0) / validSummaries.length : 0;
+        const avgUtilization = Number.isFinite(lineInfo.metrics.avg_efficiency) ? Number(lineInfo.metrics.avg_efficiency) : computedAvgUtilization;
+        const avgIdleSeconds = validSummaries.length > 0 ? validSummaries.reduce((sum, summary) => sum + summary.idleTimeSeconds, 0) / validSummaries.length : 0;
+        const buildHourlyFromSeries = (uptimeSeries) => {
+          if (!uptimeSeries.shiftMinutes || uptimeSeries.shiftMinutes <= 0) return [];
+          const totalHours = Math.ceil(uptimeSeries.shiftMinutes / 60);
+          return Array.from({ length: totalHours }, (_, index) => {
+            const start = index * 60;
+            const end = Math.min(start + 60, uptimeSeries.points.length);
+            const slice = uptimeSeries.points.slice(start, end);
+            const activeMinutes = slice.filter((point) => point.status === "active").length;
+            const idleMinutes = slice.filter((point) => point.status === "idle").length;
+            const total = activeMinutes + idleMinutes;
+            const uptimePercent = total > 0 ? Math.round(activeMinutes / total * 100) : 0;
+            return { uptimePercent };
+          });
+        };
+        let hourlyData = [];
+        const seriesSummaries = workspaceSummaries.filter((summary) => summary.uptimeSeries.hasData && summary.uptimeSeries.points.length > 0);
+        if (seriesSummaries.length > 0) {
+          const hourlyShiftMinutes = seriesSummaries[0].uptimeSeries.shiftMinutes;
+          const shiftDurationHours = Math.ceil(hourlyShiftMinutes / 60);
+          hourlyData = Array.from({ length: shiftDurationHours }, (_, hourIndex) => {
+            const start = hourIndex * 60;
+            const end = Math.min(start + 60, hourlyShiftMinutes);
+            let totalProductivePercent = 0;
+            let workspaceCount = 0;
+            seriesSummaries.forEach((summary) => {
+              const slice = summary.uptimeSeries.points.slice(start, end);
+              if (!slice.length) return;
+              let activeForWorkspace = 0;
+              let idleForWorkspace = 0;
+              slice.forEach((point) => {
+                if (point.status === "active") activeForWorkspace += 1;
+                if (point.status === "idle") idleForWorkspace += 1;
+              });
+              const known = activeForWorkspace + idleForWorkspace;
+              if (known > 0) {
+                workspaceCount += 1;
+                totalProductivePercent += activeForWorkspace / known * 100;
+              }
+            });
+            const avgProductivePercent = workspaceCount > 0 ? totalProductivePercent / workspaceCount : 0;
+            return {
+              uptimePercent: Math.round(avgProductivePercent)
+            };
+          });
+        } else {
+          const lineUptimeSeries = buildUptimeSeries({
+            idleTimeHourly: lineInfo.metrics.idle_time_hourly,
+            shiftStart: lineShiftStart,
+            shiftEnd: lineShiftEnd,
+            shiftDate: lineInfo.date,
+            timezone: configuredTimezone
+          });
+          hourlyData = buildHourlyFromSeries(lineUptimeSeries);
+        }
+        if (hourlyData.length === 0 && shiftMinutes > 0) {
+          const shiftHours = Math.ceil(shiftMinutes / 60);
+          hourlyData = Array.from({ length: shiftHours }, () => ({ uptimePercent: 0 }));
+        }
+        doc.setFillColor(250, 250, 250);
+        doc.roundedRect(15, 25, 180, 53, 3, 3, "F");
+        doc.setFontSize(32);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(0, 0, 0);
+        doc.text(lineInfo.line_name, 20, 39);
+        doc.setFontSize(13);
+        doc.setFont("helvetica", "normal");
+        doc.setTextColor(60, 60, 60);
+        doc.text(`${date}`, 20, 51);
+        doc.text(`${shiftType}`, 20, 59);
+        doc.setFontSize(12);
+        doc.setTextColor(80, 80, 80);
+        doc.text(`Report Period: ${shiftStartTime} - ${reportEndTime}`, 20, 67);
+        doc.setTextColor(0, 0, 0);
+        doc.setDrawColor(180, 180, 180);
+        doc.setLineWidth(0.8);
+        doc.line(20, 76, 190, 76);
+        const perfOverviewStartY2 = 81;
+        doc.setFillColor(245, 245, 245);
+        doc.roundedRect(15, perfOverviewStartY2, 180, 60, 3, 3, "F");
+        doc.setFontSize(18);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(40, 40, 40);
+        doc.text("Overview", 20, 91);
+        doc.setTextColor(0, 0, 0);
+        const kpiStartY2 = 103;
+        const kpiSpacing2 = 10;
+        createKPIBox(kpiStartY2);
+        doc.setFontSize(11);
+        doc.setFont("helvetica", "normal");
+        doc.text("Utilization:", 25, kpiStartY2);
+        doc.setFont("helvetica", "bold");
+        doc.text(`${Math.round(avgUtilization)}%`, 120, kpiStartY2);
+        createKPIBox(kpiStartY2 + kpiSpacing2);
+        doc.setFont("helvetica", "normal");
+        doc.text("Average Idle Time:", 25, kpiStartY2 + kpiSpacing2);
+        doc.setFont("helvetica", "bold");
+        doc.text(formatIdleTime(avgIdleSeconds), 120, kpiStartY2 + kpiSpacing2);
+        createKPIBox(kpiStartY2 + kpiSpacing2 * 2);
+        doc.setFont("helvetica", "normal");
+        doc.text("Stoppages:", 25, kpiStartY2 + kpiSpacing2 * 2);
+        doc.setFont("helvetica", "bold");
+        doc.text(`${lineInfo.metrics.current_output || 0}`, 120, kpiStartY2 + kpiSpacing2 * 2);
+        const separatorBeforeHourlyY = 151;
+        doc.setDrawColor(180, 180, 180);
+        doc.setLineWidth(0.8);
+        doc.line(20, separatorBeforeHourlyY, 190, separatorBeforeHourlyY);
+        const hourlyPerfStartY = 156;
+        const maxContentY = pageHeight - 15;
+        const baseTableStartY = hourlyPerfStartY + 31;
+        let tableStartY2 = baseTableStartY;
+        let rowHeight = 8;
+        let headerFontSize = 11;
+        let contentFontSize = 11;
+        let titleFontSize = 18;
+        const bottomPadding2 = 8;
+        const estimatedEndY = tableStartY2 + hourlyData.length * rowHeight + bottomPadding2;
+        if (estimatedEndY > maxContentY) {
+          rowHeight = 6.5;
+          headerFontSize = 9;
+          contentFontSize = 9;
+          titleFontSize = 16;
+          tableStartY2 = hourlyPerfStartY + 27;
+        }
+        const backgroundHeight2 = tableStartY2 - hourlyPerfStartY + hourlyData.length * rowHeight + bottomPadding2;
+        doc.setFillColor(245, 245, 245);
+        doc.roundedRect(15, hourlyPerfStartY, 180, backgroundHeight2, 3, 3, "F");
+        doc.setFontSize(titleFontSize);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(40, 40, 40);
+        const hourlyTitleY = hourlyPerfStartY + 10;
+        doc.text("Hourly Utilization", 20, hourlyTitleY);
+        doc.setTextColor(0, 0, 0);
+        const headerY = titleFontSize === 16 ? hourlyPerfStartY + 18 : hourlyPerfStartY + 20;
+        const gridTopY2 = headerY - 5;
+        const headerBottomY2 = gridTopY2 + 8;
+        const colBoundaries2 = [20, 105, 190];
+        const totalRows2 = hourlyData.length;
+        const gridBottomY2 = headerBottomY2 + totalRows2 * rowHeight;
+        const tableHeight2 = gridBottomY2 - gridTopY2;
+        doc.setFillColor(255, 255, 255);
+        doc.roundedRect(20, gridTopY2, 170, tableHeight2, 2, 2, "F");
+        doc.setDrawColor(230, 230, 230);
+        doc.setLineWidth(0.2);
+        doc.roundedRect(20, gridTopY2, 170, tableHeight2, 2, 2, "S");
+        doc.setDrawColor(200, 200, 200);
+        doc.setLineWidth(0.3);
+        doc.line(20, headerBottomY2, 190, headerBottomY2);
+        colBoundaries2.slice(1, -1).forEach((x) => {
+          doc.line(x, gridTopY2, x, gridBottomY2);
+        });
+        doc.setFontSize(headerFontSize);
+        doc.setFont("helvetica", "bold");
+        const headerTextY = gridTopY2 + 5.5;
+        doc.text("Time Range", 25, headerTextY);
+        doc.text("Utilization", 147, headerTextY);
+        doc.setFontSize(contentFontSize);
+        doc.setFont("helvetica", "normal");
+        let yPos2 = headerBottomY2 + 5.5;
+        const now5 = /* @__PURE__ */ new Date();
+        const currentTimeIST2 = new Date(now5.toLocaleString("en-US", { timeZone: configuredTimezone }));
+        const [sYear2, sMonth2, sDay2] = lineInfo.date.split("-").map(Number);
+        const [sStartH2, sStartM2] = (lineShiftStart || "06:00").split(":").map(Number);
+        const shiftStartBase2 = new Date(sYear2, sMonth2 - 1, sDay2, sStartH2, sStartM2 || 0);
+        hourlyData.forEach((entry, index) => {
+          const bucketStartTime = new Date(shiftStartBase2);
+          bucketStartTime.setHours(bucketStartTime.getHours() + index);
+          const bucketEndTime = new Date(bucketStartTime);
+          bucketEndTime.setHours(bucketEndTime.getHours() + 1);
+          const timeRange = `${bucketStartTime.toLocaleTimeString("en-IN", {
+            hour: "numeric",
+            hour12: true
+          })} - ${bucketEndTime.toLocaleTimeString("en-IN", {
+            hour: "numeric",
+            hour12: true
+          })}`;
+          const dataCollected = bucketEndTime.getTime() <= currentTimeIST2.getTime();
+          if (index < totalRows2 - 1) {
+            const rowBottomY = headerBottomY2 + (index + 1) * rowHeight;
+            doc.setDrawColor(200, 200, 200);
+            doc.line(20, rowBottomY, 190, rowBottomY);
+          }
+          doc.text(timeRange, 25, yPos2);
+          const utilizationStr = dataCollected ? `${entry.uptimePercent}%` : "TBD";
+          doc.text(utilizationStr, 147, yPos2);
+          yPos2 += rowHeight;
+        });
+        const fileDate2 = new Date(lineInfo.date).toLocaleDateString("en-IN", {
+          day: "2-digit",
+          month: "short",
+          year: "numeric",
+          timeZone: "Asia/Kolkata"
+        }).replace(/ /g, "_");
+        const fileShift2 = shiftType.replace(/ /g, "_");
+        const fileName2 = `${lineInfo.line_name}_${fileDate2}_${fileShift2}.pdf`;
+        doc.save(fileName2);
+        return;
+      }
+      doc.setFontSize(26);
+      doc.setFont("helvetica", "bold");
+      doc.setTextColor(0, 0, 0);
+      doc.text(lineInfo.line_name, 20, 30);
+      doc.setFontSize(14);
+      doc.setFont("helvetica", "normal");
+      doc.text(`${date} - ${shiftType}`, 20, 40);
       doc.setFontSize(12);
       doc.setTextColor(100, 100, 100);
       doc.text(`Report Period: ${shiftStartTime} - ${reportEndTime}`, 20, 47);
@@ -42804,13 +43744,6 @@ var LinePdfGenerator = ({
       doc.setTextColor(40, 40, 40);
       doc.text("Line Performance Overview", 20, 68);
       doc.setTextColor(0, 0, 0);
-      const createKPIBox = (y) => {
-        doc.setFillColor(255, 255, 255);
-        doc.roundedRect(22, y - 7, 165, 12, 2, 2, "F");
-        doc.setDrawColor(230, 230, 230);
-        doc.setLineWidth(0.2);
-        doc.roundedRect(22, y - 7, 165, 12, 2, 2, "S");
-      };
       const kpiStartY = 80;
       const kpiSpacing = 10;
       createKPIBox(kpiStartY);
@@ -43084,23 +44017,17 @@ var LinePdfGenerator = ({
       doc.text("Remarks", 160, tableHeaderY);
       doc.setFont("helvetica", "normal");
       let yPos = tableStartY;
-      const lineDateForTable = new Date(lineInfo.date);
-      const todayForTable = /* @__PURE__ */ new Date();
-      todayForTable.setHours(0, 0, 0, 0);
-      lineDateForTable.setHours(0, 0, 0, 0);
-      const isTodayForTable = lineDateForTable.getTime() === todayForTable.getTime();
-      let currentHour = 24;
-      if (isTodayForTable) {
-        const now4 = /* @__PURE__ */ new Date();
-        const currentTimeIST = new Date(now4.toLocaleString("en-US", { timeZone: "Asia/Kolkata" }));
-        currentHour = currentTimeIST.getHours();
-      }
+      const now4 = /* @__PURE__ */ new Date();
+      const currentTimeIST = new Date(now4.toLocaleString("en-US", { timeZone: "Asia/Kolkata" }));
+      const [sYear, sMonth, sDay] = lineInfo.date.split("-").map(Number);
+      const [sStartH, sStartM] = (lineInfo.metrics.shift_start || "06:00").split(":").map(Number);
+      const shiftStartBase = new Date(sYear, sMonth - 1, sDay, sStartH, sStartM || 0);
       hourlyTimeRanges.forEach((timeRange, index) => {
         const actualOutput = hourlyActualOutput[index] || 0;
-        const [startHourStr] = (lineInfo.metrics.shift_start || "6:00").split(":");
-        const startHour = parseInt(startHourStr);
-        const hourNumber = (startHour + index) % 24;
-        const dataCollected = !isTodayForTable || hourNumber < currentHour;
+        const bucketStartTime = new Date(shiftStartBase);
+        bucketStartTime.setHours(bucketStartTime.getHours() + index);
+        const bucketEndTime = new Date(bucketStartTime.getTime() + timeRange.minutes * 60 * 1e3);
+        const dataCollected = bucketEndTime.getTime() <= currentTimeIST.getTime();
         const outputStr = dataCollected ? actualOutput.toString() : "TBD";
         if (index < totalRows - 1) {
           const rowBottomY = headerBottomY + (index + 1) * rowSpacing;
@@ -43516,7 +44443,7 @@ var WorkspaceHistoryCalendar = ({
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const hasRealData = (shift) => {
     if (shift.hasData !== void 0) return shift.hasData;
-    return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0;
+    return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.targetOutput > 0 || shift.idleTime > 0;
   };
   React26.useEffect(() => {
     setAnimationComplete(false);
@@ -43663,7 +44590,7 @@ var WorkspaceHistoryCalendar = ({
         "Output: ",
         Math.round(shift.output),
         " / ",
-        Math.round(shift.idealOutput)
+        Math.round(shift.targetOutput)
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         "Cycle: ",
@@ -43827,7 +44754,8 @@ var CustomTooltip3 = ({ active, payload, label, isUptimeMode }) => {
         /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-gray-600", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Utilization:" }),
           " ",
-          utilization
+          utilization,
+          "%"
         ] })
       ] })
     ] });
@@ -43917,7 +44845,7 @@ var WorkspaceMonthlyHistory = ({
   });
   const hasRealData = (shift) => {
     if (shift.hasData !== void 0) return shift.hasData;
-    return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0;
+    return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0 || (shift.availableTimeSeconds ?? 0) > 0;
   };
   const shiftWorkSeconds = React26.useMemo(() => {
     if (!shiftConfig) return null;
@@ -43933,7 +44861,6 @@ var WorkspaceMonthlyHistory = ({
     const dailyData = [];
     if (isUptimeMode) {
       let maxHours = 0;
-      const shiftSeconds = shiftWorkSeconds ?? 0;
       for (const day of dayNumbers) {
         const dayData = analysisMonthlyData.find((d) => {
           const date = new Date(d.date);
@@ -43941,12 +44868,28 @@ var WorkspaceMonthlyHistory = ({
         });
         const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
         const hasShiftData = Boolean(shiftData && hasRealData(shiftData));
-        const idleSeconds = hasShiftData ? shiftData.idleTime : 0;
-        const clampedIdleSeconds = hasShiftData && shiftSeconds > 0 ? Math.min(Math.max(idleSeconds, 0), shiftSeconds) : Math.max(idleSeconds, 0);
-        const productiveSeconds = hasShiftData && shiftSeconds > 0 ? Math.max(shiftSeconds - clampedIdleSeconds, 0) : 0;
-        const idleHours = clampedIdleSeconds / 3600;
-        const productiveHours = productiveSeconds / 3600;
-        const utilization = hasShiftData && shiftSeconds > 0 ? Math.round(productiveSeconds / shiftSeconds * 100) : 0;
+        const availableSeconds = hasShiftData ? shiftData.availableTimeSeconds ?? shiftWorkSeconds ?? 0 : 0;
+        const efficiencyValue = hasShiftData && Number.isFinite(shiftData?.efficiency) ? Number(shiftData.efficiency) : null;
+        let productiveHours = 0;
+        let idleHours = 0;
+        let utilization = 0;
+        if (efficiencyValue !== null && availableSeconds > 0) {
+          const clampedEfficiency = Math.max(0, Math.min(100, efficiencyValue));
+          utilization = Math.round(clampedEfficiency);
+          const totalHours = availableSeconds / 3600;
+          productiveHours = totalHours * clampedEfficiency / 100;
+          idleHours = Math.max(0, totalHours - productiveHours);
+        } else if (hasShiftData && availableSeconds > 0) {
+          const idleSeconds = shiftData.idleTime || 0;
+          const clampedIdleSeconds = Math.min(Math.max(idleSeconds, 0), availableSeconds);
+          const productiveSeconds = Math.max(
+            shiftData.activeTimeSeconds ?? availableSeconds - clampedIdleSeconds,
+            0
+          );
+          productiveHours = productiveSeconds / 3600;
+          idleHours = clampedIdleSeconds / 3600;
+          utilization = Math.round(productiveSeconds / availableSeconds * 100);
+        }
         maxHours = Math.max(maxHours, idleHours + productiveHours);
         dailyData.push({
           hour: getOrdinal2(day),
@@ -44043,12 +44986,11 @@ var WorkspaceMonthlyHistory = ({
   }, [chartData.yAxisMax, chartData.lastSetTarget, isUptimeMode]);
   const pieChartData = React26.useMemo(() => {
     const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
-    if (validShifts.length === 0 || !shiftWorkSeconds) return [];
-    const totalIdleTime = validShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
-    const totalShiftTime = validShifts.length * shiftWorkSeconds;
-    const clampedIdleTime = Math.min(Math.max(totalIdleTime, 0), totalShiftTime);
-    const activeTime = Math.max(0, totalShiftTime - clampedIdleTime);
-    const productivePercent = Math.round(activeTime / totalShiftTime * 100);
+    if (validShifts.length === 0) return [];
+    const efficiencyValues = validShifts.map((shift) => Number.isFinite(shift.efficiency) ? Number(shift.efficiency) : null).filter((value) => value !== null);
+    if (!efficiencyValues.length) return [];
+    const avgEfficiency = efficiencyValues.reduce((sum, value) => sum + value, 0) / efficiencyValues.length;
+    const productivePercent = Math.round(Math.max(0, Math.min(100, avgEfficiency)));
     const idlePercent = Math.max(0, Math.min(100, 100 - productivePercent));
     return [
       { name: "Productive", value: productivePercent },
@@ -44057,30 +44999,37 @@ var WorkspaceMonthlyHistory = ({
   }, [analysisMonthlyData, selectedShiftId, shiftWorkSeconds]);
   const metrics2 = React26.useMemo(() => {
     const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
-    if (validShifts.length === 0) return null;
-    const totalEfficiency = validShifts.reduce((sum, shift) => sum + shift.efficiency, 0);
-    const totalCycleTime = validShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
-    const totalOutput = validShifts.reduce((sum, shift) => sum + shift.output, 0);
-    validShifts.reduce((sum, shift) => sum + shift.idealOutput, 0);
-    const totalIdleTime = validShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
-    const ranks = validShifts.map((s) => s.rank).filter((r2) => typeof r2 === "number" && r2 > 0);
+    const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+    if (filteredShifts.length === 0) return null;
+    const totalEfficiency = filteredShifts.reduce((sum, shift) => sum + (shift.efficiency || 0), 0);
+    const totalUtilization = filteredShifts.reduce(
+      (sum, shift) => sum + getUptimeUtilizationPercent(shift),
+      0
+    );
+    const totalCycleTime = filteredShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
+    const totalOutput = filteredShifts.reduce((sum, shift) => sum + shift.output, 0);
+    filteredShifts.reduce((sum, shift) => sum + shift.idealOutput, 0);
+    const totalIdleTime = filteredShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
+    const ranks = filteredShifts.map((s) => s.rank).filter((r2) => typeof r2 === "number" && r2 > 0);
     if (isUptimeMode) {
-      const shiftSeconds = shiftWorkSeconds ?? 0;
-      const totalShiftSeconds = shiftSeconds * validShifts.length;
-      const activeSeconds = Math.max(totalShiftSeconds - totalIdleTime, 0);
-      const avgUtilization = totalShiftSeconds > 0 ? Math.round(activeSeconds / totalShiftSeconds * 100) : 0;
-      const avgIdleTime = Math.round(totalIdleTime / validShifts.length);
-      Math.round(totalCycleTime / validShifts.length);
+      let totalIdleSeconds = 0;
+      filteredShifts.forEach((shift) => {
+        const availableSeconds = shift.availableTimeSeconds ?? shiftWorkSeconds ?? 0;
+        const idleSeconds = Math.min(Math.max(shift.idleTime || 0, 0), availableSeconds);
+        totalIdleSeconds += idleSeconds;
+      });
+      const avgUtilization = filteredShifts.length > 0 ? Math.round(totalUtilization / filteredShifts.length) : 0;
+      const avgIdleTime = filteredShifts.length > 0 ? Math.round(totalIdleSeconds / filteredShifts.length) : 0;
+      Math.round(totalCycleTime / filteredShifts.length);
       return {
         avgUtilization,
         avgIdleTime,
-        avgDailyStoppages: 0
-        // Mock data
+        avgDailyStoppages: Math.round(totalOutput / filteredShifts.length)
       };
     }
-    const avgEfficiency = Math.round(totalEfficiency / validShifts.length);
-    const avgDailyOutput = Math.round(totalOutput / validShifts.length);
-    const avgCycleTime = Math.round(totalCycleTime / validShifts.length);
+    const avgEfficiency = Math.round(totalEfficiency / filteredShifts.length);
+    const avgDailyOutput = Math.round(totalOutput / filteredShifts.length);
+    const avgCycleTime = Math.round(totalCycleTime / filteredShifts.length);
     const avgRank = ranks.length > 0 ? Math.round(ranks.reduce((a, b) => a + b, 0) / ranks.length) : null;
     return {
       avgEfficiency,
@@ -44088,7 +45037,7 @@ var WorkspaceMonthlyHistory = ({
       avgCycleTime,
       avgRank,
       totalOutput,
-      avgIdleTime: Math.round(totalIdleTime / validShifts.length)
+      avgIdleTime: Math.round(totalIdleTime / filteredShifts.length)
     };
   }, [analysisMonthlyData, selectedShiftId, isUptimeMode, shiftWorkSeconds]);
   const efficiencyDelta = trendSummary?.avg_efficiency?.delta_pp ?? 0;
@@ -44101,6 +45050,19 @@ var WorkspaceMonthlyHistory = ({
   const outputImproved = outputDelta >= 0;
   const cycleDelta = cyclePrev ? cycleDeltaRaw / cyclePrev * 100 : 0;
   const cycleWorsened = cycleDelta > 0;
+  const utilizationDelta = efficiencyDelta;
+  const utilizationImproved = utilizationDelta >= 0;
+  const utilizationTrendText = `${Math.abs(utilizationDelta).toFixed(1)}% vs last month`;
+  const idleDeltaRaw = trendSummary?.avg_idle_time?.delta_seconds ?? 0;
+  const idlePrev = trendSummary?.avg_idle_time?.previous ?? 0;
+  const idleDelta = idlePrev ? idleDeltaRaw / idlePrev * 100 : 0;
+  const idleImproved = idleDelta <= 0;
+  const idleTrendText = `${Math.abs(idleDelta).toFixed(1)}% vs last month`;
+  const stoppagesDeltaRaw = trendSummary?.avg_daily_stoppages?.delta_count ?? 0;
+  const stoppagesPrev = trendSummary?.avg_daily_stoppages?.previous ?? 0;
+  const stoppagesDelta = stoppagesPrev ? stoppagesDeltaRaw / stoppagesPrev * 100 : 0;
+  const stoppagesImproved = stoppagesDelta <= 0;
+  const stoppagesTrendText = `${Math.abs(stoppagesDelta).toFixed(1)}% vs last month`;
   const calendarData = React26.useMemo(() => {
     const startOfMonth2 = new Date(year, month, 1);
     const endOfMonth2 = new Date(year, month + 1, 0);
@@ -44185,11 +45147,12 @@ var WorkspaceMonthlyHistory = ({
             if (!hasData || !shiftData) return "bg-gray-300 dark:bg-gray-600";
             if (showRange && !inRange) return "bg-gray-200 dark:bg-gray-700";
             const idleSeconds = Math.max(shiftData.idleTime || 0, 0);
-            const totalShiftSeconds = shiftWorkSeconds ?? 0;
+            const totalShiftSeconds = shiftData.availableTimeSeconds ?? shiftWorkSeconds ?? 0;
             const clampedIdleSeconds = totalShiftSeconds > 0 ? Math.min(idleSeconds, totalShiftSeconds) : idleSeconds;
-            const utilization = totalShiftSeconds > 0 ? Math.round((totalShiftSeconds - clampedIdleSeconds) / totalShiftSeconds * 100) : shiftData.efficiency;
+            const fallbackUtilization = totalShiftSeconds > 0 ? Math.round((totalShiftSeconds - clampedIdleSeconds) / totalShiftSeconds * 100) : 0;
+            const utilizationValue = Number.isFinite(shiftData.efficiency) ? shiftData.efficiency : fallbackUtilization;
             const efficiencyColor = getEfficiencyColor(
-              isUptimeMode ? utilization : shiftData.efficiency,
+              isUptimeMode ? utilizationValue : shiftData.efficiency,
               effectiveLegend
             );
             if (efficiencyColor === "green") return "bg-green-500 dark:bg-green-600";
@@ -44220,7 +45183,16 @@ var WorkspaceMonthlyHistory = ({
                 !isFuture && hasData && shiftData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-lg p-2 text-white opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs space-y-1", children: isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     "Utilization: ",
-                    shiftWorkSeconds ? Math.round((shiftWorkSeconds - Math.min(Math.max(shiftData.idleTime || 0, 0), shiftWorkSeconds)) / shiftWorkSeconds * 100) : 0
+                    (() => {
+                      const totalShiftSeconds = shiftData.availableTimeSeconds ?? shiftWorkSeconds ?? 0;
+                      const idleSeconds = Math.min(
+                        Math.max(shiftData.idleTime || 0, 0),
+                        totalShiftSeconds
+                      );
+                      const fallbackUtilization = totalShiftSeconds > 0 ? Math.round((totalShiftSeconds - idleSeconds) / totalShiftSeconds * 100) : 0;
+                      return Number.isFinite(shiftData.efficiency) ? Math.round(shiftData.efficiency) : fallbackUtilization;
+                    })(),
+                    "%"
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                     "Idle Time: ",
@@ -44246,33 +45218,42 @@ var WorkspaceMonthlyHistory = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 flex flex-col justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold text-gray-700 mb-2", children: isUptimeMode ? "Avg Utilization" : "Avg Efficiency" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-600 mb-1", children: isUptimeMode ? "Avg Utilization" : "Avg Efficiency" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl font-bold text-gray-900", children: isUptimeMode ? metrics2?.avgUtilization ?? 0 : `${metrics2?.avgEfficiency ?? 0}%` }),
-              !isUptimeMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${efficiencyImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: isUptimeMode ? `${metrics2?.avgUtilization ?? 0}%` : `${metrics2?.avgEfficiency ?? 0}%` }),
+              isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${utilizationImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                utilizationImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: utilizationTrendText })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${efficiencyImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 efficiencyImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(efficiencyDelta).toFixed(1)}% vs last month` })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 flex flex-col justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold text-gray-700 mb-2", children: isUptimeMode ? "Avg Idle Time" : "Avg Daily Output" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-600 mb-1", children: isUptimeMode ? "Avg Idle Time" : "Avg Daily Output" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl font-bold text-gray-900", children: isUptimeMode ? formatIdleTime(metrics2?.avgIdleTime ?? 0) : metrics2?.avgDailyOutput?.toLocaleString?.() ?? 0 }),
-              !isUptimeMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${outputImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: isUptimeMode ? formatIdleTime(metrics2?.avgIdleTime ?? 0) : metrics2?.avgDailyOutput?.toLocaleString?.() ?? 0 }),
+              isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${idleImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                idleImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: idleTrendText })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${outputImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 outputImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(outputDelta).toFixed(1)}% vs last month` })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 flex flex-col justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-bold text-gray-700 mb-2", children: isUptimeMode ? "Avg Daily Stoppages" : "Avg Cycle Time" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-600 mb-1", children: isUptimeMode ? "Avg Daily Stoppages" : "Avg Cycle Time" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xl font-bold text-gray-900", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-2xl font-bold text-gray-900", children: [
                 isUptimeMode ? metrics2?.avgDailyStoppages ?? 0 : metrics2?.avgCycleTime ?? 0,
                 isUptimeMode ? "" : "s"
               ] }),
-              !isUptimeMode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${cycleWorsened ? "bg-red-50 text-red-600" : "bg-emerald-50 text-emerald-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+              isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${stoppagesImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
+                stoppagesImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: stoppagesTrendText })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${cycleWorsened ? "bg-red-50 text-red-600" : "bg-emerald-50 text-emerald-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 cycleWorsened ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(cycleDelta).toFixed(1)}% vs last month` })
               ] })
@@ -44316,8 +45297,8 @@ var WorkspaceMonthlyHistory = ({
                       className: "font-bold text-gray-900 leading-none",
                       style: { fontSize: "clamp(1rem, 15cqw, 1.5rem)" },
                       children: [
-                        pieChartData[0]?.value,
-                        isUptimeMode ? "" : "%"
+                        pieChartData[0]?.value ?? 0,
+                        "%"
                       ]
                     }
                   ),
@@ -44547,7 +45528,8 @@ var WorkspaceWhatsAppShareButton = ({
     const shiftSeconds = shiftMinutes ? shiftMinutes * 60 : 0;
     const idleSeconds = Math.max(workspace.idle_time || 0, 0);
     const clampedIdleSeconds = shiftSeconds > 0 ? Math.min(idleSeconds, shiftSeconds) : idleSeconds;
-    const utilization = shiftSeconds > 0 ? Math.max(0, Math.round((shiftSeconds - clampedIdleSeconds) / shiftSeconds * 100)) : 0;
+    const efficiencyValue = Number.isFinite(workspace.avg_efficiency) ? Number(workspace.avg_efficiency) : null;
+    const utilization = efficiencyValue !== null ? Math.max(0, Math.round(efficiencyValue)) : shiftSeconds > 0 ? Math.max(0, Math.round((shiftSeconds - clampedIdleSeconds) / shiftSeconds * 100)) : 0;
     const progressPercent = workspace.target_output > 0 ? workspace.total_actions / workspace.target_output * 100 : 0;
     const message = isUptimeMode ? `*${workspace.workspace_name} Utilization Report*%0A${date} - ${workspace.shift_type}%0A%0A*Utilization:* ${utilization}%0A*Stoppages:* ${workspace.total_actions}%0A*Idle Time:* ${formatIdleTime(clampedIdleSeconds)}%0A*Avg Machine Continuous On Time:* ${workspace.avg_cycle_time.toFixed(1)}s%0A*Rank:* ${workspace.workspace_rank} of ${workspace.total_workspaces}%0A%0AGenerated by Optifye.ai` : `*${workspace.workspace_name} Performance Report*%0A${date} - ${workspace.shift_type}%0A%0A*Progress:* ${progressPercent.toFixed(1)}% of Today's target%0A*Current Output:* ${workspace.total_actions} / ${workspace.target_output}%0A*Efficiency:* ${(workspace.avg_efficiency || 0).toFixed(1)}%25%0A*PPH:* ${workspace.avg_pph.toFixed(1)} (Target: ${workspace.pph_threshold.toFixed(1)})%0A*Cycle Time:* ${workspace.avg_cycle_time.toFixed(1)}s (Standard: ${workspace.ideal_cycle_time.toFixed(1)}s)%0A*Rank:* ${workspace.workspace_rank} of ${workspace.total_workspaces}%0A%0AGenerated by Optifye.ai`;
     window.open(`https://wa.me/?text=${message}`, "_blank");
@@ -44576,7 +45558,8 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
       const shiftSeconds = shiftMinutes ? shiftMinutes * 60 : 0;
       const idleSeconds = Math.max(workspace.idle_time || 0, 0);
       const clampedIdleSeconds = shiftSeconds > 0 ? Math.min(idleSeconds, shiftSeconds) : idleSeconds;
-      const utilization = shiftSeconds > 0 ? Math.max(0, Math.round((shiftSeconds - clampedIdleSeconds) / shiftSeconds * 100)) : 0;
+      const computedUtilization = shiftSeconds > 0 ? Math.max(0, Math.round((shiftSeconds - clampedIdleSeconds) / shiftSeconds * 100)) : 0;
+      const utilization = Number.isFinite(workspace.avg_efficiency) ? Math.round(Number(workspace.avg_efficiency)) : computedUtilization;
       const lineName = workspace.line_name || getLineDisplayName(entityConfig, workspace.line_id);
       trackCoreEvent("Workspace PDF Export Clicked", {
         workspace_id: workspace.workspace_id,
@@ -44666,7 +45649,7 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
         doc.setFont("helvetica", "normal");
         doc.text("Utilization:", 25, kpiStartY);
         doc.setFont("helvetica", "bold");
-        doc.text(`${utilization}`, 120, kpiStartY);
+        doc.text(`${utilization}%`, 120, kpiStartY);
         createKPIBox(kpiStartY + kpiSpacing);
         doc.setFont("helvetica", "normal");
         doc.text("Total Idle Time:", 25, kpiStartY + kpiSpacing);
@@ -44773,7 +45756,7 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
       const headerY = titleFontSize === 16 ? hourlyPerfStartY + 18 : hourlyPerfStartY + 20;
       const gridTopY = headerY - 5;
       const headerBottomY = gridTopY + 8;
-      const colBoundaries = isUptimeMode ? [20, 70, 110, 150, 190] : [20, 70, 100, 130, 155, 190];
+      const colBoundaries = isUptimeMode ? [20, 105, 190] : [20, 70, 100, 130, 155, 190];
       const totalRows = hourlyData.length;
       const gridBottomY = headerBottomY + totalRows * rowHeight;
       const tableHeight = gridBottomY - gridTopY;
@@ -44793,9 +45776,7 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
       const headerTextY = gridTopY + 5.5;
       doc.text("Time Range", 25, headerTextY);
       if (isUptimeMode) {
-        doc.text("Active (min)", 80, headerTextY);
-        doc.text("Idle (min)", 120, headerTextY);
-        doc.text("Utilization", 160, headerTextY);
+        doc.text("Utilization", 147, headerTextY);
       } else {
         doc.text("Output", 75, headerTextY);
         doc.text("Target", 105, headerTextY);
@@ -44842,10 +45823,8 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons, efficiency
         }
         doc.text(timeRange, 25, yPos);
         if (isUptimeMode) {
-          doc.text(outputStr, 80, yPos);
-          doc.text(targetStr, 120, yPos);
-          const utilizationStr = dataCollected ? `${uptimePercent}` : "TBD";
-          doc.text(utilizationStr, 160, yPos);
+          const utilizationStr = dataCollected ? `${uptimePercent}%` : "TBD";
+          doc.text(utilizationStr, 147, yPos);
         } else {
           doc.text(outputStr, 75, yPos);
           doc.text(targetStr, 105, yPos);
@@ -44928,7 +45907,7 @@ var WorkspaceMonthlyPdfGenerator = ({
       const shiftWorkSeconds = shiftConfig ? getShiftWorkDurationSeconds(shiftConfig, selectedShiftId) : null;
       const hasShiftData = (shift) => {
         if (shift.hasData !== void 0) return shift.hasData;
-        return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0;
+        return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.targetOutput > 0 || shift.idleTime > 0;
       };
       const monthBounds = getMonthKeyBounds(selectedYear, selectedMonth);
       const requestedRange = {
@@ -45014,33 +45993,34 @@ var WorkspaceMonthlyPdfGenerator = ({
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
       const validShifts = validDays.map((day) => getShiftData(day, selectedShiftId)).filter(hasShiftData);
-      const monthlyMetrics = validShifts.length > 0 ? isUptimeMode ? (() => {
-        const totalIdleTime = validShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
-        const totalCycleTime = validShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
-        const totalShiftSeconds = shiftWorkSeconds ? shiftWorkSeconds * validShifts.length : 0;
-        const activeSeconds = Math.max(totalShiftSeconds - totalIdleTime, 0);
-        const avgUtilization = totalShiftSeconds > 0 ? Math.round(activeSeconds / totalShiftSeconds * 100) : 0;
-        const avgIdleTime = Math.round(totalIdleTime / validShifts.length);
-        const avgCycleTime = Math.round(totalCycleTime / validShifts.length);
-        const underperformingDays = shiftWorkSeconds ? validShifts.filter((shift) => {
-          const idleSeconds = Math.min(Math.max(shift.idleTime, 0), shiftWorkSeconds);
-          const utilization = Math.round((shiftWorkSeconds - idleSeconds) / shiftWorkSeconds * 100);
-          return utilization < effectiveLegend.green_min;
-        }).length : 0;
+      const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+      const monthlyMetrics = filteredShifts.length > 0 ? isUptimeMode ? (() => {
+        const totalIdleTime = filteredShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
+        const totalCycleTime = filteredShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
+        const totalUtilization = filteredShifts.reduce(
+          (sum, shift) => sum + getUptimeUtilizationPercent(shift),
+          0
+        );
+        const totalOutput = filteredShifts.reduce((sum, shift) => sum + (shift.output || 0), 0);
+        const avgUtilization = Math.round(totalUtilization / filteredShifts.length);
+        const avgIdleTime = Math.round(totalIdleTime / filteredShifts.length);
+        const avgCycleTime = Math.round(totalCycleTime / filteredShifts.length);
+        const underperformingDays = filteredShifts.filter((shift) => (shift.efficiency || 0) < effectiveLegend.green_min).length;
         return {
           avgUtilization,
           avgIdleTime,
           avgCycleTime,
-          totalDays: validShifts.length,
+          avgDailyStoppages: Math.round(totalOutput / filteredShifts.length),
+          totalDays: filteredShifts.length,
           underperformingDays
         };
       })() : {
-        avgEfficiency: validShifts.reduce((sum, shift) => sum + shift.efficiency, 0) / validShifts.length,
-        avgOutput: validShifts.reduce((sum, shift) => sum + shift.output, 0) / validShifts.length,
-        avgCycleTime: validShifts.reduce((sum, shift) => sum + shift.cycleTime, 0) / validShifts.length,
-        avgPph: validShifts.reduce((sum, shift) => sum + shift.pph, 0) / validShifts.length,
-        totalDays: validShifts.length,
-        underperformingDays: validShifts.filter((shift) => shift.efficiency < effectiveLegend.green_min).length
+        avgEfficiency: filteredShifts.reduce((sum, shift) => sum + shift.efficiency, 0) / filteredShifts.length,
+        avgOutput: filteredShifts.reduce((sum, shift) => sum + shift.output, 0) / filteredShifts.length,
+        avgCycleTime: filteredShifts.reduce((sum, shift) => sum + shift.cycleTime, 0) / filteredShifts.length,
+        avgPph: filteredShifts.reduce((sum, shift) => sum + shift.pph, 0) / filteredShifts.length,
+        totalDays: filteredShifts.length,
+        underperformingDays: filteredShifts.filter((shift) => shift.efficiency < effectiveLegend.green_min).length
       } : null;
       const createKPIBox = (y) => {
         doc.setFillColor(255, 255, 255);
@@ -45066,7 +46046,7 @@ var WorkspaceMonthlyPdfGenerator = ({
           doc.setFont("helvetica", "normal");
           doc.text("Average Utilization:", 25, kpiStartY);
           doc.setFont("helvetica", "bold");
-          doc.text(`${uptimeMetrics.avgUtilization} (Target: ${Math.round(effectiveLegend.green_min)})`, 120, kpiStartY);
+          doc.text(`${uptimeMetrics.avgUtilization}%`, 120, kpiStartY);
           createKPIBox(kpiStartY + kpiSpacing);
           doc.setFont("helvetica", "normal");
           doc.text("Average Idle Time:", 25, kpiStartY + kpiSpacing);
@@ -45076,7 +46056,7 @@ var WorkspaceMonthlyPdfGenerator = ({
           doc.setFont("helvetica", "normal");
           doc.text("Avg Daily Stoppages:", 25, kpiStartY + kpiSpacing * 2);
           doc.setFont("helvetica", "bold");
-          doc.text(`0`, 120, kpiStartY + kpiSpacing * 2);
+          doc.text(`${uptimeMetrics.avgDailyStoppages}`, 120, kpiStartY + kpiSpacing * 2);
           createKPIBox(kpiStartY + kpiSpacing * 3);
           doc.setFont("helvetica", "normal");
           doc.text("Working Days:", 25, kpiStartY + kpiSpacing * 3);
@@ -45168,10 +46148,10 @@ var WorkspaceMonthlyPdfGenerator = ({
             const idleSeconds = Math.max(shift.idleTime || 0, 0);
             const clampedIdleSeconds = totalShiftSeconds > 0 ? Math.min(idleSeconds, totalShiftSeconds) : idleSeconds;
             const productiveSeconds = totalShiftSeconds > 0 ? Math.max(totalShiftSeconds - clampedIdleSeconds, 0) : 0;
-            const utilization = totalShiftSeconds > 0 ? Math.round(productiveSeconds / totalShiftSeconds * 100) : 0;
+            const utilization = Number.isFinite(shift.efficiency) ? Math.round(Number(shift.efficiency)) : 0;
             doc.text(formatIdleTime(productiveSeconds), 60, yPos);
             doc.text(formatIdleTime(clampedIdleSeconds), 95, yPos);
-            doc.text(`${utilization}`, 135, yPos);
+            doc.text(`${utilization}%`, 135, yPos);
             if (utilization >= effectiveLegend.green_min) {
               doc.setTextColor(0, 171, 69);
               doc.text("\u2713", 170, yPos);
@@ -45182,7 +46162,7 @@ var WorkspaceMonthlyPdfGenerator = ({
             doc.setTextColor(0, 0, 0);
           } else {
             doc.text(`${shift.output}`, 60, yPos);
-            doc.text(`${shift.idealOutput}`, 95, yPos);
+            doc.text(`${shift.targetOutput}`, 95, yPos);
             doc.text(`${shift.efficiency.toFixed(1)}%`, 135, yPos);
             if (shift.efficiency >= effectiveLegend.green_min) {
               doc.setTextColor(0, 171, 69);
@@ -45236,14 +46216,18 @@ var UptimeMetricCards = ({
   uptimePieData = [],
   className = ""
 }) => {
+  const efficiencyValue = Number.isFinite(workspace.avg_efficiency) ? Math.max(0, Math.min(100, Number(workspace.avg_efficiency))) : null;
   const total = uptimePieData.reduce((sum, item) => sum + item.value, 0);
   const active = uptimePieData.find((item) => item.name === "Productive")?.value || 0;
-  const uptimePercent = total > 0 ? (active / total * 100).toFixed(1) : "0.0";
+  const uptimePercent = efficiencyValue !== null ? efficiencyValue.toFixed(1) : total > 0 ? (active / total * 100).toFixed(1) : "0.0";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `grid grid-cols-1 gap-4 sm:gap-3 sm:grid-cols-3 w-full h-full ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Utilization" }) }),
       /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-5xl font-bold text-gray-900", children: uptimePercent }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-5xl font-bold text-gray-900", children: [
+          uptimePercent,
+          "%"
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Total productive time" })
       ] }) })
     ] }),
@@ -46035,7 +47019,9 @@ var KPISection = React26.memo(({
   gridGap = "md",
   cardVariant = "default",
   compactCards = false,
-  useSrcLayout = false
+  useSrcLayout = false,
+  mode = "output",
+  averageIdleTimeSeconds = null
 }) => {
   const showSkeleton = isLoading || !kpis;
   const outputDifference = kpis ? kpis.outputProgress.current - kpis.outputProgress.idealOutput : 0;
@@ -46043,6 +47029,10 @@ var KPISection = React26.memo(({
   if (useSrcLayout) {
     const effChange = showSkeleton ? 0 : kpis.efficiency.change ?? 0;
     const effTrend = effChange > 0 ? "up" : effChange < 0 ? "down" : "neutral";
+    const isUptimeMode = mode === "uptime";
+    const efficiencyTitle = isUptimeMode ? "Utilization %" : "Efficiency";
+    const secondaryTitle = isUptimeMode ? "Average Idle Time" : "Output Progress";
+    const secondaryValue = isUptimeMode ? showSkeleton ? "" : formatIdleTime(averageIdleTimeSeconds ?? 0) : showSkeleton ? "" : `${kpis.outputProgress.current}/${kpis.outputProgress.target}`;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -46056,7 +47046,7 @@ var KPISection = React26.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
             KPICard,
             {
-              title: "Efficiency",
+              title: efficiencyTitle,
               value: showSkeleton ? "" : kpis.efficiency.value,
               change: effChange,
               trend: effTrend,
@@ -46070,10 +47060,10 @@ var KPISection = React26.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
             KPICard,
             {
-              title: "Output Progress",
-              value: showSkeleton ? "" : `${kpis.outputProgress.current}/${kpis.outputProgress.target}`,
+              title: secondaryTitle,
+              value: secondaryValue,
               outputDifference,
-              showOutputDetails: !showSkeleton,
+              showOutputDetails: !showSkeleton && !isUptimeMode,
               isLoading: showSkeleton
             }
           ) })
@@ -46145,7 +47135,7 @@ var KPISection = React26.memo(({
   if (prevKpis.underperformingWorkers.change !== nextKpis.underperformingWorkers.change) return false;
   if (prevKpis.outputProgress.current !== nextKpis.outputProgress.current || prevKpis.outputProgress.target !== nextKpis.outputProgress.target) return false;
   if (prevKpis.outputProgress.change !== nextKpis.outputProgress.change) return false;
-  if (prevProps.layout !== nextProps.layout || prevProps.cardVariant !== nextProps.cardVariant || prevProps.compactCards !== nextProps.compactCards || prevProps.useSrcLayout !== nextProps.useSrcLayout || prevProps.className !== nextProps.className) return false;
+  if (prevProps.layout !== nextProps.layout || prevProps.cardVariant !== nextProps.cardVariant || prevProps.compactCards !== nextProps.compactCards || prevProps.useSrcLayout !== nextProps.useSrcLayout || prevProps.className !== nextProps.className || prevProps.mode !== nextProps.mode || prevProps.averageIdleTimeSeconds !== nextProps.averageIdleTimeSeconds) return false;
   return true;
 });
 KPISection.displayName = "KPISection";
@@ -54010,6 +55000,20 @@ function HomeView({
       }
     };
   }, [kpis, kpiTrend]);
+  const selectedLineMeta = React26.useMemo(
+    () => dbLines.find((line) => line.id === selectedLineId),
+    [dbLines, selectedLineId]
+  );
+  const selectedMonitoringMode = selectedLineId === factoryViewId ? "output" : selectedLineMeta?.monitoring_mode ?? "output";
+  const isUptimeMode = selectedMonitoringMode === "uptime";
+  const averageIdleTimeSeconds = React26.useMemo(() => {
+    if (!isUptimeMode) return null;
+    const targetWorkspaces = selectedLineId === factoryViewId ? workspaceMetrics : workspaceMetrics.filter((ws) => ws.line_id === selectedLineId);
+    const idleValues = targetWorkspaces.map((ws) => ws.idle_time).filter((value) => Number.isFinite(value));
+    if (idleValues.length === 0) return 0;
+    const totalIdle = idleValues.reduce((sum, value) => sum + value, 0);
+    return totalIdle / idleValues.length;
+  }, [isUptimeMode, selectedLineId, factoryViewId, workspaceMetrics]);
   const {
     activeBreaks: allActiveBreaks,
     isLoading: breaksLoading,
@@ -54452,10 +55456,12 @@ function HomeView({
       kpis: displayKpis,
       isLoading: shouldShowKpiLoading,
       className: "w-full sm:w-auto",
-      useSrcLayout: true
+      useSrcLayout: true,
+      mode: isUptimeMode ? "uptime" : "output",
+      averageIdleTimeSeconds
     },
     "kpi-section-control"
-  ), [displayKpis, shouldShowKpiLoading]);
+  ), [displayKpis, shouldShowKpiLoading, isUptimeMode, averageIdleTimeSeconds]);
   if (isInitialLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(LoadingPageCmp, { message: "Loading Dashboard..." });
   }
@@ -55375,6 +56381,56 @@ var MetricCards = React26.memo(({
   return prevMetrics.current_output === nextMetrics.current_output && prevMetrics.line_threshold === nextMetrics.line_threshold && prevMetrics.underperforming_workspaces === nextMetrics.underperforming_workspaces && prevMetrics.total_workspaces === nextMetrics.total_workspaces && prevMetrics.avg_efficiency === nextMetrics.avg_efficiency;
 });
 MetricCards.displayName = "MetricCards";
+var LineUptimeMetricCards = React26.memo(({
+  utilizationPercent,
+  stoppages,
+  idleTimeSeconds,
+  idleTimeData,
+  showIdleTime
+}) => {
+  const utilizationText = Number.isFinite(utilizationPercent) ? utilizationPercent.toFixed(1) : "0.0";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    motion.div,
+    {
+      variants: containerVariants,
+      initial: "initial",
+      animate: "animate",
+      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 md:h-[35vh] h-auto`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 mb-2 text-center", children: "Utilization" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+            OutputProgressChart,
+            {
+              currentOutput: Number(utilizationText),
+              targetOutput: 100
+            }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 text-center mb-2", children: "Stoppages" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold text-red-600", children: stoppages }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 text-center mb-2", children: "Average Idle Time" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold ${idleTimeSeconds <= 0 ? "text-green-500" : idleTimeSeconds <= 300 ? "text-yellow-500" : "text-red-500"}`, children: formatIdleTime(idleTimeSeconds) }) })
+        ] }),
+        showIdleTime && /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 text-center mb-2", children: "Idle Time Breakdown" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            IdleTimeReasonChart,
+            {
+              data: idleTimeData?.chartData,
+              isLoading: idleTimeData?.isLoading,
+              error: idleTimeData?.error
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+});
+LineUptimeMetricCards.displayName = "LineUptimeMetricCards";
 var BottomSection = React26.memo(({
   lineInfo,
   lineId,
@@ -55536,6 +56592,116 @@ var BottomSection = React26.memo(({
   return true;
 });
 BottomSection.displayName = "BottomSection";
+var UptimeBottomSection = React26.memo(({
+  lineId,
+  workspaceData,
+  sortedByUtilization,
+  workspaceDisplayNames,
+  idleTimeData,
+  showIdleTime,
+  idleTimeHourly,
+  hourlyAggregates,
+  shiftStart,
+  shiftEnd,
+  shiftDate,
+  timezone,
+  elapsedMinutes,
+  urlDate,
+  urlShift,
+  navigate
+}) => {
+  const navigation = useNavigation();
+  const handleNavigate = navigate || navigation.navigate;
+  const handleWorkspaceClick = React26.useCallback((ws, index) => {
+    trackCoreEvent("Workspace from KPI Clicked", {
+      workspace_name: ws.workspace_name,
+      workspace_id: ws.workspace_uuid,
+      rank: index + 1,
+      total_workspaces: workspaceData.length,
+      efficiency: ws.utilization,
+      action_count: ws.action_count,
+      action_threshold: ws.action_threshold,
+      section: "Lowest Utilization Workspaces"
+    });
+  }, [workspaceData.length]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    motion.div,
+    {
+      variants: containerVariants,
+      initial: "initial",
+      animate: "animate",
+      className: "grid grid-cols-1 lg:grid-cols-5 gap-3 sm:gap-4 md:h-[calc(57vh-4rem)] h-auto md:mt-0 mt-4",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "lg:col-span-2 bg-white rounded-xl shadow-sm p-3 sm:p-4 flex flex-col overflow-hidden h-[350px] sm:h-[400px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base sm:text-lg font-bold text-gray-700 text-center flex-1", children: "Lowest Utilization Workspaces" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "p-1.5 hover:bg-gray-100 rounded-lg transition-colors cursor-pointer",
+                onClick: () => handleNavigate && handleNavigate(`/leaderboard`),
+                children: /* @__PURE__ */ jsxRuntime.jsx(outline.ArrowRightIcon, { className: "w-4 h-4 sm:w-5 sm:h-5 text-gray-500" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y overflow-auto flex-1 pr-1 sm:pr-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pb-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-3 md:gap-6", children: [
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "text-xs md:text-sm font-medium text-gray-500", children: "Stoppages" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs md:text-sm font-medium text-gray-500 pr-1 sm:pr-2", children: "Utilization" })
+            ] }),
+            sortedByUtilization.map((ws, index) => {
+              const displayName = workspaceDisplayNames && workspaceDisplayNames[ws.workspace_name] || getWorkspaceDisplayName(ws.workspace_name, lineId);
+              const navParams = ws.workspace_uuid ? getWorkspaceNavigationParams(ws.workspace_uuid, displayName, lineId) : "";
+              const dateShiftParams = urlDate ? `&date=${urlDate}&shift=${urlShift || "0"}` : "";
+              const returnToParam = `&returnTo=${encodeURIComponent(`/kpis/${lineId}`)}`;
+              const fullUrl = `/workspace/${ws.workspace_uuid}${navParams}${dateShiftParams}${returnToParam}`;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  onClick: () => {
+                    handleWorkspaceClick(ws, index);
+                    handleNavigate && handleNavigate(fullUrl);
+                  },
+                  className: "block py-2 sm:py-3 hover:bg-gray-50 transition-colors rounded-lg cursor-pointer",
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-3 md:gap-6", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-[80px] sm:min-w-[100px] md:min-w-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900 text-xs sm:text-sm md:text-base truncate", children: displayName }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs md:text-sm font-medium text-gray-900", children: ws.action_count || 0 })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs md:text-sm font-medium text-gray-900", children: [
+                      ws.utilization.toFixed(1),
+                      "%"
+                    ] })
+                  ] })
+                },
+                ws.workspace_uuid || `${ws.workspace_name}-${index}`
+              );
+            })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "lg:col-span-3 bg-white rounded-xl shadow-sm p-3 sm:p-4 flex flex-col overflow-hidden h-[350px] sm:h-[400px] md:h-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base sm:text-lg font-bold text-gray-700 mb-2 text-center", children: "Hourly Utilization" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[280px] sm:min-h-[300px] md:min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+            HourlyUptimeChart,
+            {
+              hourlyAggregates,
+              idleTimeHourly,
+              shiftStart,
+              shiftEnd,
+              shiftDate,
+              timezone,
+              elapsedMinutes
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+});
+UptimeBottomSection.displayName = "UptimeBottomSection";
 var QualityOverview = React26.memo(({ lineInfo }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-6 bg-white rounded-lg shadow-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-gray-700 mb-4", children: "Quality Overview" }),
@@ -55647,7 +56813,11 @@ var KPIDetailView = ({
   React26.useMemo(() => getCurrentTimeInZone(configuredTimezone), [configuredTimezone]);
   const { legend: efficiencyLegend } = useEfficiencyLegend(companyId);
   const supervisorEnabled = dashboardConfig?.supervisorConfig?.enabled || false;
-  const { supervisorName, supervisors } = useLineSupervisor(lineId);
+  const { supervisorName, supervisors } = useLineSupervisor(lineId, {
+    enabled: supervisorEnabled,
+    companyId: resolvedCompanyId,
+    useBackend: true
+  });
   const { displayNames: workspaceDisplayNames } = useWorkspaceDisplayNames(lineId, companyId);
   const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
   const idleTimeVlmEnabled = isIdleTimeVlmEnabled(lineId);
@@ -55675,6 +56845,25 @@ var KPIDetailView = ({
     }
     return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   }, []);
+  const resolveShiftTimes = React26.useCallback((shiftId) => {
+    if (!shiftConfig) return { start: void 0, end: void 0 };
+    const targetShiftId = shiftId ?? 0;
+    if (shiftConfig.shifts && shiftConfig.shifts.length > 0) {
+      const shift = shiftConfig.shifts.find((s) => s.shiftId === targetShiftId);
+      if (shift) {
+        return { start: shift.startTime, end: shift.endTime };
+      }
+    }
+    shiftConfig.dayShift?.id ?? 0;
+    const nightShiftId = shiftConfig.nightShift?.id ?? 1;
+    if (targetShiftId === nightShiftId && shiftConfig.nightShift) {
+      return { start: shiftConfig.nightShift.startTime, end: shiftConfig.nightShift.endTime };
+    }
+    if (shiftConfig.dayShift) {
+      return { start: shiftConfig.dayShift.startTime, end: shiftConfig.dayShift.endTime };
+    }
+    return { start: void 0, end: void 0 };
+  }, [shiftConfig]);
   const getDaysDifference2 = React26.useCallback((date) => {
     const compareDate = new Date(date);
     const shiftStartTime = shiftConfig?.dayShift?.startTime || shiftConfig?.shifts?.[0]?.startTime || "06:00";
@@ -55704,6 +56893,9 @@ var KPIDetailView = ({
     shiftId: parsedShiftId,
     enabled: !isShiftConfigLoading && (!historicalRouteRequested || historicalParamsReady)
   });
+  const resolvedMonitoringMode = lineDetails?.monitoring_mode ?? "output";
+  const isUptimeMode = resolvedMonitoringMode === "uptime";
+  const overviewTabLabel = isUptimeMode ? "Utilization" : "Efficiency";
   const {
     workspaces,
     loading: workspacesLoading,
@@ -55743,7 +56935,11 @@ var KPIDetailView = ({
       }
       setMonthlyDataLoading(true);
       Promise.all([
-        dashboardService.getLineMonthlyData(lineId, currentMonth, currentYear),
+        dashboardService.getLineMonthlyData(lineId, currentMonth, currentYear, {
+          startDate: isFullRange ? void 0 : range.startKey,
+          endDate: isFullRange ? void 0 : range.endKey,
+          shiftIds: shiftConfig?.shifts?.map((s) => s.shiftId)
+        }),
         dashboardService.getUnderperformingWorkspaces(
           lineId,
           currentMonth,
@@ -55756,6 +56952,7 @@ var KPIDetailView = ({
       ]).then(([monthlyMetrics, underperformingData]) => {
         console.log("Fetched monthly metrics data:", monthlyMetrics);
         const dayDataMap = /* @__PURE__ */ new Map();
+        const resolveMonthlyShiftTimes = (metricShiftId) => resolveShiftTimes(metricShiftId);
         monthlyMetrics.forEach((metric) => {
           const date = new Date(metric.date);
           const dateKey = date.toISOString().split("T")[0];
@@ -55768,15 +56965,40 @@ var KPIDetailView = ({
             };
             dayDataMap.set(dateKey, dayData);
           }
+          const fallbackTimes = resolveMonthlyShiftTimes(metric.shift_id);
+          const resolvedShiftStart = metric.shift_start || fallbackTimes.start;
+          const resolvedShiftEnd = metric.shift_end || fallbackTimes.end;
+          const hasBackendUptimeSeconds = isUptimeMode && (Number.isFinite(metric.active_time_seconds) || Number.isFinite(metric.idle_time_seconds) || Number.isFinite(metric.available_time_seconds));
+          const uptimeSeries2 = isUptimeMode && !hasBackendUptimeSeconds ? buildUptimeSeries({
+            idleTimeHourly: metric.idle_time_hourly || {},
+            shiftStart: resolvedShiftStart || void 0,
+            shiftEnd: resolvedShiftEnd || void 0,
+            shiftDate: metric.date,
+            timezone: configuredTimezone
+          }) : null;
+          const idleTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.idle_time_seconds || 0 : (uptimeSeries2?.idleMinutes || 0) * 60 : 0;
+          const activeTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.active_time_seconds || 0 : (uptimeSeries2?.activeMinutes || 0) * 60 : 0;
+          const availableTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metric.available_time_seconds || activeTimeSeconds + idleTimeSeconds : (uptimeSeries2?.availableMinutes || 0) * 60 : 0;
+          const computedUptimeEfficiency = (() => {
+            const availableMinutes = availableTimeSeconds / 60;
+            if (!availableMinutes || availableMinutes <= 0) return 0;
+            const idleMinutes = Math.min(Math.max(idleTimeSeconds / 60, 0), availableMinutes);
+            const productiveMinutes = Math.max(activeTimeSeconds / 60 || availableMinutes - idleMinutes, 0);
+            return Math.round(productiveMinutes / availableMinutes * 100);
+          })();
           const shiftData = {
-            avg_efficiency: metric.avg_efficiency || 0,
+            avg_efficiency: isUptimeMode ? Number.isFinite(metric.avg_efficiency) ? Number(metric.avg_efficiency) : computedUptimeEfficiency : metric.avg_efficiency || 0,
             underperforming_workspaces: metric.underperforming_workspaces || 0,
             total_workspaces: metric.total_workspaces || 0,
             output: metric.current_output || 0,
-            idealOutput: metric.ideal_output || metric.line_threshold || 0,
+            targetOutput: Number(metric.line_threshold || 0),
             compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
-            hasData: true
+            hasData: isUptimeMode ? availableTimeSeconds > 0 : true,
+            idle_time_seconds: idleTimeSeconds,
+            active_time_seconds: activeTimeSeconds,
+            available_time_seconds: availableTimeSeconds,
+            avg_idle_time_seconds: isUptimeMode ? metric.avg_idle_time_seconds || 0 : 0
           };
           dayData.shifts[metric.shift_id] = shiftData;
         });
@@ -55815,7 +57037,7 @@ var KPIDetailView = ({
         setMonthlyDataLoading(false);
       });
     }
-  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange]);
+  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange, configuredTimezone, isUptimeMode, resolveShiftTimes]);
   const analysisMonthlyData = React26.useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
@@ -55832,6 +57054,7 @@ var KPIDetailView = ({
       factory_name: lineDetails.factory.factory_name,
       shift_id: metrics2.shift_id ?? 0,
       date: metrics2.date || getOperationalDate(timezone || "UTC"),
+      monitoring_mode: lineDetails.monitoring_mode ?? void 0,
       metrics: {
         avg_efficiency: metrics2.avg_efficiency ?? 0,
         avg_cycle_time: metrics2.avg_cycle_time ?? 0,
@@ -55848,7 +57071,8 @@ var KPIDetailView = ({
         shift_start: metrics2.shift_start || "06:00",
         shift_end: metrics2.shift_end || "14:00",
         last_updated: metrics2.last_updated || (/* @__PURE__ */ new Date()).toISOString(),
-        poorest_performing_workspaces: metrics2.poorest_performing_workspaces || []
+        poorest_performing_workspaces: metrics2.poorest_performing_workspaces || [],
+        idle_time_hourly: metrics2.idle_time_hourly || null
       }
     };
   }, [metrics2, lineDetails, companyId]);
@@ -55893,6 +57117,188 @@ var KPIDetailView = ({
       date: resolvedLineInfo.date
     };
   }, [metrics2, metricsMatchRequest, resolvedLineInfo]);
+  const resolvedShiftTimes = React26.useMemo(() => {
+    if (!chartMetrics) return { start: void 0, end: void 0 };
+    const fallback = resolveShiftTimes(chartMetrics.shift_id);
+    return {
+      start: chartMetrics.shift_start || fallback.start,
+      end: chartMetrics.shift_end || fallback.end
+    };
+  }, [chartMetrics?.shift_start, chartMetrics?.shift_end, chartMetrics?.shift_id, resolveShiftTimes]);
+  const currentShiftDetails = React26.useMemo(() => {
+    if (!shiftConfig) return null;
+    return getCurrentShift(configuredTimezone, shiftConfig);
+  }, [configuredTimezone, shiftConfig]);
+  const isCurrentShiftView = React26.useMemo(() => {
+    if (!currentShiftDetails || !chartMetrics?.date || chartMetrics?.shift_id === void 0 || chartMetrics?.shift_id === null) {
+      return false;
+    }
+    return currentShiftDetails.date === chartMetrics.date && currentShiftDetails.shiftId === chartMetrics.shift_id;
+  }, [currentShiftDetails, chartMetrics?.date, chartMetrics?.shift_id]);
+  const elapsedShiftMinutes = React26.useMemo(() => {
+    if (!isCurrentShiftView || !chartMetrics) return null;
+    return getShiftElapsedMinutes({
+      shiftStart: resolvedShiftTimes.start,
+      shiftEnd: resolvedShiftTimes.end,
+      shiftDate: chartMetrics.date,
+      timezone: configuredTimezone
+    });
+  }, [isCurrentShiftView, chartMetrics, resolvedShiftTimes.start, resolvedShiftTimes.end, configuredTimezone]);
+  const uptimeSeries = React26.useMemo(() => {
+    if (!chartMetrics) {
+      return buildUptimeSeries({
+        idleTimeHourly: null,
+        shiftStart: null,
+        shiftEnd: null,
+        shiftDate: null,
+        timezone: configuredTimezone,
+        elapsedMinutes: null
+      });
+    }
+    return buildUptimeSeries({
+      idleTimeHourly: chartMetrics.idle_time_hourly,
+      shiftStart: resolvedShiftTimes.start,
+      shiftEnd: resolvedShiftTimes.end,
+      shiftDate: chartMetrics.date,
+      timezone: configuredTimezone,
+      elapsedMinutes: elapsedShiftMinutes
+    });
+  }, [chartMetrics, resolvedShiftTimes.start, resolvedShiftTimes.end, configuredTimezone, elapsedShiftMinutes]);
+  const lineUtilizationFromLine = React26.useMemo(() => {
+    const efficiencyValue = Number.isFinite(chartMetrics?.avg_efficiency) ? Number(chartMetrics?.avg_efficiency) : null;
+    if (efficiencyValue !== null) return efficiencyValue;
+    if (!uptimeSeries.availableMinutes) return 0;
+    return uptimeSeries.activeMinutes / uptimeSeries.availableMinutes * 100;
+  }, [chartMetrics?.avg_efficiency, uptimeSeries.availableMinutes, uptimeSeries.activeMinutes]);
+  const lineIdleTimeSecondsFromLine = React26.useMemo(() => uptimeSeries.idleMinutes * 60, [uptimeSeries.idleMinutes]);
+  const workspaceUptimeSummaries = React26.useMemo(() => {
+    if (!isUptimeMode || !resolvedWorkspaces || resolvedWorkspaces.length === 0) return [];
+    return resolvedWorkspaces.map((workspace) => {
+      const shiftStart = workspace.shift_start || resolvedShiftTimes.start;
+      const shiftEnd = workspace.shift_end || resolvedShiftTimes.end;
+      const shiftDate = workspace.date || chartMetrics?.date || null;
+      const shiftMinutes = getShiftDurationMinutes(shiftStart, shiftEnd) || 0;
+      const workspaceElapsedMinutes = isCurrentShiftView ? getShiftElapsedMinutes({
+        shiftStart,
+        shiftEnd,
+        shiftDate,
+        timezone: configuredTimezone
+      }) : null;
+      const uptimeSeries2 = buildUptimeSeries({
+        idleTimeHourly: workspace.idle_time_hourly,
+        shiftStart,
+        shiftEnd,
+        shiftDate,
+        timezone: configuredTimezone,
+        elapsedMinutes: workspaceElapsedMinutes
+      });
+      let activeMinutes = uptimeSeries2.activeMinutes;
+      let idleMinutes = uptimeSeries2.idleMinutes;
+      let availableMinutes = uptimeSeries2.availableMinutes;
+      let hasData = uptimeSeries2.hasData;
+      if (!hasData) {
+        const hasIdleHourlyPayload = Boolean(
+          workspace.idle_time_hourly && Object.keys(workspace.idle_time_hourly).length > 0
+        );
+        const idleTimeValue = workspace.idle_time;
+        const hasIdleTimeValue = Number.isFinite(idleTimeValue);
+        const fallbackDuration = workspaceElapsedMinutes ?? shiftMinutes;
+        if (!hasIdleHourlyPayload && hasIdleTimeValue && idleTimeValue > 0 && fallbackDuration > 0) {
+          const idleSeconds = Number(idleTimeValue);
+          const idleFromAggregate = Math.min(Math.max(idleSeconds / 60, 0), fallbackDuration);
+          idleMinutes = idleFromAggregate;
+          activeMinutes = Math.max(fallbackDuration - idleFromAggregate, 0);
+          availableMinutes = activeMinutes + idleMinutes;
+          hasData = true;
+        }
+      }
+      const efficiencyValue = Number.isFinite(workspace.efficiency) ? Number(workspace.efficiency) : null;
+      const utilization = efficiencyValue !== null ? efficiencyValue : availableMinutes > 0 ? activeMinutes / availableMinutes * 100 : 0;
+      return {
+        workspace,
+        utilization,
+        idleTimeSeconds: idleMinutes * 60,
+        activeMinutes,
+        idleMinutes,
+        availableMinutes,
+        hasData: efficiencyValue !== null || hasData || availableMinutes > 0,
+        uptimeSeries: uptimeSeries2
+      };
+    });
+  }, [
+    isUptimeMode,
+    resolvedWorkspaces,
+    resolvedShiftTimes.start,
+    resolvedShiftTimes.end,
+    chartMetrics?.date,
+    configuredTimezone,
+    isCurrentShiftView
+  ]);
+  const lineUptimeStats = React26.useMemo(() => {
+    if (!isUptimeMode) {
+      return {
+        utilizationPercent: lineUtilizationFromLine,
+        idleTimeSeconds: lineIdleTimeSecondsFromLine
+      };
+    }
+    const validSummaries = workspaceUptimeSummaries.filter((summary) => summary.hasData);
+    if (!validSummaries.length) {
+      return {
+        utilizationPercent: lineUtilizationFromLine,
+        idleTimeSeconds: lineIdleTimeSecondsFromLine
+      };
+    }
+    const avgUtilization = validSummaries.reduce((sum, summary) => sum + summary.utilization, 0) / validSummaries.length;
+    const avgIdleSeconds = validSummaries.reduce((sum, summary) => sum + summary.idleTimeSeconds, 0) / validSummaries.length;
+    return {
+      utilizationPercent: avgUtilization,
+      idleTimeSeconds: avgIdleSeconds
+    };
+  }, [isUptimeMode, workspaceUptimeSummaries, lineUtilizationFromLine, lineIdleTimeSecondsFromLine]);
+  const hourlyAggregates = React26.useMemo(() => {
+    if (!isUptimeMode || workspaceUptimeSummaries.length === 0) return null;
+    const seriesSummaries = workspaceUptimeSummaries.filter((summary) => summary.uptimeSeries.hasData && summary.uptimeSeries.points.length > 0);
+    if (!seriesSummaries.length) return null;
+    const shiftMinutes = seriesSummaries[0].uptimeSeries.shiftMinutes;
+    if (!shiftMinutes || shiftMinutes <= 0) return null;
+    const shiftDurationHours = Math.ceil(shiftMinutes / 60);
+    return Array.from({ length: shiftDurationHours }, (_, hourIndex) => {
+      const start = hourIndex * 60;
+      const end = Math.min(start + 60, shiftMinutes);
+      let totalActive = 0;
+      let totalIdle = 0;
+      let totalProductivePercent = 0;
+      let workspaceCount = 0;
+      seriesSummaries.forEach((summary) => {
+        const slice = summary.uptimeSeries.points.slice(start, end);
+        if (!slice.length) return;
+        let activeForWorkspace = 0;
+        let idleForWorkspace = 0;
+        slice.forEach((point) => {
+          if (point.status === "active") activeForWorkspace += 1;
+          if (point.status === "idle") idleForWorkspace += 1;
+        });
+        const known = activeForWorkspace + idleForWorkspace;
+        if (known > 0) {
+          workspaceCount += 1;
+          totalActive += activeForWorkspace;
+          totalIdle += idleForWorkspace;
+          totalProductivePercent += activeForWorkspace / known * 100;
+        }
+      });
+      const avgProductivePercent = workspaceCount > 0 ? totalProductivePercent / workspaceCount : 0;
+      const productivePercent = workspaceCount > 0 ? Number(avgProductivePercent.toFixed(2)) : 0;
+      const idlePercent = workspaceCount > 0 ? Math.max(0, Math.min(100, Number((100 - productivePercent).toFixed(2)))) : 0;
+      const avgIdleMinutes = workspaceCount > 0 ? totalIdle / workspaceCount : 0;
+      const avgProductiveMinutes = workspaceCount > 0 ? totalActive / workspaceCount : 0;
+      return {
+        productivePercent,
+        idlePercent,
+        idleMinutes: avgIdleMinutes,
+        productiveMinutes: avgProductiveMinutes
+      };
+    });
+  }, [isUptimeMode, workspaceUptimeSummaries]);
   const isHistoricalAwaitingParams = historicalRouteRequested && !historicalParamsReady;
   const isHistoricalAwaitingData = historicalRouteRequested && historicalParamsReady && (lineMetricsLoading || workspacesLoading);
   React26.useEffect(() => {
@@ -56058,6 +57464,10 @@ var KPIDetailView = ({
     if (!resolvedWorkspaces) return [];
     return [...resolvedWorkspaces].filter((w) => w.efficiency >= 10).sort((a, b) => (a.efficiency || 0) - (b.efficiency || 0)).slice(0, 5);
   }, [resolvedWorkspaces]);
+  const sortedByUtilization = React26.useMemo(() => {
+    if (!isUptimeMode || workspaceUptimeSummaries.length === 0) return [];
+    return [...workspaceUptimeSummaries].filter((summary) => summary.hasData).sort((a, b) => a.utilization - b.utilization).slice(0, 5).map((summary) => ({ ...summary.workspace, utilization: summary.utilization }));
+  }, [isUptimeMode, workspaceUptimeSummaries]);
   React26.useEffect(() => {
     let timeoutId;
     const suppressNotFound = isHistoricalAwaitingParams || isHistoricalAwaitingData;
@@ -56378,7 +57788,7 @@ var KPIDetailView = ({
             {
               onClick: handleOverviewClick,
               className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "overview" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
-              children: "Overview"
+              children: overviewTabLabel
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -56397,7 +57807,7 @@ var KPIDetailView = ({
               {
                 onClick: handleOverviewClick,
                 className: `px-3 py-1.5 text-sm font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "overview" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
-                children: "Efficiency"
+                children: overviewTabLabel
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -56431,6 +57841,7 @@ var KPIDetailView = ({
                   lineName: resolvedLineInfo?.line_name || "Line",
                   monthlyData,
                   analysisData: analysisMonthlyData,
+                  monitoringMode: resolvedMonitoringMode,
                   underperformingWorkspaces,
                   legend: efficiencyLegend,
                   selectedMonth: currentMonth,
@@ -56455,7 +57866,16 @@ var KPIDetailView = ({
         exit: "exit",
         className: "space-y-6 md:space-y-0",
         children: resolvedLineInfo && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsx(
+            LineUptimeMetricCards,
+            {
+              utilizationPercent: lineUptimeStats.utilizationPercent,
+              stoppages: chartMetrics?.current_output || 0,
+              idleTimeSeconds: lineUptimeStats.idleTimeSeconds,
+              idleTimeData,
+              showIdleTime: idleTimeVlmEnabled
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             MetricCards,
             {
               lineInfo: resolvedLineInfo,
@@ -56464,7 +57884,25 @@ var KPIDetailView = ({
               efficiencyLegend
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsx(
+            UptimeBottomSection,
+            {
+              lineId,
+              workspaceData: resolvedWorkspaces || [],
+              sortedByUtilization,
+              workspaceDisplayNames,
+              idleTimeHourly: chartMetrics?.idle_time_hourly,
+              hourlyAggregates,
+              shiftStart: resolvedShiftTimes.start,
+              shiftEnd: resolvedShiftTimes.end,
+              shiftDate: chartMetrics?.date,
+              timezone: configuredTimezone,
+              elapsedMinutes: elapsedShiftMinutes,
+              urlDate,
+              urlShift,
+              navigate
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             BottomSection,
             {
               lineInfo: resolvedLineInfo,
@@ -56503,6 +57941,8 @@ var KPIDetailView = ({
             rangeEnd,
             timezone: configuredTimezone,
             legend: efficiencyLegend,
+            monitoringMode: resolvedMonitoringMode,
+            shiftConfig,
             selectedShiftId,
             onShiftChange: setSelectedShiftId,
             onRangeChange: handleRangeChange,
@@ -56523,7 +57963,16 @@ var KPIDetailView = ({
         exit: "exit",
         className: "space-y-6 md:space-y-0",
         children: resolvedLineInfo && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
+          isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsx(
+            LineUptimeMetricCards,
+            {
+              utilizationPercent: lineUptimeStats.utilizationPercent,
+              stoppages: chartMetrics?.current_output || 0,
+              idleTimeSeconds: lineUptimeStats.idleTimeSeconds,
+              idleTimeData,
+              showIdleTime: idleTimeVlmEnabled
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             MetricCards,
             {
               lineInfo: resolvedLineInfo,
@@ -56532,7 +57981,25 @@ var KPIDetailView = ({
               efficiencyLegend
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsx(
+            UptimeBottomSection,
+            {
+              lineId,
+              workspaceData: resolvedWorkspaces || [],
+              sortedByUtilization,
+              workspaceDisplayNames,
+              idleTimeHourly: chartMetrics?.idle_time_hourly,
+              hourlyAggregates,
+              shiftStart: resolvedShiftTimes.start,
+              shiftEnd: resolvedShiftTimes.end,
+              shiftDate: chartMetrics?.date,
+              timezone: configuredTimezone,
+              elapsedMinutes: elapsedShiftMinutes,
+              urlDate,
+              urlShift,
+              navigate
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
             BottomSection,
             {
               lineInfo: resolvedLineInfo,
@@ -56881,7 +58348,7 @@ var LinesLeaderboard = ({
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `font-bold text-gray-900 text-center line-clamp-1 mb-1 ${isFirst ? "text-xs md:text-sm lg:text-base xl:text-lg" : "text-[10px] md:text-xs lg:text-sm xl:text-base"}`, children: item.supervisorName }),
                     /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-gray-600 text-center line-clamp-1 font-medium opacity-80 bg-white/50 px-2 md:px-3 py-0.5 rounded-full ${isFirst ? "text-[9px] md:text-[10px] lg:text-xs xl:text-sm mb-2 md:mb-3" : "text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs mb-1 md:mb-2"}`, children: item.line.line_name }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center mt-auto", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-bold uppercase tracking-widest mb-0.5 ${isFirst ? "text-yellow-700/70 text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs" : isSecond ? "text-gray-600/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]" : "text-orange-700/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]"}`, children: "Efficiency" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-bold uppercase tracking-widest mb-0.5 ${isFirst ? "text-yellow-700/70 text-[8px] md:text-[9px] lg:text-[10px] xl:text-xs" : isSecond ? "text-gray-600/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]" : "text-orange-700/70 text-[7px] md:text-[8px] lg:text-[9px] xl:text-[10px]"}`, children: viewType === "machine" ? "Utilization" : "Efficiency" }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: `font-black tracking-tight leading-none ${isFirst ? "text-lg md:text-xl lg:text-2xl xl:text-3xl text-transparent bg-clip-text bg-gradient-to-br from-yellow-600 to-yellow-800 drop-shadow-sm" : isSecond ? "text-base md:text-lg lg:text-xl xl:text-2xl text-transparent bg-clip-text bg-gradient-to-br from-gray-600 to-gray-800 drop-shadow-sm" : "text-sm md:text-base lg:text-lg xl:text-xl text-transparent bg-clip-text bg-gradient-to-br from-orange-600 to-orange-800 drop-shadow-sm"}`, children: formatEfficiency(item.efficiency) })
                     ] })
                   ] })
@@ -56898,7 +58365,7 @@ var LinesLeaderboard = ({
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider w-16", children: "Rank" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Assigned To" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Line" }),
-        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Efficiency" })
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold text-gray-500 uppercase tracking-wider", children: viewType === "machine" ? "Utilization" : "Efficiency" })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboardData.map((item) => {
         const isTopThree = item.rank <= 3;
@@ -56954,7 +58421,8 @@ var LineCard = ({
   supervisorName,
   supervisors
 }) => {
-  const isOnTrack = React26__namespace.default.useMemo(() => {
+  const isUptimeLine = (line.monitoring_mode ?? "output") === "uptime";
+  React26__namespace.default.useMemo(() => {
     if (!kpis) return null;
     return kpis.efficiency.value > 90;
   }, [kpis]);
@@ -56967,73 +58435,67 @@ var LineCard = ({
       onClick: () => onClick(kpis),
       className: "relative bg-white border border-gray-200/80 shadow-sm hover:shadow-lg \n                 rounded-xl p-4 sm:p-5 md:p-6 transition-all duration-200 cursor-pointer \n                 hover:scale-[1.01] active:scale-[0.99] group",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 sm:mb-5 md:mb-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-start gap-2 sm:gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              FittingTitle,
-              {
-                title: line.line_name,
-                className: "text-[10px] sm:text-xs md:text-sm"
-              }
-            ),
-            supervisorEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold text-gray-400 uppercase tracking-wider mb-1.5", children: "Assigned To" }),
-              supervisors && supervisors.length > 0 ? supervisors.length === 1 ? (
-                // Single supervisor - just avatar with tooltip
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-12 h-12 rounded-full bg-white border border-gray-100 shadow-sm flex-shrink-0 group/avatar hover:scale-110 transition-transform", children: [
-                  supervisors[0].profilePhotoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                    "img",
-                    {
-                      src: supervisors[0].profilePhotoUrl,
-                      alt: supervisors[0].displayName,
-                      className: "w-full h-full object-cover rounded-full"
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-50 text-base font-bold text-gray-500 uppercase rounded-full", children: getInitials(supervisors[0].displayName) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
-                    supervisors[0].displayName,
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
-                  ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 sm:mb-5 md:mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-start gap-2 sm:gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FittingTitle,
+            {
+              title: line.line_name,
+              className: "text-[10px] sm:text-xs md:text-sm"
+            }
+          ),
+          supervisorEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold text-gray-400 uppercase tracking-wider mb-1.5", children: "Assigned To" }),
+            supervisors && supervisors.length > 0 ? supervisors.length === 1 ? (
+              // Single supervisor - just avatar with tooltip
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-12 h-12 rounded-full bg-white border border-gray-100 shadow-sm flex-shrink-0 group/avatar hover:scale-110 transition-transform", children: [
+                supervisors[0].profilePhotoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "img",
+                  {
+                    src: supervisors[0].profilePhotoUrl,
+                    alt: supervisors[0].displayName,
+                    className: "w-full h-full object-cover rounded-full"
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-50 text-base font-bold text-gray-500 uppercase rounded-full", children: getInitials(supervisors[0].displayName) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
+                  supervisors[0].displayName,
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
                 ] })
-              ) : (
-                // Multiple supervisors - overlapping avatars
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-4 py-1", children: [
-                  supervisors.slice(0, 3).map((supervisor) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
-                    {
-                      className: "relative inline-block w-12 h-12 rounded-full ring-2 ring-white bg-white shadow-sm z-0 hover:z-10 transition-all hover:scale-110 group/avatar",
-                      children: [
-                        supervisor.profilePhotoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-                          "img",
-                          {
-                            src: supervisor.profilePhotoUrl,
-                            alt: supervisor.displayName,
-                            className: "w-full h-full object-cover rounded-full"
-                          }
-                        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-100 text-sm font-bold text-gray-600 uppercase rounded-full", children: getInitials(supervisor.displayName) }),
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
-                          supervisor.displayName,
-                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
-                        ] })
-                      ]
-                    },
-                    supervisor.userId
-                  )),
-                  supervisors.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-12 h-12 rounded-full ring-2 ring-white bg-gray-100 items-center justify-center text-sm font-medium text-gray-600 z-0", children: [
-                    "+",
-                    supervisors.length - 3
-                  ] })
+              ] })
+            ) : (
+              // Multiple supervisors - overlapping avatars
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex -space-x-4 py-1", children: [
+                supervisors.slice(0, 3).map((supervisor) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: "relative inline-block w-12 h-12 rounded-full ring-2 ring-white bg-white shadow-sm z-0 hover:z-10 transition-all hover:scale-110 group/avatar",
+                    children: [
+                      supervisor.profilePhotoUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                        "img",
+                        {
+                          src: supervisor.profilePhotoUrl,
+                          alt: supervisor.displayName,
+                          className: "w-full h-full object-cover rounded-full"
+                        }
+                      ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-100 text-sm font-bold text-gray-600 uppercase rounded-full", children: getInitials(supervisor.displayName) }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-gray-900 text-white text-[10px] font-medium rounded shadow-lg opacity-0 group-hover/avatar:opacity-100 transition-opacity whitespace-nowrap pointer-events-none z-20", children: [
+                        supervisor.displayName,
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-[1px] border-4 border-transparent border-t-gray-900" })
+                      ] })
+                    ]
+                  },
+                  supervisor.userId
+                )),
+                supervisors.length > 3 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-12 h-12 rounded-full ring-2 ring-white bg-gray-100 items-center justify-center text-sm font-medium text-gray-600 z-0", children: [
+                  "+",
+                  supervisors.length - 3
                 ] })
-              ) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
-                "Supervisor: ",
-                supervisorName || "Unassigned"
               ] })
+            ) : /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
+              "Supervisor: ",
+              supervisorName || "Unassigned"
             ] })
-          ] }),
-          kpis && isOnTrack !== null && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1.5 px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-xs font-medium flex-shrink-0 ${isOnTrack ? "bg-emerald-100 text-emerald-700 border border-emerald-200" : "bg-red-100 text-red-700 border border-red-200"}`, style: { minWidth: "fit-content" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-2 h-2 rounded-full ${isOnTrack ? "bg-emerald-500" : "bg-red-500"} animate-pulse` }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: isOnTrack ? "On Track" : "Behind" })
           ] })
-        ] }) }),
+        ] }) }) }),
         isLoading && !kpis && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
@@ -57051,7 +58513,7 @@ var LineCard = ({
         error && !kpis && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Unable to load metrics" }) }),
         kpis && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 sm:space-y-5 pb-8 sm:pb-10", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: "Efficiency" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeLine ? "Utilization" : "Efficiency" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-2xl sm:text-3xl font-semibold text-gray-900", children: [
                 kpis.efficiency.value.toFixed(1),
@@ -57065,16 +58527,16 @@ var LineCard = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: "Output Progress" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeLine ? "Stoppages" : "Output Progress" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between mb-2 sm:mb-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl sm:text-2xl font-semibold text-gray-900", children: kpis.outputProgress.current }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm text-gray-500 font-medium", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${isUptimeLine ? "text-2xl sm:text-3xl font-bold text-red-600" : "text-xl sm:text-2xl font-semibold text-gray-900"}`, children: kpis.outputProgress.current }),
+              !isUptimeLine && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm text-gray-500 font-medium", children: [
                 "/ ",
                 kpis.outputProgress.target,
                 " units"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-200 rounded-full h-2 sm:h-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+            !isUptimeLine && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-200 rounded-full h-2 sm:h-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
                 className: "bg-blue-600 h-2 sm:h-2.5 rounded-full transition-all duration-500 ease-out",
@@ -57150,6 +58612,38 @@ var KPIsOverviewView = ({
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return leaderboardLines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [leaderboardLines, viewType]);
+  const linesForView = React26__namespace.default.useMemo(() => {
+    const targetMode = viewType === "machine" ? "uptime" : "output";
+    return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
+  }, [lines, viewType]);
+  const relevantLinesForMode = React26__namespace.default.useMemo(() => {
+    if (activeTab === "leaderboard") {
+      return leaderboardLines.length > 0 ? leaderboardLines : lines;
+    }
+    return lines;
+  }, [activeTab, leaderboardLines, lines]);
+  const { hasUptime, hasOutput } = React26__namespace.default.useMemo(() => {
+    let uptime = false;
+    let output = false;
+    for (const line of relevantLinesForMode) {
+      const mode = line.monitoring_mode ?? "output";
+      if (mode === "uptime") {
+        uptime = true;
+      } else {
+        output = true;
+      }
+      if (uptime && output) break;
+    }
+    return { hasUptime: uptime, hasOutput: output };
+  }, [relevantLinesForMode]);
+  const showViewTypeDropdown = hasUptime && hasOutput;
+  React26.useEffect(() => {
+    if (hasUptime && !hasOutput && viewType !== "machine") {
+      setViewType("machine");
+    } else if (hasOutput && !hasUptime && viewType !== "operator") {
+      setViewType("operator");
+    }
+  }, [hasUptime, hasOutput, viewType]);
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
   const currentShiftDate = currentShiftDetails.date;
   const currentShiftId = currentShiftDetails.shiftId;
@@ -57822,7 +59316,7 @@ var KPIsOverviewView = ({
               }
             )
           ] }),
-          activeTab === "leaderboard" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          (activeTab === "leaderboard" || activeTab === "today") && showViewTypeDropdown && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
             "select",
             {
               value: viewType,
@@ -57830,7 +59324,7 @@ var KPIsOverviewView = ({
               className: "appearance-none pl-3 pr-8 py-1.5 text-sm font-medium bg-white border border-gray-200 hover:border-gray-300 rounded-lg text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all cursor-pointer shadow-sm",
               style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "operator", children: "Operator" }),
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "operator", children: "Workforce" }),
                 /* @__PURE__ */ jsxRuntime.jsx("option", { value: "machine", children: "Machine" })
               ]
             }
@@ -57840,7 +59334,7 @@ var KPIsOverviewView = ({
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: `flex-1 p-3 sm:p-4 md:p-6 bg-slate-50 ${activeTab === "leaderboard" ? "overflow-hidden flex flex-col" : "overflow-y-auto"}`, children: activeTab === "today" ? (
       /* Line Cards Grid */
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: linesForView.map((line) => /* @__PURE__ */ jsxRuntime.jsx(
         LineCard,
         {
           line,
@@ -57947,7 +59441,8 @@ var MobileWorkspaceCard = React26.memo(({
   rank,
   cardClass,
   onWorkspaceClick,
-  getMedalIcon
+  getMedalIcon,
+  efficiencyLabel
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   motion.div,
   {
@@ -57975,12 +59470,12 @@ var MobileWorkspaceCard = React26.memo(({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-bold text-gray-900", children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: "Efficiency" })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: efficiencyLabel })
       ] })
     ] })
   }
 ), (prevProps, nextProps) => {
-  return prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.efficiencyLabel === nextProps.efficiencyLabel && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
 var DesktopWorkspaceRow = React26.memo(({
@@ -58169,6 +59664,39 @@ var LeaderboardDetailView = React26.memo(({
     }
     return allLineIds;
   }, [entityConfig, userAccessibleLineIds]);
+  const { hasUptime: lineModeHasUptime, hasOutput: lineModeHasOutput } = React26.useMemo(() => {
+    if (!lines || lines.length === 0) {
+      return { hasUptime: false, hasOutput: false };
+    }
+    if (selectedLineFilter !== "all") {
+      const selectedLine = lines.find((line) => line.id === selectedLineFilter);
+      if (!selectedLine) {
+        return { hasUptime: false, hasOutput: false };
+      }
+      const mode = selectedLine.monitoring_mode ?? "output";
+      return { hasUptime: mode === "uptime", hasOutput: mode !== "uptime" };
+    }
+    let uptime = false;
+    let output = false;
+    for (const line of lines) {
+      const mode = line.monitoring_mode ?? "output";
+      if (mode === "uptime") {
+        uptime = true;
+      } else {
+        output = true;
+      }
+      if (uptime && output) break;
+    }
+    return { hasUptime: uptime, hasOutput: output };
+  }, [lines, selectedLineFilter]);
+  const showViewTypeDropdown = lineModeHasUptime && lineModeHasOutput;
+  React26.useEffect(() => {
+    if (lineModeHasUptime && !lineModeHasOutput && viewType !== "machine") {
+      setViewType("machine");
+    } else if (lineModeHasOutput && !lineModeHasUptime && viewType !== "operator") {
+      setViewType("operator");
+    }
+  }, [lineModeHasUptime, lineModeHasOutput, viewType]);
   const lineKey = React26.useMemo(() => {
     if (configuredLineIds.length === 0) {
       return "all";
@@ -58628,6 +60156,7 @@ var LeaderboardDetailView = React26.memo(({
       error.message
     ] }) });
   }
+  const efficiencyLabel = viewType === "machine" ? "Utilization" : "Efficiency";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0 z-20 bg-white shadow-sm border-b border-gray-200/80", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 sm:px-6 md:px-8 py-2 sm:py-2.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
@@ -58677,7 +60206,7 @@ var LeaderboardDetailView = React26.memo(({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Efficiency" }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: efficiencyLabel }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
               "select",
               {
@@ -58814,7 +60343,7 @@ var LeaderboardDetailView = React26.memo(({
                 showLabel: false
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            showViewTypeDropdown && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
               "select",
               {
                 value: viewType,
@@ -58822,7 +60351,7 @@ var LeaderboardDetailView = React26.memo(({
                 className: "appearance-none pl-3 pr-8 py-1.5 text-sm font-medium bg-white border border-gray-200 hover:border-gray-300 rounded-lg text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all cursor-pointer shadow-sm",
                 style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "operator", children: "Operator" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("option", { value: "operator", children: "Workforce" }),
                   /* @__PURE__ */ jsxRuntime.jsx("option", { value: "machine", children: "Machine" })
                 ]
               }
@@ -58856,7 +60385,8 @@ var LeaderboardDetailView = React26.memo(({
           rank,
           cardClass,
           onWorkspaceClick: stableHandleWorkspaceClick,
-          getMedalIcon: stableGetMedalIcon
+          getMedalIcon: stableGetMedalIcon,
+          efficiencyLabel
         },
         ws.workspace_uuid
       );
@@ -58867,7 +60397,7 @@ var LeaderboardDetailView = React26.memo(({
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Rank" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Workspace" }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Line" }),
-          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: "Efficiency" })
+          /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-3 py-2.5 sm:p-4 text-left text-xs sm:text-sm font-semibold text-gray-600 whitespace-nowrap", children: efficiencyLabel })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-100", children: sortedWorkspaces.map((ws, index) => {
           const isTopThree = index < 3;
@@ -62018,7 +63548,7 @@ var WorkspaceDetailView = ({
       date: cachedOverviewMetrics.date,
       shift_id: cachedOverviewMetrics.shift_id,
       action_name: "",
-      monitoring_mode: "output",
+      monitoring_mode: cachedOverviewMetrics.monitoring_mode ?? "output",
       shift_start: shiftDefinition?.startTime || "",
       shift_end: shiftDefinition?.endTime || "",
       shift_type: shiftType,
@@ -62034,7 +63564,7 @@ var WorkspaceDetailView = ({
       total_workspaces: 0,
       ideal_output_until_now: idealOutput,
       output_difference: totalActions - idealOutput,
-      idle_time: 0,
+      idle_time: Number(cachedOverviewMetrics.idle_time || 0),
       idle_time_hourly: void 0
     };
   }, [cachedOverviewMetrics, shiftConfig?.shifts]);
@@ -62213,16 +63743,39 @@ var WorkspaceDetailView = ({
         };
         dayDataMap.set(dateKey, dayEntry);
       }
+      const idleTimeSecondsRaw = Number.isFinite(metric.idle_time_seconds) ? Number(metric.idle_time_seconds) : Number.isFinite(metric.idle_time) ? Number(metric.idle_time) : 0;
+      const activeTimeSeconds = Number.isFinite(metric.active_time_seconds) ? Number(metric.active_time_seconds) : void 0;
+      let availableTimeSeconds = Number.isFinite(metric.available_time_seconds) ? Number(metric.available_time_seconds) : void 0;
+      if (availableTimeSeconds === void 0) {
+        const activeFallback = activeTimeSeconds ?? 0;
+        if (activeFallback > 0 || idleTimeSecondsRaw > 0) {
+          availableTimeSeconds = activeFallback + idleTimeSecondsRaw;
+        }
+      }
+      const idleTimeSeconds = idleTimeSecondsRaw;
+      const computedUptimeEfficiency = (() => {
+        const availableMinutes = (availableTimeSeconds ?? 0) / 60;
+        if (!availableMinutes || availableMinutes <= 0) return 0;
+        const idleMinutes = Math.min(Math.max(idleTimeSeconds / 60, 0), availableMinutes);
+        const productiveMinutes = Math.max(
+          (activeTimeSeconds ?? 0) / 60 || availableMinutes - idleMinutes,
+          0
+        );
+        return Math.round(productiveMinutes / availableMinutes * 100);
+      })();
       const shiftData = {
-        efficiency: metric.avg_efficiency || 0,
+        efficiency: monitoringMode === "uptime" ? Number.isFinite(metric.avg_efficiency) ? Number(metric.avg_efficiency) : computedUptimeEfficiency : Number.isFinite(metric.avg_efficiency) ? Number(metric.avg_efficiency) : 0,
         output: metric.total_output || 0,
         cycleTime: metric.avg_cycle_time || 0,
         pph: metric.avg_pph || 0,
         pphThreshold: metric.pph_threshold || 0,
-        idealOutput: metric.ideal_output || 0,
+        idealOutput: Number(metric.ideal_output || 0),
+        targetOutput: Number(metric.total_day_output || 0),
         rank: metric.workspace_rank || 0,
-        idleTime: metric.idle_time || 0,
-        hasData: true
+        idleTime: idleTimeSeconds || 0,
+        activeTimeSeconds,
+        availableTimeSeconds,
+        hasData: monitoringMode === "uptime" ? Boolean(availableTimeSeconds && availableTimeSeconds > 0) : true
       };
       dayEntry.shifts[metric.shift_id] = shiftData;
     });
@@ -62235,7 +63788,7 @@ var WorkspaceDetailView = ({
       sample: processedData.slice(0, 1)
     });
     setMonthlyData(processedData);
-  }, []);
+  }, [monitoringMode]);
   React26.useEffect(() => {
     if (activeTab === "monthly_history" && workspaceId) {
       if (!supabase || !dashboardConfig || !dashboardConfig.supabaseUrl || !dashboardConfig.supabaseKey) {
@@ -69473,6 +71026,8 @@ exports.awardsService = awardsService;
 exports.buildDateKey = buildDateKey;
 exports.buildKPIsFromLineMetricsRow = buildKPIsFromLineMetricsRow;
 exports.buildShiftGroupsKey = buildShiftGroupsKey;
+exports.captureSentryException = captureSentryException;
+exports.captureSentryMessage = captureSentryMessage;
 exports.checkRateLimit = checkRateLimit2;
 exports.clearAllRateLimits = clearAllRateLimits2;
 exports.clearRateLimit = clearRateLimit2;