@optifye/dashboard-core 6.12.5 → 6.12.6

package/dist/index.js

@@ -21902,6 +21902,24 @@ var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig, li
   return fullName;
 };
 
+// src/lib/utils/efficiencyValidity.ts
+var MIN_VALID_OUTPUT_EFFICIENCY = 5;
+var MIN_VALID_UPTIME_EFFICIENCY = 1;
+var normalizeMonitoringMode = (mode) => String(mode ?? "").trim().toLowerCase() === "uptime" ? "uptime" : "output";
+var toFiniteNumberOrNull = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var isValidAggregateEfficiency = (monitoringMode, efficiency) => {
+  const value = toFiniteNumberOrNull(efficiency);
+  if (value === null) return false;
+  return normalizeMonitoringMode(monitoringMode) === "uptime" ? value >= MIN_VALID_UPTIME_EFFICIENCY : value >= MIN_VALID_OUTPUT_EFFICIENCY;
+};
+
 // src/lib/utils/kpis.ts
 var toNumber = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -21957,7 +21975,9 @@ var buildKPIsFromLineMetricsRow = (row) => {
 };
 var aggregateKPIsFromLineMetricsRows = (rows) => {
   if (!rows || rows.length === 0) return createDefaultKPIs();
-  const eligibleRows = rows.filter((row) => toNumber(row?.avg_efficiency) >= 5);
+  const eligibleRows = rows.filter(
+    (row) => isValidAggregateEfficiency(row?.monitoring_mode ?? row?.monitoringMode, row?.avg_efficiency)
+  );
   if (eligibleRows.length === 0) return createDefaultKPIs();
   const currentOutputSum = eligibleRows.reduce((sum, row) => sum + toNumber(row.current_output), 0);
   const lineThresholdSum = eligibleRows.reduce(
@@ -37285,8 +37305,8 @@ var HourlyOutputChart = React144__namespace.default.memo(
 HourlyOutputChart.displayName = "HourlyOutputChart";
 
 // src/components/dashboard/grid/videoGridMetricUtils.ts
+var VIDEO_GRID_LEGEND_LABEL = "Real-Time efficiency";
 var MAP_GRID_LEGEND_LABEL = "Efficiency";
-var MIXED_VIDEO_GRID_LEGEND_LABEL = "Live Efficiency";
 var isFiniteNumber2 = (value) => typeof value === "number" && Number.isFinite(value);
 var isVideoGridRecentFlowEnabled = (workspace) => isRecentFlowVideoGridMetricMode(
   workspace.video_grid_metric_mode,
@@ -37298,7 +37318,7 @@ var isVideoGridWipGated = (workspace) => isWipGatedVideoGridMetricMode(
 );
 var hasVideoGridRecentFlow = (workspace) => isVideoGridRecentFlowEnabled(workspace) && isFiniteNumber2(workspace.recent_flow_percent);
 var isVideoGridRecentFlowUnavailable = (workspace) => isVideoGridRecentFlowEnabled(workspace) && !hasVideoGridRecentFlow(workspace);
-var getVideoGridMetricValue = (workspace) => {
+var getRawVideoGridMetricValue = (workspace) => {
   const recentFlowPercent = workspace.recent_flow_percent;
   if (hasVideoGridRecentFlow(workspace) && isFiniteNumber2(recentFlowPercent)) {
     return recentFlowPercent;
@@ -37310,7 +37330,7 @@ var getVideoGridMetricValue = (workspace) => {
 };
 var hasIncomingWipMapping = (workspace) => Boolean(workspace.incoming_wip_buffer_name);
 var getVideoGridBaseColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
-  const metricValue = getVideoGridMetricValue(workspace);
+  const metricValue = getRawVideoGridMetricValue(workspace);
   if (!isFiniteNumber2(metricValue)) {
     return "neutral";
   }
@@ -37334,6 +37354,25 @@ var isLowWipGreenOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   }
   return isFiniteNumber2(workspace.incoming_wip_current) && workspace.incoming_wip_current <= 1;
 };
+var isHighEfficiencyRedFlowOverride = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  if (workspace.scheduled_break_active === true) {
+    return false;
+  }
+  if (workspace.recent_flow_forced_zero_after_shift === true) {
+    return false;
+  }
+  if (!hasVideoGridRecentFlow(workspace) || !isVideoGridWipGated(workspace)) {
+    return false;
+  }
+  if (isLowWipGreenOverride(workspace, legend)) {
+    return false;
+  }
+  if (getVideoGridBaseColorState(workspace, legend) !== "red") {
+    return false;
+  }
+  return isFiniteNumber2(workspace.efficiency) && workspace.efficiency > 100;
+};
+var getVideoGridMetricValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => isHighEfficiencyRedFlowOverride(workspace, legend) ? workspace.efficiency : getRawVideoGridMetricValue(workspace);
 var toMinuteBucket = (minuteBucket) => Number.isFinite(minuteBucket) ? Math.floor(minuteBucket) : Math.floor(Date.now() / 6e4);
 var getEffectiveFlowMinuteBucket = (workspace) => {
   const effectiveAt = workspace.recent_flow_effective_end_at;
@@ -37359,7 +37398,7 @@ var getSyntheticLowWipDisplayValue = (workspace, minuteBucket) => {
   const offset = (hashWorkspaceKey(workspace) % 11 + bucket % 11 + 11) % 11;
   return 100 + offset;
 };
-var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace);
+var getVideoGridDisplayValue = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND, minuteBucket) => isLowWipGreenOverride(workspace, legend) ? getSyntheticLowWipDisplayValue(workspace, minuteBucket) : getVideoGridMetricValue(workspace, legend);
 var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) => {
   const baseColor = getVideoGridBaseColorState(workspace, legend);
   if (!hasVideoGridRecentFlow(workspace)) {
@@ -37371,15 +37410,18 @@ var getVideoGridColorState = (workspace, legend = DEFAULT_EFFICIENCY_LEGEND) =>
   if (baseColor !== "red") {
     return baseColor;
   }
+  if (isLowWipGreenOverride(workspace, legend)) {
+    return "green";
+  }
+  if (isHighEfficiencyRedFlowOverride(workspace, legend)) {
+    return getEfficiencyColor(workspace.efficiency, legend);
+  }
   if (!hasIncomingWipMapping(workspace)) {
     return baseColor;
   }
   if (!isFiniteNumber2(workspace.incoming_wip_current)) {
     return "neutral";
   }
-  if (isLowWipGreenOverride(workspace, legend)) {
-    return "green";
-  }
   return baseColor;
 };
 var getVideoGridLegendLabel = (workspaces) => {
@@ -37387,21 +37429,7 @@ var getVideoGridLegendLabel = (workspaces) => {
   if (visibleWorkspaces.length === 0) {
     return MAP_GRID_LEGEND_LABEL;
   }
-  const recentFlowEnabledCount = visibleWorkspaces.filter(isVideoGridRecentFlowEnabled).length;
-  if (recentFlowEnabledCount === 0) {
-    return MAP_GRID_LEGEND_LABEL;
-  }
-  const recentFlowWindows = new Set(
-    visibleWorkspaces.filter(isVideoGridRecentFlowEnabled).map((workspace) => workspace.recent_flow_window_minutes ?? 7).filter((value) => typeof value === "number" && Number.isFinite(value))
-  );
-  if (recentFlowEnabledCount === visibleWorkspaces.length) {
-    if (recentFlowWindows.size === 1) {
-      const [windowMinutes] = Array.from(recentFlowWindows);
-      return `${windowMinutes} Minute Efficiency`;
-    }
-    return MIXED_VIDEO_GRID_LEGEND_LABEL;
-  }
-  return MIXED_VIDEO_GRID_LEGEND_LABEL;
+  return visibleWorkspaces.some(isVideoGridRecentFlowEnabled) ? VIDEO_GRID_LEGEND_LABEL : MAP_GRID_LEGEND_LABEL;
 };
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
@@ -37444,14 +37472,15 @@ var VideoCard = React144__namespace.default.memo(({
   const showOffline = Boolean(isStreamStale);
   const lastSeenText = lastSeenLabel || "Unknown";
   const workspaceDisplayName = displayName || workspace.displayName || workspace.workspace_name;
-  const videoGridMetricValue = getVideoGridMetricValue(workspace);
+  const videoGridMetricValue = getVideoGridMetricValue(workspace, effectiveLegend);
   const videoGridDisplayValue = getVideoGridDisplayValue(workspace, effectiveLegend, displayMinuteBucket);
   const videoGridColorState = getVideoGridColorState(workspace, effectiveLegend);
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
+  const isHighEfficiencyOverride = isHighEfficiencyRedFlowOverride(workspace, effectiveLegend);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
   const hasBarMetric = typeof videoGridMetricValue === "number" && Number.isFinite(videoGridMetricValue);
   const shouldRenderMetricBadge = hasDisplayMetric;
-  const badgeTitle = hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
+  const badgeTitle = isHighEfficiencyOverride ? `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%` : hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
   const badgeLabel = `${Math.round(videoGridDisplayValue ?? 0)}%`;
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
@@ -43288,6 +43317,21 @@ var parseCycleTime = (value) => {
 var extractCycleTimeSeconds = (clip) => {
   return parseCycleTime(clip?.cycleTimeSeconds) ?? parseCycleTime(clip?.cycle_time_seconds) ?? parseCycleTime(clip?.duration) ?? parseCycleTime(clip?.original_task_metadata?.cycle_time) ?? null;
 };
+var formatDurationLabel = (seconds) => {
+  if (typeof seconds !== "number" || !Number.isFinite(seconds) || seconds <= 0) {
+    return null;
+  }
+  const roundedSeconds = Math.round(seconds);
+  if (roundedSeconds < 60) {
+    return `${roundedSeconds}s`;
+  }
+  const minutes = Math.floor(roundedSeconds / 60);
+  const remainingSeconds = roundedSeconds % 60;
+  if (minutes < 10) {
+    return remainingSeconds > 0 ? `${minutes}m ${remainingSeconds}s` : `${minutes}m`;
+  }
+  return `${Math.round(roundedSeconds / 60)} min`;
+};
 var getSeverityIcon = (severity, categoryId, cycleTimeSeconds, targetCycleTime, clipId) => {
   if (categoryId === "idle_time" || categoryId === "low_value" || categoryId === "longest-idles") {
     return null;
@@ -43363,7 +43407,9 @@ var FileManagerFilters = ({
   idleTimeVlmEnabled = false,
   showPercentileCycleFilters = true,
   prefetchedClipMetadata,
-  activeCategoryLoading
+  activeCategoryLoading,
+  idleClipSort = "latest",
+  onIdleClipSortChange
 }) => {
   const [expandedNodes, setExpandedNodes] = React144.useState(/* @__PURE__ */ new Set());
   const [startTime, setStartTime] = React144.useState("");
@@ -43386,6 +43432,7 @@ var FileManagerFilters = ({
   const [localClipClassifications, setLocalClipClassifications] = React144.useState({});
   const clipMetadataRef = React144.useRef({});
   const inFlightMetadataRequestsRef = React144.useRef(/* @__PURE__ */ new Set());
+  const previousIdleClipSortRef = React144.useRef(idleClipSort);
   const mergedClipClassifications = React144.useMemo(() => ({
     ...clipClassifications || {},
     ...localClipClassifications
@@ -43393,6 +43440,36 @@ var FileManagerFilters = ({
   React144.useEffect(() => {
     clipMetadataRef.current = clipMetadata;
   }, [clipMetadata]);
+  React144.useEffect(() => {
+    if (previousIdleClipSortRef.current === idleClipSort) {
+      return;
+    }
+    previousIdleClipSortRef.current = idleClipSort;
+    setClipMetadata((prev) => {
+      if (!prev.idle_time) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+    setCategoryPages((prev) => {
+      if (prev.idle_time === void 0) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+    setCategoryHasMore((prev) => {
+      if (prev.idle_time === void 0) {
+        return prev;
+      }
+      const next = { ...prev };
+      delete next.idle_time;
+      return next;
+    });
+  }, [idleClipSort]);
   const isCategoryExternallyManaged = React144.useCallback((categoryId) => {
     if (!categoryId) {
       return false;
@@ -43551,6 +43628,7 @@ var FileManagerFilters = ({
       return null;
     }
   }, [supabase]);
+  const getMetadataLoadingKey = React144.useCallback((categoryId, page) => `${categoryId}-${page}-${categoryId === "idle_time" ? idleClipSort : "latest"}`, [idleClipSort]);
   const fetchClipMetadataPage = React144.useCallback(async (categoryId, page = 1) => {
     if (!workspaceId || !date || shift === void 0) {
       throw new Error("Missing required params for clip metadata fetch");
@@ -43570,7 +43648,8 @@ var FileManagerFilters = ({
         limit: CLIP_METADATA_PAGE_SIZE,
         knownTotal: typeof counts?.[categoryId] === "number" ? counts[categoryId] : null,
         snapshotDateTime,
-        snapshotClipId
+        snapshotClipId,
+        sort: categoryId === "idle_time" ? idleClipSort : "latest"
       }),
       redirectReason: "session_expired"
     });
@@ -43578,7 +43657,7 @@ var FileManagerFilters = ({
       throw new Error(`API error: ${response.status}`);
     }
     return response.json();
-  }, [workspaceId, date, shift, counts, snapshotDateTime, snapshotClipId, supabase]);
+  }, [workspaceId, date, shift, counts, snapshotDateTime, snapshotClipId, idleClipSort, supabase]);
   const seedIdleClassifications = React144.useCallback(async (clips) => {
     if (!idleTimeVlmEnabled || clips.length === 0) {
       return;
@@ -43634,7 +43713,7 @@ var FileManagerFilters = ({
       console.warn("[FileManager] Missing required params for clip metadata fetch");
       return;
     }
-    const loadingKey = `${categoryId}-${page}`;
+    const loadingKey = getMetadataLoadingKey(categoryId, page);
     if (inFlightMetadataRequestsRef.current.has(loadingKey)) {
       return;
     }
@@ -43662,7 +43741,7 @@ var FileManagerFilters = ({
         return newSet;
       });
     }
-  }, [workspaceId, date, shift, fetchClipMetadataPage, idleTimeVlmEnabled, seedIdleClassifications]);
+  }, [workspaceId, date, shift, fetchClipMetadataPage, idleTimeVlmEnabled, seedIdleClassifications, getMetadataLoadingKey]);
   const ensureAllIdleTimeClipMetadataLoaded = React144.useCallback(async () => {
     if (!workspaceId || !date || shift === void 0) {
       return;
@@ -44036,15 +44115,17 @@ var FileManagerFilters = ({
         const colorClasses = getColorClasses(category.color);
         const clipNodes = filteredClips.map((clip, index) => {
           const cycleTime = extractCycleTimeSeconds(clip);
+          const idleDuration = category.id === "idle_time" ? clip.idle_duration_seconds ?? clip.duration : null;
+          const idleDurationLabel = formatDurationLabel(idleDuration);
           const baseTimeLabel = formatClipExplorerTimeLabel({
             categoryId: category.id,
             clipTimestamp: clip.clip_timestamp,
             timezone,
-            durationSeconds: clip.duration,
+            durationSeconds: idleDuration ?? clip.duration,
             idleStartTime: clip.idle_start_time,
             idleEndTime: clip.idle_end_time
           });
-          const displayLabel = `${baseTimeLabel}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
+          const displayLabel = `${baseTimeLabel}${idleDurationLabel && category.id === "idle_time" ? ` - (${idleDurationLabel})` : ""}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
           return {
             id: clip.id,
             label: displayLabel,
@@ -44058,7 +44139,7 @@ var FileManagerFilters = ({
             clipPosition: index + 1,
             // Store 1-based position
             cycleTimeSeconds: cycleTime,
-            duration: clip.duration,
+            duration: idleDuration ?? clip.duration,
             // Store duration for custom badge rendering
             cycleItemCount: clip.cycle_item_count ?? null
           };
@@ -44380,11 +44461,11 @@ var FileManagerFilters = ({
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
           "Loading clips..."
         ] }) }),
-        loadingCategories.has(`${node.id}-${(categoryPages[node.id] || 0) + 1}`) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 px-3 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center text-sm text-slate-500", children: [
+        loadingCategories.has(getMetadataLoadingKey(node.id, (categoryPages[node.id] || 0) + 1)) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 px-3 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center text-sm text-slate-500", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin mr-2 h-4 w-4 border-2 border-slate-300 border-t-blue-500 rounded-full" }),
           "Loading more clips..."
         ] }) }),
-        categoryHasMore[node.id] && !loadingCategories.has(`${node.id}-${(categoryPages[node.id] || 0) + 1}`) && /* @__PURE__ */ jsxRuntime.jsxs(
+        categoryHasMore[node.id] && !loadingCategories.has(getMetadataLoadingKey(node.id, (categoryPages[node.id] || 0) + 1)) && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
             onClick: (e) => {
@@ -44411,6 +44492,18 @@ var FileManagerFilters = ({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-slate-900 tracking-tight", children: "Clips Explorer" }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+          activeFilter === "idle_time" && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => {
+                onIdleClipSortChange?.(idleClipSort === "latest" ? "idle_duration_desc" : "latest");
+              },
+              className: `p-2 rounded-xl transition-all duration-200 ${idleClipSort === "idle_duration_desc" ? "bg-orange-100 text-orange-600 hover:bg-orange-200 shadow-sm" : "bg-slate-100 text-slate-600 hover:bg-slate-200"}`,
+              title: idleClipSort === "idle_duration_desc" ? "Sort by newest first" : "Sort by longest idle first",
+              "aria-label": idleClipSort === "idle_duration_desc" ? "Sort idle clips by newest first" : "Sort idle clips by longest idle first",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownWideNarrow, { className: "h-5 w-5" })
+            }
+          ),
           activeFilter === "idle_time" && idleTimeVlmEnabled && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -44431,8 +44524,8 @@ var FileManagerFilters = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 mt-3", children: [
-        isTimeFilterActive && startTime && endTime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-blue-600 bg-blue-50/60 px-3 py-1.5 rounded-lg border border-blue-100", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: [
+        isTimeFilterActive && startTime && endTime && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-blue-100 bg-blue-50/70 px-2.5 py-1 text-xs text-blue-700 shadow-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
             "Time: ",
             getDisplayValue(startTime),
@@ -44448,13 +44541,13 @@ var FileManagerFilters = ({
                 setEndTime("");
                 setIsTimeFilterActive(false);
               },
-              className: "ml-2 hover:bg-blue-100 rounded p-0.5 transition-colors",
+              className: "rounded-full p-0.5 transition-colors hover:bg-blue-100",
               title: "Clear time filter",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        idleLabelFilter && activeFilter === "idle_time" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-purple-600 bg-purple-50/60 px-3 py-1.5 rounded-lg border border-purple-100", children: [
+        idleLabelFilter && activeFilter === "idle_time" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-purple-100 bg-purple-50/70 px-2.5 py-1 text-xs text-purple-700 shadow-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
             "Reason: ",
             selectedIdleReasonOption?.displayName || idleLabelFilter.replace(/_/g, " ")
@@ -44466,11 +44559,27 @@ var FileManagerFilters = ({
                 e.stopPropagation();
                 setIdleLabelFilter(null);
               },
-              className: "ml-2 hover:bg-purple-100 rounded p-0.5 transition-colors",
+              className: "rounded-full p-0.5 transition-colors hover:bg-purple-100",
               title: "Clear label filter",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
             }
           )
+        ] }),
+        activeFilter === "idle_time" && idleClipSort === "idle_duration_desc" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex w-fit items-center gap-2 rounded-full border border-orange-100 bg-orange-50/70 px-2.5 py-1 text-xs text-orange-700 shadow-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownWideNarrow, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Longest idle first" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                onIdleClipSortChange?.("latest");
+              },
+              className: "rounded-full p-0.5 transition-colors hover:bg-orange-100",
+              title: "Clear idle sort",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
+            }
+          )
         ] })
       ] })
     ] }),
@@ -45234,8 +45343,10 @@ var BottlenecksContent = ({
   const [clipClassifications, setClipClassifications] = React144.useState({});
   const [categoryMetadata, setCategoryMetadata] = React144.useState([]);
   const [categoryMetadataCategoryId, setCategoryMetadataCategoryId] = React144.useState(null);
+  const [categoryMetadataSort, setCategoryMetadataSort] = React144.useState(null);
   const [currentMetadataIndex, setCurrentMetadataIndex] = React144.useState(0);
   const [metadataCache, setMetadataCache] = React144.useState({});
+  const [idleClipSort, setIdleClipSort] = React144.useState("latest");
   const invalidateMetadataCache = React144.useCallback((categories) => {
     setMetadataCache((prevCache) => {
       if (!prevCache || Object.keys(prevCache).length === 0) {
@@ -45266,6 +45377,7 @@ var BottlenecksContent = ({
   const [isFullscreen, setIsFullscreen] = React144.useState(false);
   const categoryMetadataRef = React144.useRef([]);
   const currentMetadataIndexRef = React144.useRef(0);
+  const previousIdleClipSortRef = React144.useRef(idleClipSort);
   const clearRetryTimeout = React144.useCallback(() => {
     if (retryTimeoutRef.current) {
       clearTimeout(retryTimeoutRef.current);
@@ -45712,9 +45824,13 @@ var BottlenecksContent = ({
     }
     return ["fast-cycles", "slow-cycles", "longest-idles"].includes(categoryId);
   }, [isFastSlowClipFiltersEnabled]);
+  const shouldUseMetadataNavigation = React144.useCallback((categoryId) => {
+    return isPercentileCategory(categoryId) || categoryId === "idle_time" && idleClipSort === "idle_duration_desc";
+  }, [idleClipSort, isPercentileCategory]);
   const getMetadataCacheKey = React144.useCallback((categoryId) => {
-    return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}`;
-  }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId]);
+    const sortKey = categoryId === "idle_time" ? idleClipSort : "latest";
+    return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}-${sortKey}`;
+  }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, idleClipSort]);
   const setVisibleCategoryMetadata = React144.useCallback((categoryId, clips) => {
     if (activeFilterRef.current !== categoryId) {
       return false;
@@ -45722,8 +45838,9 @@ var BottlenecksContent = ({
     categoryMetadataRef.current = clips;
     setCategoryMetadata(clips);
     setCategoryMetadataCategoryId(clips.length > 0 ? categoryId : null);
+    setCategoryMetadataSort(clips.length > 0 ? categoryId === "idle_time" ? idleClipSort : "latest" : null);
     return true;
-  }, []);
+  }, [idleClipSort]);
   const applyMetadataSnapshot = React144.useCallback((categoryId, clips, total) => {
     if (!clips || clips.length === 0) {
       return;
@@ -45734,11 +45851,11 @@ var BottlenecksContent = ({
       [cacheKey]: clips
     }));
     setVisibleCategoryMetadata(categoryId, clips);
-    if (!isPercentileCategory(categoryId) && typeof total === "number") {
+    if (!shouldUseMetadataNavigation(categoryId) && typeof total === "number") {
       currentTotalRef.current = total;
       setCurrentTotal(total);
     }
-  }, [getMetadataCacheKey, isPercentileCategory, setVisibleCategoryMetadata]);
+  }, [getMetadataCacheKey, shouldUseMetadataNavigation, setVisibleCategoryMetadata]);
   const getClipTypesForPercentileCategory = React144.useCallback((categoryId) => {
     switch (categoryId) {
       case "fast-cycles":
@@ -45764,6 +45881,7 @@ var BottlenecksContent = ({
     }
     setCategoryMetadata([]);
     setCategoryMetadataCategoryId(null);
+    setCategoryMetadataSort(null);
     categoryMetadataRef.current = [];
     updateActiveFilter(fallbackFilter);
   }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
@@ -45811,6 +45929,7 @@ var BottlenecksContent = ({
     if (!isFastSlowClipFiltersEnabled && (categoryId === "fast-cycles" || categoryId === "slow-cycles")) {
       setCategoryMetadata([]);
       setCategoryMetadataCategoryId(null);
+      setCategoryMetadataSort(null);
       categoryMetadataRef.current = [];
       return;
     }
@@ -45881,7 +46000,8 @@ var BottlenecksContent = ({
             limit: 100,
             knownTotal: mergedCounts[categoryId] ?? null,
             snapshotDateTime,
-            snapshotClipId
+            snapshotClipId,
+            sort: categoryId === "idle_time" ? idleClipSort : "latest"
           }),
           redirectReason: "session_expired"
         });
@@ -45960,6 +46080,7 @@ var BottlenecksContent = ({
         if (activeFilterRef.current === categoryId) {
           setCategoryMetadata([]);
           setCategoryMetadataCategoryId(null);
+          setCategoryMetadataSort(null);
           categoryMetadataRef.current = [];
         }
       }
@@ -45968,7 +46089,26 @@ var BottlenecksContent = ({
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase, setVisibleCategoryMetadata]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, idleClipSort, supabase, setVisibleCategoryMetadata]);
+  React144.useEffect(() => {
+    if (previousIdleClipSortRef.current === idleClipSort) {
+      return;
+    }
+    previousIdleClipSortRef.current = idleClipSort;
+    if (activeFilterRef.current !== "idle_time") {
+      return;
+    }
+    setCategoryMetadata([]);
+    setCategoryMetadataCategoryId(null);
+    setCategoryMetadataSort(null);
+    categoryMetadataRef.current = [];
+    setCurrentMetadataIndex(0);
+    currentMetadataIndexRef.current = 0;
+    setCurrentPosition(0);
+    currentPositionRef.current = 0;
+    setIsCategoryLoading(true);
+    void loadCategoryMetadata("idle_time", true, true);
+  }, [idleClipSort, loadCategoryMetadata]);
   React144.useEffect(() => {
     if (previousFilterRef.current !== activeFilter) {
       console.log(`Filter changed from ${previousFilterRef.current} to ${activeFilter} - resetting to first video`);
@@ -45979,6 +46119,7 @@ var BottlenecksContent = ({
       loadingCategoryRef.current = null;
       setCategoryMetadata([]);
       setCategoryMetadataCategoryId(null);
+      setCategoryMetadataSort(null);
       setCurrentMetadataIndex(0);
       categoryMetadataRef.current = [];
       currentMetadataIndexRef.current = 0;
@@ -46077,7 +46218,7 @@ var BottlenecksContent = ({
       }
       if (metadataArray.length === 0) {
         console.warn(`[BottlenecksContent] No metadata available for category ${categoryId} after refresh`);
-        if (!isPercentileCategory(categoryId)) {
+        if (!shouldUseMetadataNavigation(categoryId)) {
           const resolvedPosition = typeof position === "number" ? position : 1;
           currentPositionRef.current = resolvedPosition;
           setCurrentPosition(resolvedPosition);
@@ -46090,7 +46231,7 @@ var BottlenecksContent = ({
       const clickedClipIndex = metadataArray.findIndex((clip) => clip.clipId === clipId);
       if (clickedClipIndex === -1) {
         console.warn(`[BottlenecksContent] Clip ${clipId} not found after metadata refresh`);
-        if (!isPercentileCategory(categoryId)) {
+        if (!shouldUseMetadataNavigation(categoryId)) {
           const resolvedPosition = typeof position === "number" ? position : 1;
           currentPositionRef.current = resolvedPosition;
           setCurrentPosition(resolvedPosition);
@@ -46102,7 +46243,7 @@ var BottlenecksContent = ({
       }
       setCurrentMetadataIndex(clickedClipIndex);
       currentMetadataIndexRef.current = clickedClipIndex;
-      if (!isPercentileCategory(categoryId)) {
+      if (!shouldUseMetadataNavigation(categoryId)) {
         const position2 = clickedClipIndex + 1;
         currentPositionRef.current = position2;
         setCurrentPosition(position2);
@@ -46132,7 +46273,7 @@ var BottlenecksContent = ({
         clearLoadingState();
       }
     }
-  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, clearRetryTimeout, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, isPercentileCategory]);
+  }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, clearRetryTimeout, loadCategoryMetadata, applyMetadataSnapshot, mergedCounts, shouldUseMetadataNavigation]);
   const restartCurrentClipPlayback = React144.useCallback(() => {
     if (!currentClipId) {
       return;
@@ -46153,7 +46294,7 @@ var BottlenecksContent = ({
       return;
     }
     const activeCategory = activeFilterRef.current;
-    if (!activeCategory || activeCategory === "all" || isPercentileCategory(activeCategory)) {
+    if (!activeCategory || activeCategory === "all" || shouldUseMetadataNavigation(activeCategory)) {
       return;
     }
     let cancelled = false;
@@ -46186,7 +46327,7 @@ var BottlenecksContent = ({
   }, [
     newClipsNotification,
     s3ClipsService,
-    isPercentileCategory,
+    shouldUseMetadataNavigation,
     currentClipId,
     invalidateMetadataCache,
     loadAndPlayClipById,
@@ -46238,7 +46379,7 @@ var BottlenecksContent = ({
       }
     }
     try {
-      if (!isPercentileCategory(currentFilter)) {
+      if (!shouldUseMetadataNavigation(currentFilter)) {
         if (!s3ClipsService || !workspaceId || !currentClipId) {
           throw new Error("S3 clips service not available");
         }
@@ -46338,7 +46479,7 @@ var BottlenecksContent = ({
       } else {
         const firstClipMeta = metadataArray[0];
         if (firstClipMeta?.clipId && firstClipMeta.clipId !== currentClipId) {
-          console.log(`[handleNext] Reached end of ${currentFilter}, looping back to newest percentile clip ${firstClipMeta.clipId}`);
+          console.log(`[handleNext] Reached end of ${currentFilter}, looping back to first metadata clip ${firstClipMeta.clipId}`);
           await loadAndPlayClipById(firstClipMeta.clipId, currentFilter, 1, {
             clips: metadataArray,
             total: metadataArray.length
@@ -46364,7 +46505,7 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, loadAndPlayClipById, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, loadAndPlayClipById, shouldUseMetadataNavigation, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const handlePrevious = React144.useCallback(async () => {
     if (!isMountedRef.current || navigationLockRef.current) return;
     const currentFilter = activeFilterRef.current;
@@ -46383,7 +46524,7 @@ var BottlenecksContent = ({
       }
     }
     try {
-      if (!isPercentileCategory(currentFilter)) {
+      if (!shouldUseMetadataNavigation(currentFilter)) {
         if (!s3ClipsService || !workspaceId || !currentClipId) {
           throw new Error("S3 clips service not available");
         }
@@ -46468,7 +46609,7 @@ var BottlenecksContent = ({
       });
       clearLoadingState();
     }
-  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, isPercentileCategory, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
+  }, [clearLoadingState, clearRetryTimeout, s3ClipsService, loadCategoryMetadata, shouldUseMetadataNavigation, workspaceId, currentClipId, effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId, mergedCounts]);
   const currentVideo = React144.useMemo(() => {
     if (!filteredVideos || filteredVideos.length === 0 || currentIndex >= filteredVideos.length) {
       return null;
@@ -46535,22 +46676,22 @@ var BottlenecksContent = ({
     }
   }, [currentVideo?.id, isShareLoading, supabase, workspaceId, workspaceName]);
   React144.useMemo(() => {
-    if (isPercentileCategory(activeFilter)) {
+    if (shouldUseMetadataNavigation(activeFilter)) {
       return categoryMetadata.length;
     }
     return currentTotal || mergedCounts[activeFilter] || 0;
-  }, [activeFilter, categoryMetadata.length, currentTotal, mergedCounts, isPercentileCategory]);
+  }, [activeFilter, categoryMetadata.length, currentTotal, mergedCounts, shouldUseMetadataNavigation]);
   React144.useMemo(() => {
-    if (isPercentileCategory(activeFilter)) {
+    if (shouldUseMetadataNavigation(activeFilter)) {
       return categoryMetadata.length > 0 ? currentMetadataIndex + 1 : 0;
     }
     return currentPosition;
-  }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, isPercentileCategory]);
-  const prefetchedExplorerMetadata = React144.useMemo(() => buildPrefetchedExplorerMetadata(
+  }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, shouldUseMetadataNavigation]);
+  const prefetchedExplorerMetadata = React144.useMemo(() => activeFilter === "idle_time" && categoryMetadataSort !== idleClipSort ? void 0 : buildPrefetchedExplorerMetadata(
     activeFilter,
     categoryMetadataCategoryId,
     categoryMetadata
-  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId]);
+  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId, categoryMetadataSort, idleClipSort]);
   const classificationClipIds = React144.useMemo(() => {
     if (!idleTimeVlmEnabled) {
       return [];
@@ -47299,7 +47440,12 @@ var BottlenecksContent = ({
             showPercentileCycleFilters: isFastSlowClipFiltersEnabled,
             prefetchedClipMetadata: prefetchedExplorerMetadata,
             activeCategoryLoading: isCategoryLoading,
+            idleClipSort,
+            onIdleClipSortChange: setIdleClipSort,
             onFilterChange: (filterId) => {
+              if (filterId !== "idle_time") {
+                setIdleClipSort("latest");
+              }
               updateActiveFilter(filterId);
               const category = categoriesToShow.find((cat) => cat.type === filterId);
               if (category) {
@@ -49222,6 +49368,11 @@ var LineHistoryCalendar = ({
     return calendar;
   }, [data, month, year, configuredTimezone]);
   const hasRealData = (shift) => {
+    if (isUptimeMode) {
+      if (shift.hasData === true) return true;
+      const efficiency = Number(shift.avg_efficiency);
+      return shift.total_workspaces > 0 || shift.underperforming_workspaces > 0 || (shift.output || 0) > 0 || (shift.available_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.idle_time_seconds || 0) > 0 || Number.isFinite(efficiency) && efficiency > 0;
+    }
     if (shift.hasData !== void 0) return shift.hasData;
     return shift.total_workspaces > 0 || shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0;
   };
@@ -49854,13 +50005,18 @@ var LineMonthlyHistory = ({
     enabled: !!lineId && idleTimeVlmEnabled
   });
   const hasRealData = (shift) => {
+    if (isUptimeMode) {
+      if (shift.hasData === true) return true;
+      const efficiency = Number(shift.avg_efficiency);
+      return shift.total_workspaces > 0 || shift.underperforming_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 || Number.isFinite(efficiency) && efficiency > 0;
+    }
     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 || (shift.idle_time_seconds || 0) > 0 || (shift.active_time_seconds || 0) > 0 || (shift.available_time_seconds || 0) > 0;
   };
   const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
       const shiftData = getShiftData2(day, selectedShiftId);
-      if (!shiftData || shiftData?.avg_efficiency < 5) {
+      if (!shiftData || !isValidAggregateEfficiency(isUptimeMode ? "uptime" : "output", shiftData.avg_efficiency)) {
         return acc;
       }
       return {
@@ -49889,7 +50045,9 @@ var LineMonthlyHistory = ({
   const avgOutput = outputAverages.count > 0 ? outputAverages.output / outputAverages.count : 0;
   const uptimeSummary = React144.useMemo(() => {
     if (!isUptimeMode) return null;
-    const validDays = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter((shiftData) => shiftData && hasRealData(shiftData)).map((shiftData) => ({ shiftData, totals: getUptimeTotals(shiftData) }));
+    const validDays = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(
+      (shiftData) => shiftData && hasRealData(shiftData) && isValidAggregateEfficiency("uptime", shiftData.avg_efficiency)
+    ).map((shiftData) => ({ shiftData, totals: getUptimeTotals(shiftData) }));
     if (!validDays.length) {
       return { avgUtilization: 0, avgIdleTime: 0, avgDailyStoppages: 0 };
     }
@@ -50037,7 +50195,9 @@ var LineMonthlyHistory = ({
   }, [chartData.yAxisMax, chartData.lastSetTarget]);
   const pieChartData = React144.useMemo(() => {
     if (!isUptimeMode) return [];
-    const validShifts = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(hasRealData);
+    const validShifts = (analysisMonthlyData || []).map((day) => getShiftData2(day, selectedShiftId)).filter(
+      (shift) => shift && hasRealData(shift) && isValidAggregateEfficiency("uptime", shift.avg_efficiency)
+    );
     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 [];
@@ -50647,7 +50807,9 @@ var LineMonthlyPdfGenerator = ({
         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 validShifts = validDays.map((day) => getLineShiftData2(day, selectedShiftId)).filter(
+        (shift) => hasShiftData(shift) && isValidAggregateEfficiency(isUptimeMode ? "uptime" : "output", shift.avg_efficiency)
+      );
       const monthlyMetrics = validShifts.length > 0 ? isUptimeMode ? (() => {
         let utilizationSum = 0;
         let idleTimeSum = 0;
@@ -52632,7 +52794,10 @@ var WorkspaceMonthlyHistory = ({
     return ticks.filter((v) => v >= 0 && v <= max * 1.05).sort((a, b) => a - b);
   }, [chartData.yAxisMax, chartData.lastSetTarget, isUptimeMode]);
   const pieChartData = React144.useMemo(() => {
-    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
+    const aggregateMode = isUptimeMode ? "uptime" : "output";
+    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(
+      (shift) => shift && hasRealData(shift) && isValidAggregateEfficiency(aggregateMode, shift.efficiency)
+    );
     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 [];
@@ -52643,10 +52808,10 @@ var WorkspaceMonthlyHistory = ({
       { name: "Productive", value: productivePercent },
       { name: "Idle", value: idlePercent }
     ];
-  }, [analysisMonthlyData, selectedShiftId, shiftWorkSeconds]);
+  }, [analysisMonthlyData, selectedShiftId, isUptimeMode]);
   const metrics2 = React144.useMemo(() => {
     const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
-    const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+    const filteredShifts = isUptimeMode ? validShifts.filter((shift) => isValidAggregateEfficiency("uptime", shift.efficiency)) : validShifts.filter((shift) => isValidAggregateEfficiency("output", shift.efficiency));
     if (filteredShifts.length === 0) return null;
     const totalEfficiency = filteredShifts.reduce((sum, shift) => sum + (shift.efficiency || 0), 0);
     const totalUtilization = filteredShifts.reduce(
@@ -53866,7 +54031,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         const shift = getShiftData(dayData, selectedShiftId);
         return { dayData, shift };
       }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => getDayDateKey(right.dayData).localeCompare(getDayDateKey(left.dayData)));
-      const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
+      const filteredShifts = isUptimeMode ? validShifts.filter((shift) => isValidAggregateEfficiency("uptime", shift.efficiency)) : validShifts.filter((shift) => isValidAggregateEfficiency("output", shift.efficiency));
       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);
@@ -67038,7 +67203,15 @@ var KPIDetailView = ({
           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 coerceOptionalNumber2 = (value) => {
+            if (value === void 0 || value === null || value === "") return null;
+            const parsed = Number(value);
+            return Number.isFinite(parsed) ? parsed : null;
+          };
+          const metricActiveTimeSeconds = coerceOptionalNumber2(metric.active_time_seconds);
+          const metricIdleTimeSeconds = coerceOptionalNumber2(metric.idle_time_seconds);
+          const metricAvailableTimeSeconds = coerceOptionalNumber2(metric.available_time_seconds);
+          const hasBackendUptimeSeconds = isUptimeMode && (metricActiveTimeSeconds !== null || metricIdleTimeSeconds !== null || metricAvailableTimeSeconds !== null);
           const uptimeSeries2 = isUptimeMode && !hasBackendUptimeSeconds ? buildUptimeSeries({
             idleTimeHourly: metric.idle_time_hourly || {},
             shiftStart: resolvedShiftStart || void 0,
@@ -67046,9 +67219,13 @@ var KPIDetailView = ({
             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 idleTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricIdleTimeSeconds ?? 0 : (uptimeSeries2?.idleMinutes || 0) * 60 : 0;
+          const activeTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricActiveTimeSeconds ?? 0 : (uptimeSeries2?.activeMinutes || 0) * 60 : 0;
+          const availableTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricAvailableTimeSeconds ?? activeTimeSeconds + idleTimeSeconds : (uptimeSeries2?.availableMinutes || 0) * 60 : 0;
+          const metricAvgEfficiency = Number(metric.avg_efficiency);
+          const metricTotalWorkspaces = Number(metric.total_workspaces || 0);
+          const metricCurrentOutput = Number(metric.current_output || 0);
+          const hasUptimeMetricData = isUptimeMode && (availableTimeSeconds > 0 || metricTotalWorkspaces > 0 || metricCurrentOutput > 0 || Number.isFinite(metricAvgEfficiency) && metricAvgEfficiency > 0);
           const computedUptimeEfficiency = (() => {
             const availableMinutes = availableTimeSeconds / 60;
             if (!availableMinutes || availableMinutes <= 0) return 0;
@@ -67068,7 +67245,7 @@ var KPIDetailView = ({
             targetOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
             compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
-            hasData: isUptimeMode ? availableTimeSeconds > 0 : true,
+            hasData: isUptimeMode ? hasUptimeMetricData : true,
             idle_time_seconds: idleTimeSeconds,
             active_time_seconds: activeTimeSeconds,
             available_time_seconds: availableTimeSeconds,