@optifye/dashboard-core 6.11.16 → 6.11.17

package/dist/index.js

@@ -3295,11 +3295,9 @@ var normalizeShiftDefinitions = (timezone, shiftConfig) => {
   }
   return { shifts: legacyShifts, timezone: fallbackTimezone };
 };
-var determineShiftFromDefinitions = (timezone, shifts, now4 = /* @__PURE__ */ new Date()) => {
+var determineActiveShiftFromDefinitions = (timezone, shifts, now4 = /* @__PURE__ */ new Date()) => {
   const zonedNow = dateFnsTz.toZonedTime(now4, timezone);
   const currentMinutes = zonedNow.getHours() * 60 + zonedNow.getMinutes();
-  let chosen;
-  let operationalDate = getOperationalDate(timezone, now4, shifts[0].startTime);
   for (const shift of shifts) {
     const start = parseTimeToMinutes(shift.startTime);
     const endRaw = parseTimeToMinutes(shift.endTime);
@@ -3307,32 +3305,47 @@ var determineShiftFromDefinitions = (timezone, shifts, now4 = /* @__PURE__ */ ne
     const wraps = end <= start;
     if (wraps) end += 1440;
     if (start <= currentMinutes && currentMinutes < end) {
-      chosen = shift;
-      operationalDate = getOperationalDate(timezone, now4, shift.startTime);
-      break;
+      return {
+        shiftId: shift.shiftId,
+        shiftName: shift.shiftName,
+        startTime: shift.startTime,
+        endTime: shift.endTime,
+        timezone,
+        date: getOperationalDate(timezone, now4, shift.startTime)
+      };
     }
     if (start <= currentMinutes + 1440 && currentMinutes + 1440 < end) {
-      chosen = shift;
-      operationalDate = getOperationalDate(timezone, now4, shift.startTime);
-      break;
+      return {
+        shiftId: shift.shiftId,
+        shiftName: shift.shiftName,
+        startTime: shift.startTime,
+        endTime: shift.endTime,
+        timezone,
+        date: getOperationalDate(timezone, now4, shift.startTime)
+      };
     }
   }
-  if (!chosen) {
-    chosen = shifts[0];
-    operationalDate = getOperationalDate(timezone, now4, chosen.startTime);
+  return null;
+};
+var getCurrentShift = (timezone, shiftConfig, now4 = /* @__PURE__ */ new Date()) => {
+  const { shifts, timezone: effectiveTz } = normalizeShiftDefinitions(timezone, shiftConfig);
+  const activeShift = determineActiveShiftFromDefinitions(effectiveTz, shifts, now4);
+  if (activeShift) {
+    return activeShift;
   }
+  const fallbackShift = shifts[0];
   return {
-    shiftId: chosen.shiftId,
-    shiftName: chosen.shiftName,
-    startTime: chosen.startTime,
-    endTime: chosen.endTime,
-    timezone,
-    date: operationalDate
+    shiftId: fallbackShift.shiftId,
+    shiftName: fallbackShift.shiftName,
+    startTime: fallbackShift.startTime,
+    endTime: fallbackShift.endTime,
+    timezone: effectiveTz,
+    date: getOperationalDate(effectiveTz, now4, fallbackShift.startTime)
   };
 };
-var getCurrentShift = (timezone, shiftConfig, now4 = /* @__PURE__ */ new Date()) => {
+var getActiveShift = (timezone, shiftConfig, now4 = /* @__PURE__ */ new Date()) => {
   const { shifts, timezone: effectiveTz } = normalizeShiftDefinitions(timezone, shiftConfig);
-  return determineShiftFromDefinitions(effectiveTz, shifts, now4);
+  return determineActiveShiftFromDefinitions(effectiveTz, shifts, now4);
 };
 var isTransitionPeriod = (timezone, shiftConfig, now4 = /* @__PURE__ */ new Date()) => {
   const transitionMinutes = shiftConfig?.transitionPeriodMinutes ?? DEFAULT_TRANSITION_MINUTES;
@@ -32203,6 +32216,7 @@ var LineChartComponent = ({
   xAxisLabel,
   xAxisTickFormatter,
   // Pass through for X-axis tick formatting
+  xAxisInterval,
   yAxisLabel,
   yAxisUnit,
   yAxisDomain,
@@ -32285,6 +32299,7 @@ var LineChartComponent = ({
             dataKey: xAxisDataKey,
             label: xAxisLabel ? { value: xAxisLabel, position: "insideBottom", offset: -10 } : void 0,
             tickFormatter: xAxisTickFormatter,
+            interval: xAxisInterval,
             tick: { fontSize: 12, fill: axisTickFillColor },
             stroke: axisStrokeColor
           }
@@ -34028,8 +34043,9 @@ var VideoCard = React141__namespace.default.memo(({
   const isRecentFlowCard = isVideoGridRecentFlowEnabled(workspace);
   const hasDisplayMetric = typeof videoGridDisplayValue === "number" && Number.isFinite(videoGridDisplayValue);
   const hasBarMetric = typeof videoGridMetricValue === "number" && Number.isFinite(videoGridMetricValue);
+  const shouldRenderMetricBadge = hasDisplayMetric;
   const badgeTitle = hasVideoGridRecentFlow(workspace) ? `Flow ${Math.round(videoGridDisplayValue ?? 0)}%` : isRecentFlowCard ? "Flow unavailable" : `Efficiency ${Math.round(videoGridDisplayValue ?? 0)}%`;
-  const badgeLabel = hasDisplayMetric ? `${Math.round(videoGridDisplayValue)}%` : "X";
+  const badgeLabel = `${Math.round(videoGridDisplayValue ?? 0)}%`;
   const efficiencyOverlayClass = videoGridColorState === "green" ? "bg-[#00D654]/25" : videoGridColorState === "yellow" ? "bg-[#FFD700]/30" : videoGridColorState === "red" ? "bg-[#FF2D0A]/30" : "bg-transparent";
   const efficiencyBarClass = videoGridColorState === "green" ? "bg-[#00AB45]" : videoGridColorState === "yellow" ? "bg-[#FFB020]" : videoGridColorState === "red" ? "bg-[#E34329]" : "bg-gray-500/70";
   const efficiencyStatus = videoGridColorState === "green" ? "High" : videoGridColorState === "yellow" ? "Medium" : videoGridColorState === "red" ? "Low" : "Neutral";
@@ -34105,7 +34121,7 @@ var VideoCard = React141__namespace.default.memo(({
               lastSeenText
             ] })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute ${compact ? "top-1 right-1" : "top-2 right-2"} z-30`, children: /* @__PURE__ */ jsxRuntime.jsx(
+          shouldRenderMetricBadge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute ${compact ? "top-1 right-1" : "top-2 right-2"} z-30`, children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
               "data-testid": "video-card-metric-badge",
@@ -49832,8 +49848,7 @@ var WorkspaceCycleTimeMetricCards = ({
         {
           data: idleTimeData.chartData,
           isLoading: idleTimeData.isLoading,
-          error: idleTimeData.error,
-          variant: "bar"
+          error: idleTimeData.error
         }
       ) })
     ] })
@@ -76453,7 +76468,7 @@ var formatComparisonWindow = ({
   shiftMode
 }) => {
   if (comparisonStrategy === "previous_full_week") return "last week";
-  if (comparisonStrategy === "matched_range" && shiftMode !== "all" && currentDayCount === 1 && previousDayCount === 1) {
+  if (comparisonStrategy === "matched_range" && currentDayCount === 1 && previousDayCount === 1) {
     return "previous day";
   }
   if (!previousDayCount || !Number.isFinite(previousDayCount)) return "previous range";
@@ -76476,8 +76491,14 @@ var buildDeltaBadge = (delta, options) => {
   };
 };
 var normalizeShiftLabel = (shiftName, shiftMode) => {
+  if (shiftMode === "all") {
+    return "All Shifts";
+  }
   const trimmedName = shiftName?.trim();
   if (trimmedName) {
+    const normalizedName = trimmedName.toLowerCase();
+    if (normalizedName === "day") return "Day Shift";
+    if (normalizedName === "night") return "Night Shift";
     return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
   }
   if (shiftMode === "night") return "Night Shift";
@@ -76486,6 +76507,9 @@ var normalizeShiftLabel = (shiftName, shiftMode) => {
 var getShiftIcon = (shiftName, shiftMode) => {
   const normalizedName = (shiftName || "").toLowerCase();
   const normalizedMode = shiftMode || "day";
+  if (normalizedMode === "all") {
+    return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
+  }
   if (normalizedName.includes("day") || normalizedName.includes("morning") || normalizedMode === "day") {
     return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
   }
@@ -76564,6 +76588,7 @@ var OperationsOverviewHeader = React141__namespace.default.memo(({
 }) => {
   bumpRenderCounter();
   const subtitleRange = displayDateRange || dateRange;
+  const showLiveShiftMeta = isLiveScope && trendMode !== "all";
   const liveShiftLabel = React141__namespace.default.useMemo(
     () => normalizeShiftLabel(liveShiftName, trendMode),
     [liveShiftName, trendMode]
@@ -76701,8 +76726,8 @@ var OperationsOverviewHeader = React141__namespace.default.memo(({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-[11px] font-medium text-slate-500 min-w-0", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-center", children: mobileSubtitle }),
-          isLiveScope ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-300", children: "|" }) : null,
-          isLiveScope ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "operations-overview-live-meta", className: "inline-flex items-center gap-1.5 text-gray-600 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 justify-center truncate", children: [
+          showLiveShiftMeta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-300", children: "|" }) : null,
+          showLiveShiftMeta ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "operations-overview-live-meta", className: "inline-flex items-center gap-1.5 text-gray-600 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 justify-center truncate", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-75 shrink-0", children: liveShiftIcon }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: liveShiftLabel })
           ] }) }) : null
@@ -76749,7 +76774,7 @@ var OperationsOverviewHeader = React141__namespace.default.memo(({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex flex-wrap items-center justify-center gap-x-3 gap-y-1 text-xs sm:text-sm font-medium text-slate-500 text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: desktopSubtitle }),
-          isLiveScope ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          showLiveShiftMeta ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-300", children: "|" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "operations-overview-live-meta", className: "inline-flex items-center gap-1.5 text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 justify-center", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-75", children: liveShiftIcon }),
@@ -77323,18 +77348,18 @@ var EfficiencyTrendCard = React141__namespace.default.memo(({
       return (trend.data.points || []).map((point, index) => ({
         name: (() => {
           const rawLabel = point.label?.trim() || "";
-          if (!hourlyLabelStartTime) {
-            return rawLabel || `Hour ${index + 1}`;
-          }
-          if (rawLabel && !/^Hour\s+\d+$/i.test(rawLabel)) {
+          if (rawLabel) {
             return rawLabel;
           }
+          if (!hourlyLabelStartTime) {
+            return "";
+          }
           const hourIndex = typeof point.hour_index === "number" ? point.hour_index : index;
           const [hoursPart, minutesPart] = hourlyLabelStartTime.split(":");
           const startHours = Number(hoursPart);
           const startMinutes = Number(minutesPart);
           if (!Number.isFinite(startHours) || !Number.isFinite(startMinutes)) {
-            return rawLabel || `Hour ${index + 1}`;
+            return "";
           }
           const totalMinutes = startHours * 60 + startMinutes + hourIndex * 60;
           const hour24 = Math.floor(totalMinutes / 60) % 24;
@@ -77396,6 +77421,12 @@ var EfficiencyTrendCard = React141__namespace.default.memo(({
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
   }, [isHourlyTrend]);
+  const trendXAxisTickFormatter = React141__namespace.default.useCallback((value, index) => {
+    if (!isHourlyTrend) {
+      return typeof value === "string" ? value : String(value ?? "");
+    }
+    return index % 2 === 0 ? typeof value === "string" ? value : String(value ?? "") : "";
+  }, [isHourlyTrend]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-[0_2px_10px_-3px_rgba(6,81,237,0.1)] border border-slate-100 flex flex-col overflow-hidden text-left", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-5 flex-none flex justify-between items-center border-b border-slate-50/50", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Efficiency Trend" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-[250px] w-full p-4 pt-4 relative", children: showInitialSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewChartSkeleton, {}) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 pb-2 pr-4 pl-1", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -77404,6 +77435,8 @@ var EfficiencyTrendCard = React141__namespace.default.memo(({
         data: trendData,
         lines: efficiencyLineConfig,
         xAxisDataKey: "name",
+        xAxisInterval: isHourlyTrend ? 0 : void 0,
+        xAxisTickFormatter: trendXAxisTickFormatter,
         yAxisUnit: "%",
         yAxisDomain: [0, 100],
         showLegend: false,
@@ -77909,6 +77942,62 @@ var classifyShiftBucket = ({
   if (normalizedShiftId === 1) return "night";
   return null;
 };
+var getShiftWindowsForConfig = (shiftConfig, timezone) => {
+  if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
+    return shiftConfig.shifts.map((shift) => ({
+      shiftId: shift.shiftId,
+      shiftName: shift.shiftName,
+      startTime: shift.startTime,
+      endTime: shift.endTime
+    }));
+  }
+  const windows = [];
+  if (shiftConfig?.dayShift) {
+    windows.push({
+      shiftId: shiftConfig.dayShift.id ?? 0,
+      shiftName: shiftConfig.dayShift.name || "Day Shift",
+      startTime: shiftConfig.dayShift.startTime || "06:00",
+      endTime: shiftConfig.dayShift.endTime || "18:00"
+    });
+  }
+  if (shiftConfig?.nightShift) {
+    windows.push({
+      shiftId: shiftConfig.nightShift.id ?? 1,
+      shiftName: shiftConfig.nightShift.name || "Night Shift",
+      startTime: shiftConfig.nightShift.startTime || "18:00",
+      endTime: shiftConfig.nightShift.endTime || "06:00"
+    });
+  }
+  if (windows.length > 0) {
+    return windows;
+  }
+  return [
+    {
+      shiftId: 0,
+      shiftName: "Day Shift",
+      startTime: "06:00",
+      endTime: "18:00"
+    },
+    {
+      shiftId: 1,
+      shiftName: "Night Shift",
+      startTime: "18:00",
+      endTime: "06:00"
+    }
+  ];
+};
+var normalizeShiftWindowMinutes = (startTime, endTime) => {
+  const startMinutes = parseTimeToMinutes3(startTime);
+  const endMinutesRaw = parseTimeToMinutes3(endTime);
+  if (startMinutes === null || endMinutesRaw === null) {
+    return null;
+  }
+  let endMinutes = endMinutesRaw;
+  if (endMinutes <= startMinutes) {
+    endMinutes += 24 * 60;
+  }
+  return { startMinutes, endMinutes };
+};
 var PlantHeadView = () => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
@@ -77934,6 +78023,7 @@ var PlantHeadView = () => {
   const [selectedSupervisorId, setSelectedSupervisorId] = React141__namespace.default.useState("all");
   const [selectedLineIds, setSelectedLineIds] = React141__namespace.default.useState([]);
   const [isInitialScopeReady, setIsInitialScopeReady] = React141__namespace.default.useState(false);
+  const [shiftResolutionTick, setShiftResolutionTick] = React141__namespace.default.useState(0);
   const hasAutoInitializedScopeRef = React141__namespace.default.useRef(false);
   const hasUserAdjustedScopeRef = React141__namespace.default.useRef(false);
   React141__namespace.default.useEffect(() => {
@@ -78038,34 +78128,151 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
-  const { shiftGroups, hasComputed: hasComputedShiftGroups } = useShiftGroups({
-    enabled: scopedLineIds.length > 0 && !isShiftConfigLoading,
-    shiftConfigMap,
-    timezone: appTimezone
-  });
-  const currentShiftScope = React141__namespace.default.useMemo(() => {
-    if (shiftGroups.length !== 1) return null;
-    const group = shiftGroups[0];
-    const referenceLineId = group.lineIds[0];
-    const referenceShiftConfig = referenceLineId ? shiftConfigMap.get(referenceLineId) : null;
-    const normalizedGroupShiftId = normalizeShiftId(group.shiftId);
-    const shiftDefinition = referenceShiftConfig?.shifts?.find((shift) => normalizeShiftId(shift.shiftId) === normalizedGroupShiftId);
-    const resolvedMode = classifyShiftBucket({
-      shiftName: group.shiftName,
-      shiftId: normalizedGroupShiftId,
-      startTime: shiftDefinition?.startTime,
-      endTime: shiftDefinition?.endTime
-    });
-    if (!resolvedMode || resolvedMode === "all") return null;
-    return {
-      date: group.date,
-      trendMode: resolvedMode,
-      shiftName: shiftDefinition?.shiftName || group.shiftName || null
+  React141__namespace.default.useEffect(() => {
+    if (scopedLineIds.length === 0 || isShiftConfigLoading) {
+      return;
+    }
+    const intervalId = window.setInterval(() => {
+      setShiftResolutionTick((previous) => previous + 1);
+    }, 6e4);
+    return () => {
+      clearInterval(intervalId);
     };
-  }, [shiftConfigMap, shiftGroups]);
+  }, [isShiftConfigLoading, scopedLineIds.length]);
+  const shiftResolutionNow = React141__namespace.default.useMemo(
+    () => /* @__PURE__ */ new Date(),
+    [shiftResolutionTick]
+  );
+  const earliestDayShiftStartTime = React141__namespace.default.useMemo(() => {
+    const candidateStarts = [];
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+        const bucket = classifyShiftBucket({
+          shiftName: shift.shiftName,
+          shiftId: shift.shiftId,
+          startTime: shift.startTime,
+          endTime: shift.endTime
+        });
+        const startMinutes = parseTimeToMinutes3(shift.startTime);
+        if (bucket === "day" && startMinutes !== null) {
+          candidateStarts.push(startMinutes);
+        }
+      });
+    });
+    if (candidateStarts.length === 0) {
+      scopedLineIds.forEach((lineId) => {
+        const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+        getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+          const startMinutes = parseTimeToMinutes3(shift.startTime);
+          if (startMinutes !== null) {
+            candidateStarts.push(startMinutes);
+          }
+        });
+      });
+    }
+    if (candidateStarts.length === 0) {
+      return "06:00";
+    }
+    const earliestMinutes = Math.min(...candidateStarts);
+    const hours = Math.floor(earliestMinutes / 60);
+    const minutes = earliestMinutes % 60;
+    return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+  }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
+  const resolvedOperationalToday = React141__namespace.default.useMemo(
+    () => getOperationalDate(appTimezone, shiftResolutionNow, earliestDayShiftStartTime),
+    [appTimezone, earliestDayShiftStartTime, shiftResolutionNow]
+  );
+  const activeLineShiftStates = React141__namespace.default.useMemo(() => {
+    return scopedLineIds.flatMap((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      const activeShift = getActiveShift(appTimezone, shiftConfig, shiftResolutionNow);
+      if (!activeShift) {
+        return [];
+      }
+      const trendBucket = classifyShiftBucket({
+        shiftName: activeShift.shiftName,
+        shiftId: activeShift.shiftId,
+        startTime: activeShift.startTime,
+        endTime: activeShift.endTime
+      });
+      if (!trendBucket || trendBucket === "all") {
+        return [];
+      }
+      return [{
+        lineId,
+        trendMode: trendBucket,
+        shiftId: activeShift.shiftId,
+        shiftName: activeShift.shiftName || null,
+        startTime: activeShift.startTime || null,
+        endTime: activeShift.endTime || null,
+        date: activeShift.date
+      }];
+    });
+  }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
+  const hasActiveDayShiftLine = React141__namespace.default.useMemo(
+    () => activeLineShiftStates.some((shift) => shift.trendMode === "day" && shift.date === resolvedOperationalToday),
+    [activeLineShiftStates, resolvedOperationalToday]
+  );
+  const hasActiveNightShiftLine = React141__namespace.default.useMemo(
+    () => activeLineShiftStates.some((shift) => shift.trendMode === "night" && shift.date === resolvedOperationalToday),
+    [activeLineShiftStates, resolvedOperationalToday]
+  );
+  const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
+  const hourlyWindowStartTime = React141__namespace.default.useMemo(() => {
+    if (scopedLineIds.length === 0) {
+      return null;
+    }
+    const startCandidates = [];
+    const endCandidates = [];
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+        const bucket = classifyShiftBucket({
+          shiftName: shift.shiftName,
+          shiftId: shift.shiftId,
+          startTime: shift.startTime,
+          endTime: shift.endTime
+        });
+        if (resolvedTrendMode !== "all" && bucket !== resolvedTrendMode) {
+          return;
+        }
+        const normalizedWindow = normalizeShiftWindowMinutes(shift.startTime, shift.endTime);
+        if (!normalizedWindow) {
+          return;
+        }
+        startCandidates.push(normalizedWindow.startMinutes);
+        endCandidates.push(normalizedWindow.endMinutes);
+      });
+    });
+    if (resolvedTrendMode === "all") {
+      const dayStartCandidates = startCandidates.length > 0 ? scopedLineIds.flatMap((lineId) => {
+        const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+        return getShiftWindowsForConfig(shiftConfig).map((shift) => {
+          const bucket = classifyShiftBucket({
+            shiftName: shift.shiftName,
+            shiftId: shift.shiftId,
+            startTime: shift.startTime,
+            endTime: shift.endTime
+          });
+          return bucket === "day" ? parseTimeToMinutes3(shift.startTime) : null;
+        }).filter((value) => value !== null);
+      }) : [];
+      if (dayStartCandidates.length > 0) {
+        startCandidates.splice(0, startCandidates.length, ...dayStartCandidates);
+      }
+    }
+    if (startCandidates.length === 0 || endCandidates.length === 0) {
+      return null;
+    }
+    const earliestMinutes = Math.min(...startCandidates);
+    const hours = Math.floor(earliestMinutes / 60);
+    const minutes = earliestMinutes % 60;
+    return `${hours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
+  }, [appTimezone, resolvedTrendMode, scopedLineIds, shiftConfigMap, staticShiftConfig]);
   const isShiftScopeResolved = React141__namespace.default.useMemo(
-    () => !isShiftConfigLoading && hasComputedShiftGroups,
-    [hasComputedShiftGroups, isShiftConfigLoading]
+    () => !isShiftConfigLoading,
+    [isShiftConfigLoading]
   );
   const initializedTimezoneRef = React141__namespace.default.useRef(appTimezone);
   React141__namespace.default.useEffect(() => {
@@ -78092,7 +78299,7 @@ var PlantHeadView = () => {
       return;
     }
     setDateRange((previous) => {
-      const nextStartKey = currentShiftScope?.date || fallbackOperationalDate;
+      const nextStartKey = resolvedOperationalToday || fallbackOperationalDate;
       if (previous.startKey === nextStartKey && previous.endKey === nextStartKey) {
         return previous;
       }
@@ -78101,11 +78308,11 @@ var PlantHeadView = () => {
         endKey: nextStartKey
       };
     });
-    setTrendMode(currentShiftScope?.trendMode || "all");
+    setTrendMode("all");
     setUsesThisWeekComparison(false);
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
-  }, [currentShiftScope, fallbackOperationalDate, isShiftScopeResolved, scopedLineIds.length]);
+  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
   const handleDateRangeChange = React141__namespace.default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
@@ -78182,45 +78389,36 @@ var PlantHeadView = () => {
     if (isInitialScopeReady) {
       return dateRange;
     }
-    const nextStartKey = currentShiftScope?.date || fallbackOperationalDate;
+    const nextStartKey = resolvedOperationalToday || fallbackOperationalDate;
     return {
       startKey: nextStartKey,
       endKey: nextStartKey
     };
-  }, [currentShiftScope, dateRange, fallbackOperationalDate, isInitialScopeReady]);
+  }, [dateRange, fallbackOperationalDate, isInitialScopeReady, resolvedOperationalToday]);
   const effectiveTrendMode = React141__namespace.default.useMemo(
-    () => isInitialScopeReady ? trendMode : currentShiftScope?.trendMode || "all",
-    [currentShiftScope, isInitialScopeReady, trendMode]
+    () => resolvedTrendMode,
+    [resolvedTrendMode]
   );
   const hourlyLabelStartTime = React141__namespace.default.useMemo(() => {
-    if (effectiveTrendMode === "all" || scopedLineIds.length === 0) {
-      return null;
-    }
-    const shiftStartTimes = /* @__PURE__ */ new Set();
-    scopedLineIds.forEach((lineId) => {
-      const shiftConfig = shiftConfigMap.get(lineId);
-      const matchingShift = shiftConfig?.shifts?.find((shift) => classifyShiftBucket({
-        shiftName: shift.shiftName,
-        shiftId: shift.shiftId,
-        startTime: shift.startTime,
-        endTime: shift.endTime
-      }) === effectiveTrendMode);
-      if (matchingShift?.startTime) {
-        shiftStartTimes.add(matchingShift.startTime);
-      }
-    });
-    if (shiftStartTimes.size !== 1) {
+    if (scopedLineIds.length === 0) {
       return null;
     }
-    return Array.from(shiftStartTimes)[0] || null;
-  }, [effectiveTrendMode, scopedLineIds, shiftConfigMap]);
-  const isSingleDayShiftScope = React141__namespace.default.useMemo(
-    () => effectiveDateRange.startKey === effectiveDateRange.endKey && effectiveTrendMode !== "all",
-    [effectiveDateRange.endKey, effectiveDateRange.startKey, effectiveTrendMode]
+    return hourlyWindowStartTime;
+  }, [hourlyWindowStartTime, scopedLineIds.length]);
+  const isSingleDayScope = React141__namespace.default.useMemo(
+    () => effectiveDateRange.startKey === effectiveDateRange.endKey,
+    [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
   const isLiveScope = React141__namespace.default.useMemo(
-    () => isSingleDayShiftScope && currentShiftScope !== null && effectiveDateRange.startKey === currentShiftScope.date && effectiveTrendMode === currentShiftScope.trendMode,
-    [currentShiftScope, effectiveDateRange.startKey, effectiveTrendMode, isSingleDayShiftScope]
+    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && (effectiveTrendMode === "all" || effectiveTrendMode === "day" && hasActiveDayShiftLine || effectiveTrendMode === "night" && hasActiveNightShiftLine),
+    [
+      effectiveDateRange.startKey,
+      effectiveTrendMode,
+      hasActiveDayShiftLine,
+      hasActiveNightShiftLine,
+      isSingleDayScope,
+      resolvedOperationalToday
+    ]
   );
   const handleOpenLineDetails = React141__namespace.default.useCallback((lineId, lineName) => {
     trackCoreEvent("Operations Overview Line Clicked", {
@@ -78255,7 +78453,7 @@ var PlantHeadView = () => {
         displayDateRange: headerDateRange,
         trendMode,
         isLiveScope,
-        liveShiftName: currentShiftScope?.shiftName || null,
+        liveShiftName: isLiveScope && trendMode !== "all" ? trendMode : null,
         lineOptions,
         supervisorOptions,
         selectedSupervisorId,
@@ -79086,6 +79284,7 @@ exports.formatRelativeTime = formatRelativeTime;
 exports.formatTimeInZone = formatTimeInZone;
 exports.fromUrlFriendlyName = fromUrlFriendlyName;
 exports.getActionDisplayName = getActionDisplayName;
+exports.getActiveShift = getActiveShift;
 exports.getAllLineDisplayNames = getAllLineDisplayNames;
 exports.getAllThreadMessages = getAllThreadMessages;
 exports.getAllWorkspaceDisplayNamesAsync = getAllWorkspaceDisplayNamesAsync;