@optifye/dashboard-core 6.12.25 → 6.12.27

package/dist/index.js

@@ -22075,14 +22075,87 @@ var toNumber = (value) => {
   }
   return 0;
 };
+var toOptionalNumber = (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 EFFICIENCY_ON_TRACK_THRESHOLD = 100;
 var isEfficiencyOnTrack = (efficiency) => toNumber(efficiency) >= EFFICIENCY_ON_TRACK_THRESHOLD;
+var KPI_SIGNAL_LABELS = {
+  stable: "Stable",
+  warning: "Warning",
+  attention: "Attention"
+};
+var normalizeLineSignalSource = (source) => source === "recent_flow" ? "recent_flow" : "efficiency";
+var normalizeLineSignal = (lineSignal, fallbackEfficiency, fallbackWeight) => {
+  if (lineSignal && typeof lineSignal === "object") {
+    const raw = lineSignal;
+    return {
+      source: normalizeLineSignalSource(raw.source),
+      percent: toOptionalNumber(raw.percent),
+      weight: toOptionalNumber(raw.weight),
+      mode: raw.mode === "unavailable" ? "unavailable" : "computed",
+      reason: typeof raw.reason === "string" ? raw.reason : raw.reason ?? null,
+      effectiveEndAt: raw.effective_end_at ?? raw.effectiveEndAt ?? null,
+      computedAt: raw.computed_at ?? raw.computedAt ?? null
+    };
+  }
+  const percent2 = toOptionalNumber(fallbackEfficiency);
+  if (percent2 === null) return null;
+  return {
+    source: "efficiency",
+    percent: percent2,
+    weight: toOptionalNumber(fallbackWeight),
+    mode: "computed",
+    reason: "fallback_efficiency",
+    effectiveEndAt: null,
+    computedAt: null
+  };
+};
+var getKpiSignalStatus = (signal, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  const percent2 = toOptionalNumber(signal?.percent);
+  if (percent2 === null) return null;
+  const color2 = getEfficiencyColor(percent2, legend);
+  if (color2 === "green") return "stable";
+  if (color2 === "yellow") return "warning";
+  return "attention";
+};
+var getKpiSignalLabel = (signal, legend = DEFAULT_EFFICIENCY_LEGEND) => {
+  const status = getKpiSignalStatus(signal, legend);
+  return status ? KPI_SIGNAL_LABELS[status] : null;
+};
+var aggregateLineSignals = (signals) => {
+  const numericSignals = signals.filter(
+    (signal) => signal !== null && signal !== void 0 && toOptionalNumber(signal.percent) !== null
+  );
+  if (numericSignals.length === 0) return null;
+  const percent2 = numericSignals.reduce(
+    (sum, signal) => sum + (toOptionalNumber(signal.percent) ?? 0),
+    0
+  ) / numericSignals.length;
+  const signalSources = new Set(numericSignals.map((signal) => signal.source));
+  const source = signalSources.size === 1 ? numericSignals[0].source : "mixed";
+  return {
+    source,
+    percent: percent2,
+    weight: null,
+    mode: "computed",
+    reason: "average",
+    effectiveEndAt: null,
+    computedAt: null
+  };
+};
 var createDefaultKPIs = () => ({
   underperformingWorkers: { current: 0, total: 0, change: 0 },
   efficiency: { value: 0, change: 0 },
   outputProgress: { current: 0, target: 0, idealOutput: 0, change: 0 },
   avgCycleTime: { value: 0, change: 0 },
-  qualityCompliance: { value: 95, change: 0 }
+  qualityCompliance: { value: 95, change: 0 },
+  lineSignal: null
 });
 var buildKPIsFromLineMetricsRow = (row) => {
   if (!row) return createDefaultKPIs();
@@ -22116,15 +22189,28 @@ var buildKPIsFromLineMetricsRow = (row) => {
     qualityCompliance: {
       value: 95,
       change: 0
-    }
+    },
+    lineSignal: normalizeLineSignal(row.line_signal, avgEfficiency, idealOutput || lineThreshold)
   };
 };
 var aggregateKPIsFromLineMetricsRows = (rows) => {
   if (!rows || rows.length === 0) return createDefaultKPIs();
+  const lineSignal = aggregateLineSignals(
+    rows.map((row) => normalizeLineSignal(
+      row?.line_signal,
+      row?.avg_efficiency,
+      row?.ideal_output ?? row?.line_threshold
+    ))
+  );
   const eligibleRows = rows.filter(
     (row) => isValidAggregateEfficiency(row?.monitoring_mode ?? row?.monitoringMode, row?.avg_efficiency)
   );
-  if (eligibleRows.length === 0) return createDefaultKPIs();
+  if (eligibleRows.length === 0) {
+    return {
+      ...createDefaultKPIs(),
+      lineSignal
+    };
+  }
   const currentOutputSum = eligibleRows.reduce((sum, row) => sum + toNumber(row.current_output), 0);
   const lineThresholdSum = eligibleRows.reduce(
     (sum, row) => sum + (row?.output_target_recalculated !== void 0 && row?.output_target_recalculated !== null ? toNumber(row.output_target_recalculated) : toNumber(row.line_threshold)),
@@ -22171,7 +22257,8 @@ var aggregateKPIsFromLineMetricsRows = (rows) => {
     qualityCompliance: {
       value: 95,
       change: 0
-    }
+    },
+    lineSignal
   };
 };
 
