@optifye/dashboard-core 6.11.37 → 6.11.38

package/dist/index.js

@@ -78909,6 +78909,12 @@ var buildDeltaBadge = (delta, options) => {
     text: `${options.formatter(delta)} vs ${options.comparisonLabel}`
   };
 };
+var parseSpecificShiftId = (shiftMode) => {
+  const rawMode = String(shiftMode || "").trim().toLowerCase();
+  if (!rawMode.startsWith("shift:")) return null;
+  const parsed = Number(rawMode.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
 var normalizeShiftLabel = (shiftName, shiftMode) => {
   if (shiftMode === "all") {
     return "All Shifts";
@@ -78920,6 +78926,10 @@ var normalizeShiftLabel = (shiftName, shiftMode) => {
     if (normalizedName === "night") return "Night Shift";
     return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
   }
+  const specificShiftId = parseSpecificShiftId(shiftMode);
+  if (specificShiftId !== null) {
+    return `Shift ${specificShiftId}`;
+  }
   if (shiftMode === "night") return "Night Shift";
   return "Day Shift";
 };
@@ -78992,6 +79002,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
+  shiftFilterOptions,
   isLiveScope,
   liveShiftName,
   lineOptions,
@@ -79245,7 +79256,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(
             "select",
             {
               value: trendMode,
@@ -79257,11 +79268,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
                 backgroundRepeat: "no-repeat",
                 backgroundSize: "1.2em 1.2em"
               },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Shifts" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "day", children: "Day Shift" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "night", children: "Night Shift" })
-              ]
+              children: shiftFilterOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
             }
           ) })
         ] }),
@@ -80331,6 +80338,24 @@ var normalizeShiftId = (value) => {
   }
   return null;
 };
