@optifye/dashboard-core 6.12.26 → 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)
@@ -45075,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" })
@@ -45142,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(
@@ -45152,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" })
             }
@@ -57614,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}` : "/";
@@ -57665,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: {
@@ -57976,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]);
@@ -58007,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",
       {
@@ -58155,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") }),
@@ -69737,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);
@@ -69862,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,
@@ -70122,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,
     {
@@ -70208,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: [
@@ -70279,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;
@@ -70308,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: [
@@ -70628,7 +70709,8 @@ var KPIsOverviewView = ({
   const {
     lineMetrics,
     isLoading: metricsLoading,
-    error: metricsError
+    error: metricsError,
+    efficiencyLegend
   } = useDashboardMetrics({
     lineId: factoryViewId,
     userAccessibleLineIds: metricsLineIds
@@ -70972,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) {
@@ -71058,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)
@@ -71079,6 +71166,7 @@ var KPIsOverviewView = ({
       isLoading: metricsLoading,
       error: metricsError,
       isUptimeMode: viewType === "machine",
+      efficiencyLegend,
       onClick
     },
     key
@@ -87265,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;
@@ -87398,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;
@@ -87502,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;