@@ -34725,19 +34812,19 @@ var SkuRow = ({ sku, isSelected, isLive, onSelect }) => {
       onClick: () => onSelect?.(isSelected ? null : sku.sku_id),
       "data-testid": `sku-progress-row-${sku.sku_id}`,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 truncate", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
-                className: "text-sm font-semibold text-gray-800 truncate",
+                className: "text-xs sm:text-sm font-semibold text-gray-800 break-words line-clamp-2",
                 title: skuLabel,
                 children: skuLabel
               }
             ),
-            isLive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-green-500 shrink-0 shadow-[0_0_4px_rgba(34,197,94,0.6)]", title: "Currently running" })
+            isLive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-green-500 shrink-0 shadow-[0_0_4px_rgba(34,197,94,0.6)] mt-1.5", title: "Currently running" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500 font-medium tabular-nums shrink-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500 font-medium tabular-nums shrink-0 pt-0.5", children: [
             Math.round(current),
             " / ",
             Math.round(target)
@@ -36146,6 +36233,37 @@ var interpretIdleValue = (value) => {
   if (value === "x" || value === null || value === void 0) return "unknown";
   return "unknown";
 };
+var timeToMinutes = (value) => {
+  const parsed = parseTime(value);
+  if (!parsed) return null;
+  return parsed.hour * 60 + parsed.minute;
+};
+var normalizeBreaksOnShiftTimeline2 = (shiftStart, shiftBreaks) => {
+  const shiftStartMinutes = timeToMinutes(shiftStart);
+  if (shiftStartMinutes === null || !Array.isArray(shiftBreaks)) {
+    return [];
+  }
+  return shiftBreaks.flatMap((entry) => {
+    const startRaw = timeToMinutes(entry?.startTime ?? entry?.start);
+    const endRaw = timeToMinutes(entry?.endTime ?? entry?.end);
+    if (startRaw === null || endRaw === null) return [];
+    let start = startRaw;
+    let end = endRaw;
+    if (end <= start) {
+      end += 24 * 60;
+    }
+    if (start < shiftStartMinutes) {
+      start += 24 * 60;
+      end += 24 * 60;
+    }
+    return [{ start, end }];
+  });
+};
+var isBreakMinute = (minuteIndex, shiftStartMinutes, normalizedBreaks) => {
+  if (!normalizedBreaks.length) return false;
+  const absoluteMinute = shiftStartMinutes + minuteIndex;
+  return normalizedBreaks.some((entry) => entry.start <= absoluteMinute && absoluteMinute < entry.end);
+};
 var getShiftDurationMinutes = (shiftStart, shiftEnd) => {
   const start = parseTime(shiftStart);
   const end = parseTime(shiftEnd);
@@ -36156,6 +36274,29 @@ var getShiftDurationMinutes = (shiftStart, shiftEnd) => {
   }
   return duration > 0 ? duration : null;
 };
+var getBreakExcludedShiftMinutes = ({
+  shiftStart,
+  shiftEnd,
+  elapsedMinutes,
+  shiftBreaks
+}) => {
+  const shiftMinutes = getShiftDurationMinutes(shiftStart, shiftEnd);
+  if (shiftMinutes === null) return null;
+  const elapsedLimit = Number.isFinite(elapsedMinutes) ? Math.min(Math.max(Math.floor(elapsedMinutes ?? 0), 0), shiftMinutes) : shiftMinutes;
+  if (elapsedLimit <= 0) return 0;
+  const startTime = parseTime(shiftStart);
+  if (!startTime) return elapsedLimit;
+  const shiftStartMinutes = startTime.hour * 60 + startTime.minute;
+  const normalizedBreaks = normalizeBreaksOnShiftTimeline2(shiftStart, shiftBreaks);
+  if (!normalizedBreaks.length) return elapsedLimit;
+  let workingMinutes = 0;
+  for (let minuteIndex = 0; minuteIndex < elapsedLimit; minuteIndex += 1) {
+    if (!isBreakMinute(minuteIndex, shiftStartMinutes, normalizedBreaks)) {
+      workingMinutes += 1;
+    }
+  }
+  return workingMinutes;
+};
 var getShiftElapsedMinutes = ({
   shiftStart,
   shiftEnd,
@@ -36220,7 +36361,8 @@ var buildUptimeSeries = ({
   shiftEnd,
   shiftDate,
   timezone,
-  elapsedMinutes
+  elapsedMinutes,
+  shiftBreaks
 }) => {
   const normalizedIdle = normalizeIdleTimeHourly(idleTimeHourly || {});
   const hasIdleData = Object.keys(normalizedIdle).length > 0;
@@ -36275,6 +36417,8 @@ var buildUptimeSeries = ({
   const points = [];
   let activeMinutes = 0;
   let idleMinutes = 0;
+  const shiftStartMinutes = startTime.hour * 60 + startTime.minute;
+  const normalizedBreaks = normalizeBreaksOnShiftTimeline2(shiftStart, shiftBreaks);
   for (let minuteIndex = 0; minuteIndex < shiftMinutes; minuteIndex += 1) {
     const minuteDate = dateFns.addMinutes(shiftStartDate, minuteIndex);
     const timeLabel = dateFnsTz.formatInTimeZone(minuteDate, timezone, "h:mm a");
@@ -36287,6 +36431,15 @@ var buildUptimeSeries = ({
       });
       continue;
     }
+    if (isBreakMinute(minuteIndex, shiftStartMinutes, normalizedBreaks)) {
+      points.push({
+        minuteIndex,
+        timeLabel,
+        uptime: null,
+        status: "break"
+      });
+      continue;
+    }
     const hourKey = dateFnsTz.formatInTimeZone(minuteDate, timezone, "H");
     const minuteKey = Number.parseInt(dateFnsTz.formatInTimeZone(minuteDate, timezone, "m"), 10);
     const hourBucket = normalizedIdle[hourKey] || [];
@@ -39447,6 +39600,7 @@ var HourlyUptimeChartComponent = ({
   shiftDate,
   timezone,
   elapsedMinutes,
+  shiftBreaks,
   className = ""
 }) => {
   const containerRef = React144__namespace.default.useRef(null);
@@ -39458,8 +39612,9 @@ var HourlyUptimeChartComponent = ({
     shiftEnd,
     shiftDate,
     timezone,
-    elapsedMinutes
-  }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes]);
+    elapsedMinutes,
+    shiftBreaks
+  }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes, shiftBreaks]);
   const hasAggregateData = Boolean(hourlyAggregates && hourlyAggregates.length > 0);
   const shiftStartTime = React144__namespace.default.useMemo(
     () => getTimeFromTimeString(shiftStart),
@@ -45007,7 +45162,7 @@ var FileManagerFilters = ({
               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"}`,
+              className: `p-2 rounded-xl transition-all duration-200 ${idleClipSort === "idle_duration_desc" ? "bg-blue-100 text-blue-600 hover:bg-blue-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" })
@@ -45074,7 +45229,7 @@ var FileManagerFilters = ({
             }
           )
         ] }),
-        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: [
+        activeFilter === "idle_time" && idleClipSort === "idle_duration_desc" && /* @__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.jsx(lucideReact.ArrowDownWideNarrow, { className: "h-3.5 w-3.5" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Longest idle first" }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -45084,7 +45239,7 @@ var FileManagerFilters = ({
                 e.stopPropagation();
                 onIdleClipSortChange?.("latest");
               },
-              className: "rounded-full p-0.5 transition-colors hover:bg-orange-100",
+              className: "rounded-full p-0.5 transition-colors hover:bg-blue-100",
               title: "Clear idle sort",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3.5 w-3.5" })
             }
@@ -51651,7 +51806,8 @@ var LineMonthlyPdfGenerator = ({
 };
 var LineWhatsAppShareButton = ({
   lineInfo,
-  className
+  className,
+  shiftBreaks = []
 }) => {
   const handleShare = () => {
     trackCoreEvent("Line WhatsApp Share Clicked", {
@@ -51665,7 +51821,8 @@ var LineWhatsAppShareButton = ({
       shiftStart: lineInfo.metrics.shift_start,
       shiftEnd: lineInfo.metrics.shift_end,
       shiftDate: lineInfo.date,
-      timezone: "Asia/Kolkata"
+      timezone: "Asia/Kolkata",
+      shiftBreaks
     }) : 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;
@@ -51834,16 +51991,24 @@ var LinePdfGenerator = ({
             shiftStart,
             shiftEnd,
             shiftDate,
-            timezone: effectiveUptimeTimezone
+            timezone: effectiveUptimeTimezone,
+            shiftBreaks
           });
           let activeMinutes = uptimeSeries.activeMinutes;
           let idleMinutes = uptimeSeries.idleMinutes;
           let availableMinutes = uptimeSeries.availableMinutes;
           let hasData = uptimeSeries.hasData;
-          if (!hasData) {
+          const hasIdleHourlyPayload = Boolean(
+            workspace.idle_time_hourly && typeof workspace.idle_time_hourly === "object" && Object.keys(workspace.idle_time_hourly).length > 0
+          );
+          if (!hasData && !hasIdleHourlyPayload) {
             const idleTimeValue = workspace.idle_time;
             const hasIdleTimeValue = Number.isFinite(idleTimeValue);
-            const fallbackDuration = shiftDurationMinutes;
+            const fallbackDuration = getBreakExcludedShiftMinutes({
+              shiftStart,
+              shiftEnd,
+              shiftBreaks
+            }) ?? shiftDurationMinutes;
             if (hasIdleTimeValue && idleTimeValue > 0 && fallbackDuration > 0) {
               const idleFromAggregate = Math.min(Math.max(Number(idleTimeValue) / 60, 0), fallbackDuration);
               idleMinutes = idleFromAggregate;
@@ -51915,7 +52080,8 @@ var LinePdfGenerator = ({
             shiftStart: lineShiftStart,
             shiftEnd: lineShiftEnd,
             shiftDate: lineInfo.date,
-            timezone: effectiveUptimeTimezone
+            timezone: effectiveUptimeTimezone,
+            shiftBreaks
           });
           hourlyData = buildHourlyFromSeries(lineUptimeSeries);
         }
@@ -53854,7 +54020,8 @@ var WorkspaceMonthlyHistory = ({
 };
 var WorkspaceWhatsAppShareButton = ({
   workspace,
-  className
+  className,
+  shiftBreaks = []
 }) => {
   const handleShare = () => {
     trackCoreEvent("Workspace WhatsApp Share Clicked", {
@@ -53870,7 +54037,11 @@ var WorkspaceWhatsAppShareButton = ({
       timeZone: "Asia/Kolkata"
     });
     const isUptimeMode = workspace.monitoring_mode === "uptime";
-    const shiftMinutes = getShiftDurationMinutes(workspace.shift_start, workspace.shift_end);
+    const shiftMinutes = getBreakExcludedShiftMinutes({
+      shiftStart: workspace.shift_start,
+      shiftEnd: workspace.shift_end,
+      shiftBreaks
+    }) ?? getShiftDurationMinutes(workspace.shift_start, workspace.shift_end);
     const shiftSeconds = shiftMinutes ? shiftMinutes * 60 : 0;
     const idleSeconds = Math.max(workspace.idle_time || 0, 0);
     const clampedIdleSeconds = shiftSeconds > 0 ? Math.min(idleSeconds, shiftSeconds) : idleSeconds;
@@ -53960,7 +54131,11 @@ var WorkspacePdfGenerator = ({
     try {
       const isUptimeMode = workspace.monitoring_mode === "uptime";
       const isAssemblyCycleMode = !isUptimeMode && shouldUseAssemblyCycleTimeLayout(workspace);
-      const shiftMinutes = getShiftDurationMinutes(workspace.shift_start, workspace.shift_end);
+      const shiftMinutes = getBreakExcludedShiftMinutes({
+        shiftStart: workspace.shift_start,
+        shiftEnd: workspace.shift_end,
+        shiftBreaks
+      }) ?? getShiftDurationMinutes(workspace.shift_start, workspace.shift_end);
       const shiftSeconds = shiftMinutes ? shiftMinutes * 60 : 0;
       const idleSeconds = Math.max(workspace.idle_time || 0, 0);
       const clampedIdleSeconds = shiftSeconds > 0 ? Math.min(idleSeconds, shiftSeconds) : idleSeconds;
@@ -54130,7 +54305,8 @@ var WorkspacePdfGenerator = ({
         shiftStart: workspace.shift_start,
         shiftEnd: workspace.shift_end,
         shiftDate: workspace.date,
-        timezone: reportTimezone
+        timezone: reportTimezone,
+        shiftBreaks
       }) : null;
       const hourlyUptime = uptimeSeries?.points?.length ? Array.from({ length: Math.ceil(uptimeSeries.shiftMinutes / 60) }, (_, index) => {
         const start = index * 60;
@@ -57525,7 +57701,7 @@ var SideNavBar = React144.memo(({
   const role = user?.role_level;
   const roleNavPaths = React144.useMemo(() => getRoleNavPaths(role), [role]);
   const showLiveMonitorLink = roleNavPaths.includes("/live-monitor");
-  const rootDashboardSurface = React144.useMemo(() => role === "owner" || role === "plant_head" || role === "optifye" ? "operations_overview" : "monitor", [role]);
+  const rootDashboardSurface = React144.useMemo(() => "monitor", []);
   const getBasePath = React144.useCallback((path) => {
     const firstSegment = path.split("?")[0].split("/").filter(Boolean)[0];
     return firstSegment ? `/${firstSegment}` : "/";
@@ -57576,12 +57752,6 @@ var SideNavBar = React144.memo(({
       dashboard_surface: dashboardSurface
     }
   }), []);
-  const handleHomeClick = React144.useCallback(() => {
-    navigate("/", {
-      trackingEvent: buildDashboardSurfaceTrackingEvent("side_nav", "/", rootDashboardSurface)
-    });
-    onMobileMenuClose?.();
-  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
   const handleLeaderboardClick = React144.useCallback(() => {
     navigate(`/leaderboard`, {
       trackingEvent: {
@@ -57887,7 +58057,6 @@ var SideNavBar = React144.memo(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
-  const homeButtonClasses = React144.useMemo(() => getButtonClasses("/"), [getButtonClasses]);
   const liveButtonClasses = React144.useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses]);
   const leaderboardButtonClasses = React144.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses]);
   const kpisButtonClasses = React144.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses]);
@@ -57918,118 +58087,99 @@ var SideNavBar = React144.memo(({
         children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "w-12 h-12 object-contain cursor-pointer" })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-        canAccessPath("/") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleHomeClick,
-            className: homeButtonClasses,
-            "aria-label": "Home",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.HomeIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Home" })
-            ]
-          }
-        ),
-        showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleLiveClick,
-            className: `${liveButtonClasses} mt-3`,
-            "aria-label": "Monitor",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/live-monitor"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.VideoCameraIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Monitor" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        canAccessPath("/leaderboard") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleLeaderboardClick,
-            className: leaderboardButtonClasses,
-            "aria-label": "Leaderboard",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/leaderboard"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.TrophyIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Leaders" })
-            ]
-          }
-        ),
-        canAccessPath("/kpis") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleKPIsClick,
-            className: kpisButtonClasses,
-            "aria-label": "Lines",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/kpis"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Lines" })
-            ]
-          }
-        ),
-        canAccessPath("/improvement-center") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleImprovementClick,
-            className: improvementButtonClasses,
-            "aria-label": "Improvement Center",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/improvement-center"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.LightBulbIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight text-center", children: "Improve" })
-            ]
-          }
-        ),
-        showSupervisorManagement,
-        skuEnabled && canAccessPath("/skus") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleSKUsClick,
-            className: skusButtonClasses,
-            "aria-label": "SKU Management",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/skus"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.CubeIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "SKUs" })
-            ]
-          }
-        ),
-        canAccessPath("/health") && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: handleHealthClick,
-            className: healthButtonClasses,
-            "aria-label": "System Health",
-            tabIndex: 0,
-            role: "tab",
-            "aria-selected": isPathActive("/health"),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(outline.HeartIcon, { className: "w-5 h-5 mb-1" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Health" })
-            ]
-          }
-        )
-      ] })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleLiveClick,
+          className: liveButtonClasses,
+          "aria-label": "Monitor",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/live-monitor"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.VideoCameraIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Monitor" })
+          ]
+        }
+      ),
+      canAccessPath("/leaderboard") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleLeaderboardClick,
+          className: leaderboardButtonClasses,
+          "aria-label": "Leaderboard",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/leaderboard"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.TrophyIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Leaders" })
+          ]
+        }
+      ),
+      canAccessPath("/kpis") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleKPIsClick,
+          className: kpisButtonClasses,
+          "aria-label": "Lines",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/kpis"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Lines" })
+          ]
+        }
+      ),
+      canAccessPath("/improvement-center") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleImprovementClick,
+          className: improvementButtonClasses,
+          "aria-label": "Improvement Center",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/improvement-center"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.LightBulbIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight text-center", children: "Improve" })
+          ]
+        }
+      ),
+      showSupervisorManagement,
+      skuEnabled && canAccessPath("/skus") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleSKUsClick,
+          className: skusButtonClasses,
+          "aria-label": "SKU Management",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/skus"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.CubeIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "SKUs" })
+          ]
+        }
+      ),
+      canAccessPath("/health") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleHealthClick,
+          className: healthButtonClasses,
+          "aria-label": "System Health",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/health"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.HeartIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Health" })
+          ]
+        }
+      )
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full py-4 px-4 border-t border-gray-100 flex-shrink-0 flex flex-col gap-2", children: settingsItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -58066,23 +58216,11 @@ var SideNavBar = React144.memo(({
       };
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "px-5 py-6", children: [
-      canAccessPath("/") && /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: handleMobileNavClick(handleHomeClick),
-          className: getMobileButtonClass("/"),
-          "aria-label": "Home",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(outline.HomeIcon, { className: getIconClass("/") }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium", children: "Home" })
-          ]
-        }
-      ),
       showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: handleMobileNavClick(handleLiveClick),
-          className: `${getMobileButtonClass("/live-monitor")} mt-2`,
+          className: getMobileButtonClass("/live-monitor"),
           "aria-label": "Monitor",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.VideoCameraIcon, { className: getIconClass("/live-monitor") }),
@@ -67925,6 +68063,7 @@ var UptimeBottomSection = React144.memo(({
   shiftDate,
   timezone,
   elapsedMinutes,
+  shiftBreaks,
   urlDate,
   urlShift,
   navigate
@@ -68012,7 +68151,8 @@ var UptimeBottomSection = React144.memo(({
               shiftEnd,
               shiftDate,
               timezone,
-              elapsedMinutes
+              elapsedMinutes,
+              shiftBreaks
             }
           ) })
         ] })
@@ -68330,7 +68470,8 @@ var KPIDetailView = ({
             shiftStart: resolvedShiftStart || void 0,
             shiftEnd: resolvedShiftEnd || void 0,
             shiftDate: metric.date,
-            timezone: configuredTimezone
+            timezone: configuredTimezone,
+            shiftBreaks: shiftConfig?.shifts?.find((shift) => shift.shiftId === metric.shift_id)?.breaks || []
           }) : null;
           const idleTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricIdleTimeSeconds ?? 0 : (uptimeSeries2?.idleMinutes || 0) * 60 : 0;
           const activeTimeSeconds = isUptimeMode ? hasBackendUptimeSeconds ? metricActiveTimeSeconds ?? 0 : (uptimeSeries2?.activeMinutes || 0) * 60 : 0;
@@ -68510,6 +68651,10 @@ var KPIDetailView = ({
       end: chartMetrics.shift_end || fallback.end
     };
   }, [chartMetrics?.shift_start, chartMetrics?.shift_end, chartMetrics?.shift_id, resolveShiftTimes]);
+  const resolvedShiftBreaks = React144.useMemo(
+    () => shiftConfig?.shifts?.find((shift) => shift.shiftId === chartMetrics?.shift_id)?.breaks || [],
+    [shiftConfig?.shifts, chartMetrics?.shift_id]
+  );
   const lineSkuBreakdown = React144.useMemo(
     () => resolvedLineInfo?.metrics.sku_breakdown ?? [],
     [resolvedLineInfo]
@@ -68643,7 +68788,8 @@ var KPIDetailView = ({
         shiftEnd: null,
         shiftDate: null,
         timezone: configuredTimezone,
-        elapsedMinutes: null
+        elapsedMinutes: null,
+        shiftBreaks: resolvedShiftBreaks
       });
     }
     return buildUptimeSeries({
@@ -68652,9 +68798,10 @@ var KPIDetailView = ({
       shiftEnd: resolvedShiftTimes.end,
       shiftDate: chartMetrics.date,
       timezone: configuredTimezone,
-      elapsedMinutes: elapsedShiftMinutes
+      elapsedMinutes: elapsedShiftMinutes,
+      shiftBreaks: resolvedShiftBreaks
     });
-  }, [chartMetrics, resolvedShiftTimes.start, resolvedShiftTimes.end, configuredTimezone, elapsedShiftMinutes]);
+  }, [chartMetrics, resolvedShiftTimes.start, resolvedShiftTimes.end, configuredTimezone, elapsedShiftMinutes, resolvedShiftBreaks]);
   const lineUtilizationFromLine = React144.useMemo(() => {
     const efficiencyValue = Number.isFinite(chartMetrics?.avg_efficiency) ? Number(chartMetrics?.avg_efficiency) : null;
     if (efficiencyValue !== null) return efficiencyValue;
@@ -68681,7 +68828,8 @@ var KPIDetailView = ({
         shiftEnd,
         shiftDate,
         timezone: configuredTimezone,
-        elapsedMinutes: workspaceElapsedMinutes
+        elapsedMinutes: workspaceElapsedMinutes,
+        shiftBreaks: resolvedShiftBreaks
       });
       let activeMinutes = uptimeSeries2.activeMinutes;
       let idleMinutes = uptimeSeries2.idleMinutes;
@@ -68693,7 +68841,12 @@ var KPIDetailView = ({
         );
         const idleTimeValue = workspace.idle_time;
         const hasIdleTimeValue = Number.isFinite(idleTimeValue);
-        const fallbackDuration = workspaceElapsedMinutes ?? shiftMinutes;
+        const fallbackDuration = getBreakExcludedShiftMinutes({
+          shiftStart,
+          shiftEnd,
+          elapsedMinutes: workspaceElapsedMinutes,
+          shiftBreaks: resolvedShiftBreaks
+        }) ?? workspaceElapsedMinutes ?? shiftMinutes;
         if (!hasIdleHourlyPayload && hasIdleTimeValue && idleTimeValue > 0 && fallbackDuration > 0) {
           const idleSeconds = Number(idleTimeValue);
           const idleFromAggregate = Math.min(Math.max(idleSeconds / 60, 0), fallbackDuration);
@@ -68723,7 +68876,8 @@ var KPIDetailView = ({
     resolvedShiftTimes.end,
     chartMetrics?.date,
     configuredTimezone,
-    isCurrentShiftView
+    isCurrentShiftView,
+    resolvedShiftBreaks
   ]);
   const lineUptimeStats = React144.useMemo(() => {
     if (!isUptimeMode) {
@@ -69410,6 +69564,7 @@ var KPIDetailView = ({
               shiftDate: chartMetrics?.date,
               timezone: configuredTimezone,
               elapsedMinutes: elapsedShiftMinutes,
+              shiftBreaks: resolvedShiftBreaks,
               urlDate,
               urlShift,
               navigate
@@ -69524,6 +69679,7 @@ var KPIDetailView = ({
               shiftDate: chartMetrics?.date,
               timezone: configuredTimezone,
               elapsedMinutes: elapsedShiftMinutes,
+              shiftBreaks: resolvedShiftBreaks,
               urlDate,
               urlShift,
               navigate
@@ -69630,6 +69786,19 @@ var formatDateKey2 = (dateKey, timezone, options) => {
     return dateKey;
   }
 };
+var getFirstName = (displayName) => {
+  const trimmedName = displayName.trim();
+  if (!trimmedName) return "";
+  return trimmedName.split(/\s+/)[0];
+};
+var formatSupervisorFirstNames = (supervisors, fallbackSupervisorNames) => {
+  const firstNames = supervisors.map((supervisor) => getFirstName(supervisor.displayName)).filter((name) => name.length > 0);
+  if (firstNames.length > 0) {
+    return Array.from(new Set(firstNames)).join(", ");
+  }
+  const fallbackFirstNames = fallbackSupervisorNames.flatMap((names) => names.split(",")).map(getFirstName).filter((name) => name.length > 0);
+  return fallbackFirstNames.length > 0 ? Array.from(new Set(fallbackFirstNames)).join(", ") : "Unassigned";
+};
 var LeaderboardCountdown = ({ targetDate, format: format10, finishedLabel = "Finished", placeholder = "--", onFinished }) => {
   const [time2, setTime] = React144.useState("");
   const hasFinishedRef = React144.useRef(false);
@@ -69755,7 +69924,7 @@ var LinesLeaderboard = ({
       });
       const supervisors = Array.from(supervisorByUserId.values());
       const primarySupervisor = supervisors[0];
-      const supervisorName = supervisors.length > 1 ? `${supervisors.length} supervisors` : primarySupervisor?.displayName || fallbackSupervisorNames[0] || "Unassigned";
+      const supervisorName = formatSupervisorFirstNames(supervisors, fallbackSupervisorNames);
       const supervisorImage = primarySupervisor?.profilePhotoUrl || null;
       return {
         ...row,
@@ -70015,21 +70184,49 @@ var LinesLeaderboard = ({
     ] }) }) }) })
   ] });
 };
+var SIGNAL_PILL_STYLES = {
+  stable: {
+    container: "bg-emerald-100 text-emerald-700 border border-emerald-200",
+    dot: "bg-emerald-500"
+  },
+  warning: {
+    container: "bg-amber-100 text-amber-700 border border-amber-200",
+    dot: "bg-amber-500"
+  },
+  attention: {
+    container: "bg-red-100 text-red-700 border border-red-200",
+    dot: "bg-red-500"
+  }
+};
+var KpiSignalPill = ({ signal, efficiencyLegend }) => {
+  const status = getKpiSignalStatus(signal, efficiencyLegend);
+  const label = getKpiSignalLabel(signal, efficiencyLegend);
+  if (!status || !label) return null;
+  const styles2 = SIGNAL_PILL_STYLES[status];
+  return /* @__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 ${styles2.container}`,
+      style: { minWidth: "fit-content" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-2 h-2 rounded-full ${styles2.dot} animate-pulse` }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+      ]
+    }
+  );
+};
 var LineCard = ({
   line,
   kpis,
   isLoading,
   error,
   onClick,
+  efficiencyLegend,
   supervisorEnabled = false,
   supervisorName,
   supervisors
 }) => {
   const isUptimeLine = (line.monitoring_mode ?? "output") === "uptime";
-  const isOnTrack = React144__namespace.default.useMemo(() => {
-    if (!kpis) return null;
-    return isEfficiencyOnTrack(kpis.efficiency.value);
-  }, [kpis]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     motion.div,
     {
@@ -70101,10 +70298,7 @@ var LineCard = ({
               ] })
             ] })
           ] }),
-          !isUptimeLine && 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" })
-          ] })
+          !isUptimeLine && kpis && /* @__PURE__ */ jsxRuntime.jsx(KpiSignalPill, { signal: kpis.lineSignal, efficiencyLegend })
         ] }) }),
         isLoading && !kpis && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse", children: [
@@ -70172,12 +70366,9 @@ var KpiGroupCard = ({
   isLoading,
   error,
   isUptimeMode,
+  efficiencyLegend,
   onClick
 }) => {
-  const isOnTrack = React144__namespace.default.useMemo(() => {
-    if (!kpis) return null;
-    return isEfficiencyOnTrack(kpis.efficiency.value);
-  }, [kpis]);
   const outputTarget = Number(kpis?.outputProgress?.target ?? 0);
   const outputCurrent = Number(kpis?.outputProgress?.current ?? 0);
   const progressPercent = outputTarget > 0 ? Math.min(outputCurrent / outputTarget * 100, 100) : 0;
@@ -70201,10 +70392,7 @@ var KpiGroupCard = ({
             ),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs font-medium text-gray-500", children: subtitle })
           ] }),
-          !isUptimeMode && 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" })
-          ] })
+          !isUptimeMode && kpis && /* @__PURE__ */ jsxRuntime.jsx(KpiSignalPill, { signal: kpis.lineSignal, efficiencyLegend })
         ] }) }),
         isLoading && !kpis && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse", children: [
@@ -70521,7 +70709,8 @@ var KPIsOverviewView = ({
   const {
     lineMetrics,
     isLoading: metricsLoading,
-    error: metricsError
+    error: metricsError,
+    efficiencyLegend
   } = useDashboardMetrics({
     lineId: factoryViewId,
     userAccessibleLineIds: metricsLineIds
@@ -70865,7 +71054,11 @@ var KPIsOverviewView = ({
       trackProps.output_current = kpis.outputProgress?.current;
       trackProps.output_target = kpis.outputProgress?.target;
       trackProps.underperforming_workers = kpis.underperformingWorkers?.current;
-      trackProps.status = isEfficiencyOnTrack(kpis.efficiency?.value) ? "On Track" : "Behind";
+      const signalLabel = getKpiSignalLabel(kpis.lineSignal, efficiencyLegend);
+      if (signalLabel) {
+        trackProps.status = signalLabel;
+        trackProps.signal_source = kpis.lineSignal?.source ?? null;
+      }
     }
     trackCoreEvent("Line Card Clicked", trackProps);
     if (activeTab === "leaderboard" && timeRange === "today" && isHistoricalLeaderboardDaily) {
@@ -70951,6 +71144,7 @@ var KPIsOverviewView = ({
       isLoading: metricsLoading,
       error: metricsError,
       onClick: (kpis) => handleLineClick(line, kpis),
+      efficiencyLegend,
       supervisorEnabled,
       supervisorName: supervisorNamesByLineId.get(line.id) || null,
       supervisors: supervisorsByLineId?.get(line.id)
@@ -70972,6 +71166,7 @@ var KPIsOverviewView = ({
       isLoading: metricsLoading,
       error: metricsError,
       isUptimeMode: viewType === "machine",
+      efficiencyLegend,
       onClick
     },
     key
@@ -77009,6 +77204,10 @@ var WorkspaceDetailView = ({
       timezone
     });
   }, [isCurrentShiftView, workspace?.shift_start, workspace?.shift_end, idleClipDate, timezone]);
+  const workspaceShiftBreaks = React144.useMemo(
+    () => shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace?.shift_id)?.breaks || [],
+    [shiftConfig?.shifts, workspace?.shift_id]
+  );
   const uptimeSeries = React144.useMemo(
     () => buildUptimeSeries({
       idleTimeHourly: workspace?.idle_time_hourly,
@@ -77016,17 +77215,26 @@ var WorkspaceDetailView = ({
       shiftEnd: workspace?.shift_end,
       shiftDate: idleClipDate,
       timezone,
-      elapsedMinutes: elapsedShiftMinutes
+      elapsedMinutes: elapsedShiftMinutes,
+      shiftBreaks: workspaceShiftBreaks
     }),
-    [workspace?.idle_time_hourly, workspace?.shift_start, workspace?.shift_end, idleClipDate, timezone, elapsedShiftMinutes]
+    [workspace?.idle_time_hourly, workspace?.shift_start, workspace?.shift_end, idleClipDate, timezone, elapsedShiftMinutes, workspaceShiftBreaks]
   );
   const uptimePieData = React144.useMemo(() => {
     if (!isUptimeMode) return [];
     let activeMinutes = uptimeSeries.activeMinutes;
     let idleMinutes = uptimeSeries.idleMinutes;
     let totalMinutes = uptimeSeries.availableMinutes;
-    const fallbackDuration = elapsedShiftMinutes ?? shiftDurationMinutes;
-    if (!uptimeSeries.hasData && fallbackDuration !== null && fallbackDuration !== void 0) {
+    const fallbackDuration = getBreakExcludedShiftMinutes({
+      shiftStart: workspace?.shift_start,
+      shiftEnd: workspace?.shift_end,
+      elapsedMinutes: elapsedShiftMinutes,
+      shiftBreaks: workspaceShiftBreaks
+    }) ?? elapsedShiftMinutes ?? shiftDurationMinutes;
+    const hasIdleHourlyPayload = Boolean(
+      workspace?.idle_time_hourly && typeof workspace.idle_time_hourly === "object" && Object.keys(workspace.idle_time_hourly).length > 0
+    );
+    if (!uptimeSeries.hasData && !hasIdleHourlyPayload && fallbackDuration !== null && fallbackDuration !== void 0) {
       const idleSeconds = Number(workspace?.idle_time || 0);
       const idleFromAggregate = Math.min(Math.max(Math.round(idleSeconds / 60), 0), fallbackDuration);
       const activeFromAggregate = Math.max(fallbackDuration - idleFromAggregate, 0);
@@ -77039,7 +77247,7 @@ var WorkspaceDetailView = ({
       { name: "Productive", value: activeMinutes },
       { name: "Idle", value: idleMinutes }
     ];
-  }, [isUptimeMode, uptimeSeries, shiftDurationMinutes, elapsedShiftMinutes, workspace?.idle_time]);
+  }, [isUptimeMode, uptimeSeries, shiftDurationMinutes, elapsedShiftMinutes, workspace?.idle_time, workspace?.shift_start, workspace?.shift_end, workspaceShiftBreaks]);
   const overviewTabLabel = isUptimeMode ? "Utilization" : "Efficiency";
   const idleClipFetchEnabled = Boolean(
     workspaceId && idleClipDate && idleClipShiftId !== void 0 && activeTab === "overview" && idleTimeVlmEnabled && isOutputLayout
@@ -77518,7 +77726,8 @@ var WorkspaceDetailView = ({
                             shiftEnd: workspace.shift_end,
                             shiftDate: idleClipDate,
                             timezone,
-                            elapsedMinutes: elapsedShiftMinutes
+                            elapsedMinutes: elapsedShiftMinutes,
+                            shiftBreaks: workspaceShiftBreaks
                           }
                         ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsx(
                           CycleTimeOverTimeChart,
@@ -77671,7 +77880,8 @@ var WorkspaceDetailView = ({
                               shiftEnd: workspace.shift_end,
                               shiftDate: idleClipDate,
                               timezone,
-                              elapsedMinutes: elapsedShiftMinutes
+                              elapsedMinutes: elapsedShiftMinutes,
+                              shiftBreaks: workspaceShiftBreaks
                             }
                           ) : isAssemblyCycleLayout ? shouldShowCycleTimeUnavailableState ? cycleTimeUnavailableView : shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsx(
                             CycleTimeOverTimeChart,
@@ -87143,6 +87353,7 @@ exports.KPIDetailView = KPIDetailView_default;
 exports.KPIGrid = KPIGrid;
 exports.KPIHeader = KPIHeader;
 exports.KPISection = KPISection;
+exports.KPI_SIGNAL_LABELS = KPI_SIGNAL_LABELS;
 exports.KPIsOverviewView = KPIsOverviewView_default;
 exports.LINE_1_UUID = LINE_1_UUID;
 exports.LINE_2_UUID = LINE_2_UUID;
@@ -87276,6 +87487,7 @@ exports.WorkspaceWhatsAppShareButton = WorkspaceWhatsAppShareButton;
 exports.actionService = actionService;
 exports.addSentryBreadcrumb = addSentryBreadcrumb;
 exports.aggregateKPIsFromLineMetricsRows = aggregateKPIsFromLineMetricsRows;
+exports.aggregateLineSignals = aggregateLineSignals;
 exports.alertsService = alertsService;
 exports.apiUtils = apiUtils;
 exports.areAllLinesOnSameShift = areAllLinesOnSameShift;
@@ -87380,6 +87592,8 @@ exports.getDefaultCameraStreamUrl = getDefaultCameraStreamUrl;
 exports.getDefaultLineId = getDefaultLineId;
 exports.getDefaultTabForWorkspace = getDefaultTabForWorkspace;
 exports.getInitials = getInitials;
+exports.getKpiSignalLabel = getKpiSignalLabel;
+exports.getKpiSignalStatus = getKpiSignalStatus;
 exports.getLineDisplayName = getLineDisplayName;
 exports.getManufacturingInsights = getManufacturingInsights;
 exports.getMetricsTablePrefix = getMetricsTablePrefix;