+var buildSpecificShiftMode = (value) => {
+  const normalizedShiftId = normalizeShiftId(value);
+  return normalizedShiftId === null ? null : `shift:${normalizedShiftId}`;
+};
+var parseSpecificShiftMode = (value) => {
+  const rawValue = String(value || "").trim().toLowerCase();
+  if (!rawValue.startsWith("shift:")) return null;
+  const parsed = Number(rawValue.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+var formatShiftOptionLabel = (shiftName, shiftId) => {
+  const trimmedName = shiftName?.trim();
+  if (trimmedName) {
+    return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
+  }
+  const normalizedShiftId = normalizeShiftId(shiftId);
+  return normalizedShiftId === null ? "Unknown Shift" : `Shift ${normalizedShiftId}`;
+};
 var classifyShiftBucket = ({
   shiftName,
   shiftId,
@@ -80417,6 +80442,26 @@ var normalizeShiftWindowMinutes = (startTime, endTime) => {
   }
   return { startMinutes, endMinutes };
 };
+var getOperationalSortStartMinutes = (startTime, endTime) => {
+  const normalizedWindow = normalizeShiftWindowMinutes(startTime, endTime);
+  if (!normalizedWindow) return null;
+  return normalizedWindow.startMinutes < 6 * 60 ? normalizedWindow.startMinutes + 24 * 60 : normalizedWindow.startMinutes;
+};
+var doesShiftMatchTrendMode = ({
+  trendMode,
+  shiftName,
+  shiftId,
+  startTime,
+  endTime
+}) => {
+  if (trendMode === "all") return true;
+  const specificShiftId = parseSpecificShiftMode(trendMode);
+  if (specificShiftId !== null) {
+    return normalizeShiftId(shiftId) === specificShiftId;
+  }
+  const bucket = classifyShiftBucket({ shiftName, shiftId, startTime, endTime });
+  return bucket === trendMode;
+};
 var PlantHeadView = () => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
@@ -80547,6 +80592,45 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
+  const shiftFilterOptions = React143__namespace.default.useMemo(() => {
+    const optionsById = /* @__PURE__ */ new Map();
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+        const shiftId = normalizeShiftId(shift.shiftId);
+        if (shiftId === null) return;
+        const sortKey = getOperationalSortStartMinutes(shift.startTime, shift.endTime) ?? 24 * 60 + shiftId;
+        const existing = optionsById.get(shiftId);
+        const label = formatShiftOptionLabel(shift.shiftName, shiftId);
+        if (!existing) {
+          optionsById.set(shiftId, {
+            value: buildSpecificShiftMode(shiftId),
+            label,
+            shiftId,
+            shiftName: shift.shiftName || null,
+            startTime: shift.startTime || null,
+            endTime: shift.endTime || null,
+            sortKey
+          });
+          return;
+        }
+        if ((!existing.shiftName || existing.shiftName === `Shift ${shiftId}`) && shift.shiftName) {
+          existing.shiftName = shift.shiftName;
+          existing.label = label;
+        }
+        if (sortKey < existing.sortKey) {
+          existing.sortKey = sortKey;
+          existing.startTime = shift.startTime || null;
+          existing.endTime = shift.endTime || null;
+        }
+      });
+    });
+    const dynamicOptions = Array.from(optionsById.values()).sort((a, b) => a.sortKey - b.sortKey || (a.shiftId || 0) - (b.shiftId || 0)).map(({ sortKey, ...option }) => option);
+    return [
+      { value: "all", label: "All Shifts" },
+      ...dynamicOptions
+    ];
+  }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
   React143__namespace.default.useEffect(() => {
     if (scopedLineIds.length === 0 || isShiftConfigLoading) {
       return;
@@ -80609,18 +80693,20 @@ var PlantHeadView = () => {
       if (!activeShift) {
         return [];
       }
-      const trendBucket = classifyShiftBucket({
+      const bucketTrendMode = classifyShiftBucket({
         shiftName: activeShift.shiftName,
         shiftId: activeShift.shiftId,
         startTime: activeShift.startTime,
         endTime: activeShift.endTime
       });
-      if (!trendBucket || trendBucket === "all") {
+      const exactTrendMode = buildSpecificShiftMode(activeShift.shiftId);
+      if (!bucketTrendMode && !exactTrendMode) {
         return [];
       }
       return [{
         lineId,
-        trendMode: trendBucket,
+        exactTrendMode,
+        bucketTrendMode,
         shiftId: activeShift.shiftId,
         shiftName: activeShift.shiftName || null,
         startTime: activeShift.startTime || null,
@@ -80629,14 +80715,12 @@ var PlantHeadView = () => {
       }];
     });
   }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
-  const hasActiveDayShiftLine = React143__namespace.default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "day" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
-  const hasActiveNightShiftLine = React143__namespace.default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "night" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
+  const uniformActiveTrendMode = React143__namespace.default.useMemo(() => {
+    const activeModes = Array.from(new Set(
+      activeLineShiftStates.filter((shift) => shift.date === resolvedOperationalToday).map((shift) => shift.exactTrendMode).filter((mode) => !!mode)
+    ));
+    return activeModes.length === 1 ? activeModes[0] : null;
+  }, [activeLineShiftStates, resolvedOperationalToday]);
   const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
   const hourlyWindowStartTime = React143__namespace.default.useMemo(() => {
     if (scopedLineIds.length === 0) {
@@ -80647,13 +80731,19 @@ var PlantHeadView = () => {
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
       getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
-        const bucket = classifyShiftBucket({
+        classifyShiftBucket({
           shiftName: shift.shiftName,
           shiftId: shift.shiftId,
           startTime: shift.startTime,
           endTime: shift.endTime
         });
-        if (resolvedTrendMode !== "all" && bucket !== resolvedTrendMode) {
+        if (!doesShiftMatchTrendMode({
+          trendMode: resolvedTrendMode,
+          shiftName: shift.shiftName,
+          shiftId: shift.shiftId,
+          startTime: shift.startTime,
+          endTime: shift.endTime
+        })) {
           return;
         }
         const normalizedWindow = normalizeShiftWindowMinutes(shift.startTime, shift.endTime);
@@ -80727,11 +80817,11 @@ var PlantHeadView = () => {
         endKey: nextStartKey
       };
     });
-    setTrendMode("all");
+    setTrendMode(uniformActiveTrendMode || "all");
     setUsesThisWeekComparison(false);
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
-  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
+  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length, uniformActiveTrendMode]);
   const handleDateRangeChange = React143__namespace.default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
@@ -80818,6 +80908,33 @@ var PlantHeadView = () => {
     () => resolvedTrendMode,
     [resolvedTrendMode]
   );
+  const hasActiveSelectedShiftLine = React143__namespace.default.useMemo(
+    () => activeLineShiftStates.some((shift) => {
+      if (shift.date !== resolvedOperationalToday) return false;
+      if (effectiveTrendMode === "all") return true;
+      const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+      if (specificShiftId !== null) {
+        return shift.exactTrendMode === effectiveTrendMode;
+      }
+      return shift.bucketTrendMode === effectiveTrendMode;
+    }),
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
+  const activeLiveShiftName = React143__namespace.default.useMemo(
+    () => {
+      if (effectiveTrendMode === "all") return null;
+      const matchingShift = activeLineShiftStates.find((shift) => {
+        if (shift.date !== resolvedOperationalToday) return false;
+        const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+        if (specificShiftId !== null) {
+          return shift.exactTrendMode === effectiveTrendMode;
+        }
+        return shift.bucketTrendMode === effectiveTrendMode;
+      });
+      return matchingShift?.shiftName || null;
+    },
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
   const hourlyLabelStartTime = React143__namespace.default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
@@ -80829,12 +80946,11 @@ var PlantHeadView = () => {
     [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
   const isLiveScope = React143__namespace.default.useMemo(
-    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && (effectiveTrendMode === "all" || effectiveTrendMode === "day" && hasActiveDayShiftLine || effectiveTrendMode === "night" && hasActiveNightShiftLine),
+    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && hasActiveSelectedShiftLine,
     [
       effectiveDateRange.startKey,
       effectiveTrendMode,
-      hasActiveDayShiftLine,
-      hasActiveNightShiftLine,
+      hasActiveSelectedShiftLine,
       isSingleDayScope,
       resolvedOperationalToday
     ]
@@ -80871,8 +80987,9 @@ var PlantHeadView = () => {
         dateRange,
         displayDateRange: headerDateRange,
         trendMode,
+        shiftFilterOptions,
         isLiveScope,
-        liveShiftName: isLiveScope && trendMode !== "all" ? trendMode : null,
+        liveShiftName: isLiveScope && trendMode !== "all" ? activeLiveShiftName : null,
         lineOptions,
         supervisorOptions,
         selectedSupervisorId,

package/dist/index.mjs

@@ -78880,6 +78880,12 @@ var buildDeltaBadge = (delta, options) => {
     text: `${options.formatter(delta)} vs ${options.comparisonLabel}`
   };
 };
+var parseSpecificShiftId = (shiftMode) => {
+  const rawMode = String(shiftMode || "").trim().toLowerCase();
+  if (!rawMode.startsWith("shift:")) return null;
+  const parsed = Number(rawMode.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
 var normalizeShiftLabel = (shiftName, shiftMode) => {
   if (shiftMode === "all") {
     return "All Shifts";
@@ -78891,6 +78897,10 @@ var normalizeShiftLabel = (shiftName, shiftMode) => {
     if (normalizedName === "night") return "Night Shift";
     return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
   }
+  const specificShiftId = parseSpecificShiftId(shiftMode);
+  if (specificShiftId !== null) {
+    return `Shift ${specificShiftId}`;
+  }
   if (shiftMode === "night") return "Night Shift";
   return "Day Shift";
 };
@@ -78963,6 +78973,7 @@ var OperationsOverviewHeader = React143__default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
+  shiftFilterOptions,
   isLiveScope,
   liveShiftName,
   lineOptions,
@@ -79216,7 +79227,7 @@ var OperationsOverviewHeader = React143__default.memo(({
       /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
-          /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
             "select",
             {
               value: trendMode,
@@ -79228,11 +79239,7 @@ var OperationsOverviewHeader = React143__default.memo(({
                 backgroundRepeat: "no-repeat",
                 backgroundSize: "1.2em 1.2em"
               },
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "all", children: "All Shifts" }),
-                /* @__PURE__ */ jsx("option", { value: "day", children: "Day Shift" }),
-                /* @__PURE__ */ jsx("option", { value: "night", children: "Night Shift" })
-              ]
+              children: shiftFilterOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
             }
           ) })
         ] }),
@@ -80302,6 +80309,24 @@ var normalizeShiftId = (value) => {
   }
   return null;
 };
+var buildSpecificShiftMode = (value) => {
+  const normalizedShiftId = normalizeShiftId(value);
+  return normalizedShiftId === null ? null : `shift:${normalizedShiftId}`;
+};
+var parseSpecificShiftMode = (value) => {
+  const rawValue = String(value || "").trim().toLowerCase();
+  if (!rawValue.startsWith("shift:")) return null;
+  const parsed = Number(rawValue.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+var formatShiftOptionLabel = (shiftName, shiftId) => {
+  const trimmedName = shiftName?.trim();
+  if (trimmedName) {
+    return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
+  }
+  const normalizedShiftId = normalizeShiftId(shiftId);
+  return normalizedShiftId === null ? "Unknown Shift" : `Shift ${normalizedShiftId}`;
+};
 var classifyShiftBucket = ({
   shiftName,
   shiftId,
@@ -80388,6 +80413,26 @@ var normalizeShiftWindowMinutes = (startTime, endTime) => {
   }
   return { startMinutes, endMinutes };
 };
+var getOperationalSortStartMinutes = (startTime, endTime) => {
+  const normalizedWindow = normalizeShiftWindowMinutes(startTime, endTime);
+  if (!normalizedWindow) return null;
+  return normalizedWindow.startMinutes < 6 * 60 ? normalizedWindow.startMinutes + 24 * 60 : normalizedWindow.startMinutes;
+};
+var doesShiftMatchTrendMode = ({
+  trendMode,
+  shiftName,
+  shiftId,
+  startTime,
+  endTime
+}) => {
+  if (trendMode === "all") return true;
+  const specificShiftId = parseSpecificShiftMode(trendMode);
+  if (specificShiftId !== null) {
+    return normalizeShiftId(shiftId) === specificShiftId;
+  }
+  const bucket = classifyShiftBucket({ shiftName, shiftId, startTime, endTime });
+  return bucket === trendMode;
+};
 var PlantHeadView = () => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
@@ -80518,6 +80563,45 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
+  const shiftFilterOptions = React143__default.useMemo(() => {
+    const optionsById = /* @__PURE__ */ new Map();
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+        const shiftId = normalizeShiftId(shift.shiftId);
+        if (shiftId === null) return;
+        const sortKey = getOperationalSortStartMinutes(shift.startTime, shift.endTime) ?? 24 * 60 + shiftId;
+        const existing = optionsById.get(shiftId);
+        const label = formatShiftOptionLabel(shift.shiftName, shiftId);
+        if (!existing) {
+          optionsById.set(shiftId, {
+            value: buildSpecificShiftMode(shiftId),
+            label,
+            shiftId,
+            shiftName: shift.shiftName || null,
+            startTime: shift.startTime || null,
+            endTime: shift.endTime || null,
+            sortKey
+          });
+          return;
+        }
+        if ((!existing.shiftName || existing.shiftName === `Shift ${shiftId}`) && shift.shiftName) {
+          existing.shiftName = shift.shiftName;
+          existing.label = label;
+        }
+        if (sortKey < existing.sortKey) {
+          existing.sortKey = sortKey;
+          existing.startTime = shift.startTime || null;
+          existing.endTime = shift.endTime || null;
+        }
+      });
+    });
+    const dynamicOptions = Array.from(optionsById.values()).sort((a, b) => a.sortKey - b.sortKey || (a.shiftId || 0) - (b.shiftId || 0)).map(({ sortKey, ...option }) => option);
+    return [
+      { value: "all", label: "All Shifts" },
+      ...dynamicOptions
+    ];
+  }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
   React143__default.useEffect(() => {
     if (scopedLineIds.length === 0 || isShiftConfigLoading) {
       return;
@@ -80580,18 +80664,20 @@ var PlantHeadView = () => {
       if (!activeShift) {
         return [];
       }
-      const trendBucket = classifyShiftBucket({
+      const bucketTrendMode = classifyShiftBucket({
         shiftName: activeShift.shiftName,
         shiftId: activeShift.shiftId,
         startTime: activeShift.startTime,
         endTime: activeShift.endTime
       });
-      if (!trendBucket || trendBucket === "all") {
+      const exactTrendMode = buildSpecificShiftMode(activeShift.shiftId);
+      if (!bucketTrendMode && !exactTrendMode) {
         return [];
       }
       return [{
         lineId,
-        trendMode: trendBucket,
+        exactTrendMode,
+        bucketTrendMode,
         shiftId: activeShift.shiftId,
         shiftName: activeShift.shiftName || null,
         startTime: activeShift.startTime || null,
@@ -80600,14 +80686,12 @@ var PlantHeadView = () => {
       }];
     });
   }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
-  const hasActiveDayShiftLine = React143__default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "day" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
-  const hasActiveNightShiftLine = React143__default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "night" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
+  const uniformActiveTrendMode = React143__default.useMemo(() => {
+    const activeModes = Array.from(new Set(
+      activeLineShiftStates.filter((shift) => shift.date === resolvedOperationalToday).map((shift) => shift.exactTrendMode).filter((mode) => !!mode)
+    ));
+    return activeModes.length === 1 ? activeModes[0] : null;
+  }, [activeLineShiftStates, resolvedOperationalToday]);
   const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
   const hourlyWindowStartTime = React143__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
@@ -80618,13 +80702,19 @@ var PlantHeadView = () => {
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
       getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
-        const bucket = classifyShiftBucket({
+        classifyShiftBucket({
           shiftName: shift.shiftName,
           shiftId: shift.shiftId,
           startTime: shift.startTime,
           endTime: shift.endTime
         });
-        if (resolvedTrendMode !== "all" && bucket !== resolvedTrendMode) {
+        if (!doesShiftMatchTrendMode({
+          trendMode: resolvedTrendMode,
+          shiftName: shift.shiftName,
+          shiftId: shift.shiftId,
+          startTime: shift.startTime,
+          endTime: shift.endTime
+        })) {
           return;
         }
         const normalizedWindow = normalizeShiftWindowMinutes(shift.startTime, shift.endTime);
@@ -80698,11 +80788,11 @@ var PlantHeadView = () => {
         endKey: nextStartKey
       };
     });
-    setTrendMode("all");
+    setTrendMode(uniformActiveTrendMode || "all");
     setUsesThisWeekComparison(false);
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
-  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
+  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length, uniformActiveTrendMode]);
   const handleDateRangeChange = React143__default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
@@ -80789,6 +80879,33 @@ var PlantHeadView = () => {
     () => resolvedTrendMode,
     [resolvedTrendMode]
   );
+  const hasActiveSelectedShiftLine = React143__default.useMemo(
+    () => activeLineShiftStates.some((shift) => {
+      if (shift.date !== resolvedOperationalToday) return false;
+      if (effectiveTrendMode === "all") return true;
+      const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+      if (specificShiftId !== null) {
+        return shift.exactTrendMode === effectiveTrendMode;
+      }
+      return shift.bucketTrendMode === effectiveTrendMode;
+    }),
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
+  const activeLiveShiftName = React143__default.useMemo(
+    () => {
+      if (effectiveTrendMode === "all") return null;
+      const matchingShift = activeLineShiftStates.find((shift) => {
+        if (shift.date !== resolvedOperationalToday) return false;
+        const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+        if (specificShiftId !== null) {
+          return shift.exactTrendMode === effectiveTrendMode;
+        }
+        return shift.bucketTrendMode === effectiveTrendMode;
+      });
+      return matchingShift?.shiftName || null;
+    },
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
   const hourlyLabelStartTime = React143__default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
@@ -80800,12 +80917,11 @@ var PlantHeadView = () => {
     [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
   const isLiveScope = React143__default.useMemo(
-    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && (effectiveTrendMode === "all" || effectiveTrendMode === "day" && hasActiveDayShiftLine || effectiveTrendMode === "night" && hasActiveNightShiftLine),
+    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && hasActiveSelectedShiftLine,
     [
       effectiveDateRange.startKey,
       effectiveTrendMode,
-      hasActiveDayShiftLine,
-      hasActiveNightShiftLine,
+      hasActiveSelectedShiftLine,
       isSingleDayScope,
       resolvedOperationalToday
     ]
@@ -80842,8 +80958,9 @@ var PlantHeadView = () => {
         dateRange,
         displayDateRange: headerDateRange,
         trendMode,
+        shiftFilterOptions,
         isLiveScope,
-        liveShiftName: isLiveScope && trendMode !== "all" ? trendMode : null,
+        liveShiftName: isLiveScope && trendMode !== "all" ? activeLiveShiftName : null,
         lineOptions,
         supervisorOptions,
         selectedSupervisorId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.11.37",
+  "version": "6.11.38",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",