@optifye/dashboard-core 6.12.1 → 6.12.2

package/dist/index.mjs

@@ -13004,7 +13004,8 @@ var toWorkspaceDetailedMetrics = ({
   const targetOutput = coerceNumber(data.target_output ?? data.total_day_output, 0);
   const idealOutput = coerceNumber(data.ideal_output ?? data.ideal_output_until_now, 0);
   const outputDifference = totalActions - idealOutput;
-  const hourlyTargetOutput = Array.isArray(data.hourly_target_output) ? data.hourly_target_output.map((value) => value === null || value === void 0 ? null : coerceNumber(value, 0)) : null;
+  const hasHourlyTargetOutputField = Object.prototype.hasOwnProperty.call(data, "hourly_target_output");
+  const hourlyTargetOutput = Array.isArray(data.hourly_target_output) ? data.hourly_target_output.map((value) => value === null || value === void 0 ? null : coerceNumber(value, 0)) : hasHourlyTargetOutputField ? null : void 0;
   const hourlyCycleTimes = Array.isArray(data.hourly_cycle_times) ? data.hourly_cycle_times.map((value) => coerceNumber(value, 0)) : [];
   const cycleCompletionClipCount = data.cycle_completion_clip_count === null || data.cycle_completion_clip_count === void 0 ? null : coerceNumber(data.cycle_completion_clip_count, 0);
   const cycleTimeDataStatus = data.cycle_time_data_status === "missing_clips" ? "missing_clips" : data.cycle_time_data_status === "available" ? "available" : null;
@@ -35185,6 +35186,261 @@ var Button = React144.forwardRef(
   }
 );
 Button.displayName = "Button";
+
+// src/lib/utils/hourlyTargets.ts
+var stripSeconds2 = (timeStr) => timeStr ? timeStr.slice(0, 5) : timeStr;
+var MINUTES_PER_DAY = 24 * 60;
+var parseTimeToMinutes2 = (timeString) => {
+  const normalized = stripSeconds2(timeString || "");
+  if (!normalized || !/^[0-2]\d:[0-5]\d$/.test(normalized)) return Number.NaN;
+  const [hours, minutes] = normalized.split(":").map(Number);
+  return hours * 60 + minutes;
+};
+var normalizeBreaksOnShiftTimeline = (shiftStart, breaks) => {
+  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
+  if (!Number.isFinite(shiftStartMinutes)) return [];
+  const normalizedBreaks = [];
+  for (const entry of breaks) {
+    const startRaw = parseTimeToMinutes2(entry.startTime);
+    const endRaw = parseTimeToMinutes2(entry.endTime);
+    if (!Number.isFinite(startRaw) || !Number.isFinite(endRaw)) continue;
+    let start = startRaw;
+    let end = endRaw;
+    if (end <= start) {
+      end += 24 * 60;
+    }
+    if (start < shiftStartMinutes) {
+      start += 24 * 60;
+      end += 24 * 60;
+    }
+    const label = entry.remarks?.trim() || "Break";
+    normalizedBreaks.push({ start, end, label });
+  }
+  return normalizedBreaks;
+};
+var roundTarget = (value, mode) => {
+  if (!Number.isFinite(value)) return 0;
+  switch (mode) {
+    case "floor":
+      return Math.floor(value);
+    case "ceil":
+      return Math.ceil(value);
+    case "round":
+    default:
+      return Math.round(value);
+  }
+};
+var formatDateKey = (date) => {
+  const year = date.getUTCFullYear();
+  const month = `${date.getUTCMonth() + 1}`.padStart(2, "0");
+  const day = `${date.getUTCDate()}`.padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+var shiftDateKey = (dateKey, deltaDays) => {
+  const [yearPart, monthPart, dayPart] = dateKey.split("-").map(Number);
+  const year = Number.isFinite(yearPart) ? yearPart : 1970;
+  const month = Number.isFinite(monthPart) ? monthPart : 1;
+  const day = Number.isFinite(dayPart) ? dayPart : 1;
+  const date = new Date(Date.UTC(year, month - 1, day));
+  date.setUTCDate(date.getUTCDate() + deltaDays);
+  return formatDateKey(date);
+};
+var getZonedNowSnapshot = (timeZone, now4) => {
+  const formatter = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    hourCycle: "h23"
+  });
+  const parts = formatter.formatToParts(now4).reduce((acc, part) => {
+    if (part.type !== "literal") {
+      acc[part.type] = part.value;
+    }
+    return acc;
+  }, {});
+  const year = Number(parts.year);
+  const month = Number(parts.month);
+  const day = Number(parts.day);
+  const hour = Number(parts.hour);
+  const minute = Number(parts.minute);
+  return {
+    dateKey: `${String(year).padStart(4, "0")}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`,
+    minutesOfDay: (Number.isFinite(hour) ? hour : 0) * 60 + (Number.isFinite(minute) ? minute : 0)
+  };
+};
+var getDateKeyInTimeZone = (timeZone, now4 = /* @__PURE__ */ new Date()) => getZonedNowSnapshot(timeZone, now4).dateKey;
+var buildHourlyIntervals = ({
+  shiftStart,
+  shiftEnd,
+  bucketMinutes = 60,
+  fallbackHours = 11
+}) => {
+  const startMinutes = parseTimeToMinutes2(shiftStart);
+  if (!Number.isFinite(startMinutes)) return [];
+  const bucket = Number.isFinite(bucketMinutes) && bucketMinutes > 0 ? Math.floor(bucketMinutes) : 60;
+  let totalMinutes;
+  const endRaw = shiftEnd ? parseTimeToMinutes2(shiftEnd) : Number.NaN;
+  if (!Number.isFinite(endRaw)) {
+    totalMinutes = Math.max(0, Math.round(fallbackHours * 60));
+  } else {
+    let endMinutes = endRaw;
+    if (endMinutes <= startMinutes) {
+      endMinutes += 24 * 60;
+    }
+    totalMinutes = endMinutes - startMinutes;
+  }
+  if (!Number.isFinite(totalMinutes) || totalMinutes <= 0) return [];
+  const count = Math.ceil(totalMinutes / bucket);
+  const shiftEndMinutes = startMinutes + totalMinutes;
+  const intervals = [];
+  for (let i = 0; i < count; i += 1) {
+    const start = startMinutes + i * bucket;
+    const end = Math.min(start + bucket, shiftEndMinutes);
+    const minutes = Math.max(0, end - start);
+    if (minutes <= 0) continue;
+    intervals.push({ start, end, minutes });
+  }
+  return intervals;
+};
+var computeBreakMinutesByInterval = ({
+  intervals,
+  shiftStart,
+  breaks
+}) => {
+  if (!intervals.length || !breaks.length) return intervals.map(() => 0);
+  const normalizedBreaks = normalizeBreaksOnShiftTimeline(shiftStart, breaks);
+  return intervals.map((interval) => {
+    if (!normalizedBreaks.length) return 0;
+    let total = 0;
+    for (const brk of normalizedBreaks) {
+      const overlap = Math.max(0, Math.min(interval.end, brk.end) - Math.max(interval.start, brk.start));
+      total += overlap;
+      if (total >= interval.minutes) return interval.minutes;
+    }
+    return Math.min(interval.minutes, total);
+  });
+};
+var computeBreakRemarksByInterval = ({
+  intervals,
+  shiftStart,
+  breaks
+}) => {
+  if (!intervals.length || !breaks.length) return intervals.map(() => "");
+  const normalizedBreaks = normalizeBreaksOnShiftTimeline(shiftStart, breaks);
+  return intervals.map((interval) => {
+    const labels = normalizedBreaks.filter((brk) => Math.max(0, Math.min(interval.end, brk.end) - Math.max(interval.start, brk.start)) > 0).map((brk) => brk.label).filter((label, index, values) => label && values.indexOf(label) === index);
+    return labels.join(", ");
+  });
+};
+var computeEffectiveTargets = ({
+  intervals,
+  breakMinutes,
+  pphThreshold,
+  rounding = "round"
+}) => {
+  return intervals.map((interval, idx) => {
+    const intervalMinutes = Number(interval?.minutes) || 0;
+    const breakMins = Number(breakMinutes?.[idx]) || 0;
+    const plannedWorkMinutes = Math.max(0, intervalMinutes - breakMins);
+    if (!Number.isFinite(pphThreshold) || pphThreshold <= 0) return 0;
+    if (plannedWorkMinutes <= 0) return 0;
+    return roundTarget(pphThreshold * plannedWorkMinutes / 60, rounding);
+  });
+};
+var buildHourlyTargetPlan = ({
+  shiftStart,
+  shiftEnd,
+  breaks = [],
+  pphThreshold,
+  bucketMinutes = 60,
+  fallbackHours = 11,
+  rounding = "round"
+}) => {
+  const intervals = buildHourlyIntervals({
+    shiftStart,
+    shiftEnd,
+    bucketMinutes,
+    fallbackHours
+  });
+  const breakMinutes = computeBreakMinutesByInterval({
+    intervals,
+    shiftStart,
+    breaks
+  });
+  const breakRemarks = computeBreakRemarksByInterval({
+    intervals,
+    shiftStart,
+    breaks
+  });
+  const productiveMinutes = intervals.map((interval, idx) => Math.max(0, (Number(interval?.minutes) || 0) - (Number(breakMinutes[idx]) || 0)));
+  const targets = computeEffectiveTargets({
+    intervals,
+    breakMinutes,
+    pphThreshold,
+    rounding
+  });
+  return {
+    intervals,
+    breakMinutes,
+    breakRemarks,
+    productiveMinutes,
+    targets
+  };
+};
+var isHourlyIntervalComplete = ({
+  reportDate,
+  shiftStart,
+  shiftEnd,
+  interval,
+  timeZone = "Asia/Kolkata",
+  now: now4 = /* @__PURE__ */ new Date()
+}) => {
+  if (!reportDate) return true;
+  const snapshot = getZonedNowSnapshot(timeZone, now4);
+  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
+  const shiftEndMinutes = shiftEnd ? parseTimeToMinutes2(shiftEnd) : Number.NaN;
+  const wrapsMidnight = Number.isFinite(shiftStartMinutes) && Number.isFinite(shiftEndMinutes) && shiftEndMinutes <= shiftStartMinutes;
+  if (reportDate === snapshot.dateKey) {
+    return interval.end <= snapshot.minutesOfDay;
+  }
+  if (wrapsMidnight && reportDate === shiftDateKey(snapshot.dateKey, -1)) {
+    return interval.end <= snapshot.minutesOfDay + MINUTES_PER_DAY;
+  }
+  return reportDate < snapshot.dateKey;
+};
+var isShiftInProgressForReportDate = ({
+  reportDate,
+  shiftStart,
+  shiftEnd,
+  timeZone = "Asia/Kolkata",
+  now: now4 = /* @__PURE__ */ new Date()
+}) => {
+  if (!reportDate || !shiftStart || !shiftEnd) return false;
+  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
+  const shiftEndMinutesRaw = parseTimeToMinutes2(shiftEnd);
+  if (!Number.isFinite(shiftStartMinutes) || !Number.isFinite(shiftEndMinutesRaw)) {
+    return false;
+  }
+  let shiftEndMinutes = shiftEndMinutesRaw;
+  const wrapsMidnight = shiftEndMinutes <= shiftStartMinutes;
+  if (wrapsMidnight) {
+    shiftEndMinutes += MINUTES_PER_DAY;
+  }
+  const snapshot = getZonedNowSnapshot(timeZone, now4);
+  let currentMinutes = null;
+  if (reportDate === snapshot.dateKey) {
+    currentMinutes = snapshot.minutesOfDay;
+  } else if (wrapsMidnight && reportDate === shiftDateKey(snapshot.dateKey, -1)) {
+    currentMinutes = snapshot.minutesOfDay + MINUTES_PER_DAY;
+  }
+  if (currentMinutes === null) {
+    return false;
+  }
+  return shiftStartMinutes <= currentMinutes && currentMinutes < shiftEndMinutes;
+};
 var padTime = (value) => value.toString().padStart(2, "0");
 var parseTime = (timeValue) => {
   if (!timeValue) return null;
@@ -35566,6 +35822,7 @@ var HourlyOutputChartComponent = ({
   hourlyTargetOutput,
   shiftStart,
   shiftEnd,
+  shiftBreaks = [],
   showIdleTime = false,
   idleTimeHourly,
   shiftDate,
@@ -35803,13 +36060,41 @@ var HourlyOutputChartComponent = ({
       end: index === skuTimelineSegments.length - 1 ? Math.max(segment.start, targetLineEndOffset) : segment.end
     })).filter((segment) => segment.end > segment.start);
   }, [skuTimelineSegments, targetLineEndOffset]);
-  const hasHourlyTargetOutputProp = React144__default.useMemo(
+  const hasExplicitHourlyTargetOutputProp = React144__default.useMemo(
     () => hourlyTargetOutput !== void 0,
     [hourlyTargetOutput]
   );
+  const fallbackHourlyTargetOutput = React144__default.useMemo(() => {
+    if (hasExplicitHourlyTargetOutputProp) return void 0;
+    if (skuTimelineSegments.length > 0) return void 0;
+    const plan = buildHourlyTargetPlan({
+      shiftStart,
+      shiftEnd,
+      breaks: shiftBreaks,
+      pphThreshold,
+      rounding: "floor"
+    });
+    if (!plan.targets.length) return void 0;
+    return plan.targets.map((value) => Number.isFinite(value) ? value : null);
+  }, [
+    hasExplicitHourlyTargetOutputProp,
+    skuTimelineSegments.length,
+    shiftStart,
+    shiftEnd,
+    shiftBreaks,
+    pphThreshold
+  ]);
+  const effectiveHourlyTargetOutput = React144__default.useMemo(
+    () => hasExplicitHourlyTargetOutputProp ? hourlyTargetOutput : fallbackHourlyTargetOutput,
+    [hasExplicitHourlyTargetOutputProp, hourlyTargetOutput, fallbackHourlyTargetOutput]
+  );
+  const hasHourlyTargetOutputProp = React144__default.useMemo(
+    () => effectiveHourlyTargetOutput !== void 0,
+    [effectiveHourlyTargetOutput]
+  );
   const hasExplicitHourlyTargets = React144__default.useMemo(
-    () => Array.isArray(hourlyTargetOutput) && hourlyTargetOutput.some((value) => value !== null && value !== void 0),
-    [hourlyTargetOutput]
+    () => Array.isArray(effectiveHourlyTargetOutput) && effectiveHourlyTargetOutput.some((value) => value !== null && value !== void 0),
+    [effectiveHourlyTargetOutput]
   );
   const hourlyTargetSegments = React144__default.useMemo(() => {
     if (!hasExplicitHourlyTargets) return [];
@@ -35823,7 +36108,7 @@ var HourlyOutputChartComponent = ({
       runValue = null;
     };
     for (let i = 0; i < SHIFT_DURATION; i += 1) {
-      const rawValue = Array.isArray(hourlyTargetOutput) ? hourlyTargetOutput[i] : null;
+      const rawValue = Array.isArray(effectiveHourlyTargetOutput) ? effectiveHourlyTargetOutput[i] : null;
       const value = rawValue === null || rawValue === void 0 ? null : Number(rawValue);
       if (value === null || !Number.isFinite(value)) {
         flush(i);
@@ -35842,7 +36127,7 @@ var HourlyOutputChartComponent = ({
     }
     flush(SHIFT_DURATION);
     return segments.filter((segment) => segment.end > segment.start);
-  }, [SHIFT_DURATION, hasExplicitHourlyTargets, hourlyTargetOutput]);
+  }, [SHIFT_DURATION, hasExplicitHourlyTargets, effectiveHourlyTargetOutput]);
   const activeSkuHourIndices = React144__default.useMemo(() => {
     const indices = /* @__PURE__ */ new Set();
     const targets = Array(SHIFT_DURATION).fill(pphThreshold);
@@ -35880,7 +36165,7 @@ var HourlyOutputChartComponent = ({
     const { indices, targets, hasTimeline } = activeSkuHourIndices;
     return Array.from({ length: SHIFT_DURATION }, (_, i) => {
       const idleSlot = idleSlots[i];
-      const explicitTarget = hasHourlyTargetOutputProp ? hourlyTargetOutput?.[i] ?? null : void 0;
+      const explicitTarget = hasHourlyTargetOutputProp ? effectiveHourlyTargetOutput?.[i] ?? null : void 0;
       const currentTarget = hasHourlyTargetOutputProp ? explicitTarget : targets[i] || pphThreshold;
       const comparisonTarget = currentTarget === null || currentTarget === void 0 ? targets[i] || pphThreshold : currentTarget;
       return {
@@ -35899,7 +36184,7 @@ var HourlyOutputChartComponent = ({
         isDimmed: hasTimeline && !!activeSkuId && !indices.has(i)
       };
     });
-  }, [animatedData, data, pphThreshold, idleSlots, SHIFT_DURATION, activeSkuHourIndices, activeSkuId, hourlyTargetOutput, hasHourlyTargetOutputProp]);
+  }, [animatedData, data, pphThreshold, idleSlots, SHIFT_DURATION, activeSkuHourIndices, activeSkuId, effectiveHourlyTargetOutput, hasHourlyTargetOutputProp]);
   const renderSkuTimelineRail = React144__default.useCallback((props) => {
     if (!skuTimelineSegments.length || SHIFT_DURATION <= 0) return null;
     const offset = props?.offset;
@@ -36558,6 +36843,16 @@ var HourlyOutputChart = React144__default.memo(
     if (!prevProps.data.every((val, idx) => val === nextProps.data[idx])) {
       return false;
     }
+    const prevHasHourlyTargetOutputProp = prevProps.hourlyTargetOutput !== void 0;
+    const nextHasHourlyTargetOutputProp = nextProps.hourlyTargetOutput !== void 0;
+    if (prevHasHourlyTargetOutputProp !== nextHasHourlyTargetOutputProp) {
+      return false;
+    }
+    if (prevProps.hourlyTargetOutput === null || nextProps.hourlyTargetOutput === null) {
+      if (prevProps.hourlyTargetOutput !== nextProps.hourlyTargetOutput) {
+        return false;
+      }
+    }
     const prevHourlyTargets = prevProps.hourlyTargetOutput || [];
     const nextHourlyTargets = nextProps.hourlyTargetOutput || [];
     if (prevHourlyTargets.length !== nextHourlyTargets.length) {
@@ -36568,6 +36863,18 @@ var HourlyOutputChart = React144__default.memo(
         return false;
       }
     }
+    const prevShiftBreaks = prevProps.shiftBreaks || [];
+    const nextShiftBreaks = nextProps.shiftBreaks || [];
+    if (prevShiftBreaks.length !== nextShiftBreaks.length) {
+      return false;
+    }
+    for (let i = 0; i < prevShiftBreaks.length; i += 1) {
+      const prevBreak = prevShiftBreaks[i] || {};
+      const nextBreak = nextShiftBreaks[i] || {};
+      if (prevBreak.startTime !== nextBreak.startTime || prevBreak.endTime !== nextBreak.endTime || prevBreak.duration !== nextBreak.duration || prevBreak.remarks !== nextBreak.remarks) {
+        return false;
+      }
+    }
     const prevIdle = prevProps.idleTimeHourly || {};
     const nextIdle = nextProps.idleTimeHourly || {};
     const prevKeys = Object.keys(prevIdle);
@@ -50282,261 +50589,6 @@ Underperforming Workspaces: ${lineInfo.metrics.underperforming_workspaces} / ${l
     }
   );
 };
-
-// src/lib/utils/hourlyTargets.ts
-var stripSeconds2 = (timeStr) => timeStr ? timeStr.slice(0, 5) : timeStr;
-var MINUTES_PER_DAY = 24 * 60;
-var parseTimeToMinutes2 = (timeString) => {
-  const normalized = stripSeconds2(timeString || "");
-  if (!normalized || !/^[0-2]\d:[0-5]\d$/.test(normalized)) return Number.NaN;
-  const [hours, minutes] = normalized.split(":").map(Number);
-  return hours * 60 + minutes;
-};
-var normalizeBreaksOnShiftTimeline = (shiftStart, breaks) => {
-  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
-  if (!Number.isFinite(shiftStartMinutes)) return [];
-  const normalizedBreaks = [];
-  for (const entry of breaks) {
-    const startRaw = parseTimeToMinutes2(entry.startTime);
-    const endRaw = parseTimeToMinutes2(entry.endTime);
-    if (!Number.isFinite(startRaw) || !Number.isFinite(endRaw)) continue;
-    let start = startRaw;
-    let end = endRaw;
-    if (end <= start) {
-      end += 24 * 60;
-    }
-    if (start < shiftStartMinutes) {
-      start += 24 * 60;
-      end += 24 * 60;
-    }
-    const label = entry.remarks?.trim() || "Break";
-    normalizedBreaks.push({ start, end, label });
-  }
-  return normalizedBreaks;
-};
-var roundTarget = (value, mode) => {
-  if (!Number.isFinite(value)) return 0;
-  switch (mode) {
-    case "floor":
-      return Math.floor(value);
-    case "ceil":
-      return Math.ceil(value);
-    case "round":
-    default:
-      return Math.round(value);
-  }
-};
-var formatDateKey = (date) => {
-  const year = date.getUTCFullYear();
-  const month = `${date.getUTCMonth() + 1}`.padStart(2, "0");
-  const day = `${date.getUTCDate()}`.padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-var shiftDateKey = (dateKey, deltaDays) => {
-  const [yearPart, monthPart, dayPart] = dateKey.split("-").map(Number);
-  const year = Number.isFinite(yearPart) ? yearPart : 1970;
-  const month = Number.isFinite(monthPart) ? monthPart : 1;
-  const day = Number.isFinite(dayPart) ? dayPart : 1;
-  const date = new Date(Date.UTC(year, month - 1, day));
-  date.setUTCDate(date.getUTCDate() + deltaDays);
-  return formatDateKey(date);
-};
-var getZonedNowSnapshot = (timeZone, now4) => {
-  const formatter = new Intl.DateTimeFormat("en-US", {
-    timeZone,
-    year: "numeric",
-    month: "2-digit",
-    day: "2-digit",
-    hour: "2-digit",
-    minute: "2-digit",
-    hourCycle: "h23"
-  });
-  const parts = formatter.formatToParts(now4).reduce((acc, part) => {
-    if (part.type !== "literal") {
-      acc[part.type] = part.value;
-    }
-    return acc;
-  }, {});
-  const year = Number(parts.year);
-  const month = Number(parts.month);
-  const day = Number(parts.day);
-  const hour = Number(parts.hour);
-  const minute = Number(parts.minute);
-  return {
-    dateKey: `${String(year).padStart(4, "0")}-${String(month).padStart(2, "0")}-${String(day).padStart(2, "0")}`,
-    minutesOfDay: (Number.isFinite(hour) ? hour : 0) * 60 + (Number.isFinite(minute) ? minute : 0)
-  };
-};
-var getDateKeyInTimeZone = (timeZone, now4 = /* @__PURE__ */ new Date()) => getZonedNowSnapshot(timeZone, now4).dateKey;
-var buildHourlyIntervals = ({
-  shiftStart,
-  shiftEnd,
-  bucketMinutes = 60,
-  fallbackHours = 11
-}) => {
-  const startMinutes = parseTimeToMinutes2(shiftStart);
-  if (!Number.isFinite(startMinutes)) return [];
-  const bucket = Number.isFinite(bucketMinutes) && bucketMinutes > 0 ? Math.floor(bucketMinutes) : 60;
-  let totalMinutes;
-  const endRaw = shiftEnd ? parseTimeToMinutes2(shiftEnd) : Number.NaN;
-  if (!Number.isFinite(endRaw)) {
-    totalMinutes = Math.max(0, Math.round(fallbackHours * 60));
-  } else {
-    let endMinutes = endRaw;
-    if (endMinutes <= startMinutes) {
-      endMinutes += 24 * 60;
-    }
-    totalMinutes = endMinutes - startMinutes;
-  }
-  if (!Number.isFinite(totalMinutes) || totalMinutes <= 0) return [];
-  const count = Math.ceil(totalMinutes / bucket);
-  const shiftEndMinutes = startMinutes + totalMinutes;
-  const intervals = [];
-  for (let i = 0; i < count; i += 1) {
-    const start = startMinutes + i * bucket;
-    const end = Math.min(start + bucket, shiftEndMinutes);
-    const minutes = Math.max(0, end - start);
-    if (minutes <= 0) continue;
-    intervals.push({ start, end, minutes });
-  }
-  return intervals;
-};
-var computeBreakMinutesByInterval = ({
-  intervals,
-  shiftStart,
-  breaks
-}) => {
-  if (!intervals.length || !breaks.length) return intervals.map(() => 0);
-  const normalizedBreaks = normalizeBreaksOnShiftTimeline(shiftStart, breaks);
-  return intervals.map((interval) => {
-    if (!normalizedBreaks.length) return 0;
-    let total = 0;
-    for (const brk of normalizedBreaks) {
-      const overlap = Math.max(0, Math.min(interval.end, brk.end) - Math.max(interval.start, brk.start));
-      total += overlap;
-      if (total >= interval.minutes) return interval.minutes;
-    }
-    return Math.min(interval.minutes, total);
-  });
-};
-var computeBreakRemarksByInterval = ({
-  intervals,
-  shiftStart,
-  breaks
-}) => {
-  if (!intervals.length || !breaks.length) return intervals.map(() => "");
-  const normalizedBreaks = normalizeBreaksOnShiftTimeline(shiftStart, breaks);
-  return intervals.map((interval) => {
-    const labels = normalizedBreaks.filter((brk) => Math.max(0, Math.min(interval.end, brk.end) - Math.max(interval.start, brk.start)) > 0).map((brk) => brk.label).filter((label, index, values) => label && values.indexOf(label) === index);
-    return labels.join(", ");
-  });
-};
-var computeEffectiveTargets = ({
-  intervals,
-  breakMinutes,
-  pphThreshold,
-  rounding = "round"
-}) => {
-  return intervals.map((interval, idx) => {
-    const intervalMinutes = Number(interval?.minutes) || 0;
-    const breakMins = Number(breakMinutes?.[idx]) || 0;
-    const plannedWorkMinutes = Math.max(0, intervalMinutes - breakMins);
-    if (!Number.isFinite(pphThreshold) || pphThreshold <= 0) return 0;
-    if (plannedWorkMinutes <= 0) return 0;
-    return roundTarget(pphThreshold * plannedWorkMinutes / 60, rounding);
-  });
-};
-var buildHourlyTargetPlan = ({
-  shiftStart,
-  shiftEnd,
-  breaks = [],
-  pphThreshold,
-  bucketMinutes = 60,
-  fallbackHours = 11,
-  rounding = "round"
-}) => {
-  const intervals = buildHourlyIntervals({
-    shiftStart,
-    shiftEnd,
-    bucketMinutes,
-    fallbackHours
-  });
-  const breakMinutes = computeBreakMinutesByInterval({
-    intervals,
-    shiftStart,
-    breaks
-  });
-  const breakRemarks = computeBreakRemarksByInterval({
-    intervals,
-    shiftStart,
-    breaks
-  });
-  const productiveMinutes = intervals.map((interval, idx) => Math.max(0, (Number(interval?.minutes) || 0) - (Number(breakMinutes[idx]) || 0)));
-  const targets = computeEffectiveTargets({
-    intervals,
-    breakMinutes,
-    pphThreshold,
-    rounding
-  });
-  return {
-    intervals,
-    breakMinutes,
-    breakRemarks,
-    productiveMinutes,
-    targets
-  };
-};
-var isHourlyIntervalComplete = ({
-  reportDate,
-  shiftStart,
-  shiftEnd,
-  interval,
-  timeZone = "Asia/Kolkata",
-  now: now4 = /* @__PURE__ */ new Date()
-}) => {
-  if (!reportDate) return true;
-  const snapshot = getZonedNowSnapshot(timeZone, now4);
-  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
-  const shiftEndMinutes = shiftEnd ? parseTimeToMinutes2(shiftEnd) : Number.NaN;
-  const wrapsMidnight = Number.isFinite(shiftStartMinutes) && Number.isFinite(shiftEndMinutes) && shiftEndMinutes <= shiftStartMinutes;
-  if (reportDate === snapshot.dateKey) {
-    return interval.end <= snapshot.minutesOfDay;
-  }
-  if (wrapsMidnight && reportDate === shiftDateKey(snapshot.dateKey, -1)) {
-    return interval.end <= snapshot.minutesOfDay + MINUTES_PER_DAY;
-  }
-  return reportDate < snapshot.dateKey;
-};
-var isShiftInProgressForReportDate = ({
-  reportDate,
-  shiftStart,
-  shiftEnd,
-  timeZone = "Asia/Kolkata",
-  now: now4 = /* @__PURE__ */ new Date()
-}) => {
-  if (!reportDate || !shiftStart || !shiftEnd) return false;
-  const shiftStartMinutes = parseTimeToMinutes2(shiftStart);
-  const shiftEndMinutesRaw = parseTimeToMinutes2(shiftEnd);
-  if (!Number.isFinite(shiftStartMinutes) || !Number.isFinite(shiftEndMinutesRaw)) {
-    return false;
-  }
-  let shiftEndMinutes = shiftEndMinutesRaw;
-  const wrapsMidnight = shiftEndMinutes <= shiftStartMinutes;
-  if (wrapsMidnight) {
-    shiftEndMinutes += MINUTES_PER_DAY;
-  }
-  const snapshot = getZonedNowSnapshot(timeZone, now4);
-  let currentMinutes = null;
-  if (reportDate === snapshot.dateKey) {
-    currentMinutes = snapshot.minutesOfDay;
-  } else if (wrapsMidnight && reportDate === shiftDateKey(snapshot.dateKey, -1)) {
-    currentMinutes = snapshot.minutesOfDay + MINUTES_PER_DAY;
-  }
-  if (currentMinutes === null) {
-    return false;
-  }
-  return shiftStartMinutes <= currentMinutes && currentMinutes < shiftEndMinutes;
-};
 var formatOperationalDateKey = (dateKey, options) => {
   const [yearPart, monthPart, dayPart] = dateKey.split("-").map(Number);
   const year = Number.isFinite(yearPart) ? yearPart : 1970;
@@ -64679,7 +64731,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
       underperforming_workspace_uuids: metrics2.underperforming_workspace_uuids || [],
       output_array: metrics2.output_array || [],
       output_hourly: metrics2.output_hourly,
-      hourly_target_output: metrics2.hourly_target_output ?? null,
+      hourly_target_output: metrics2.hourly_target_output,
       line_threshold: metrics2.line_threshold ?? 0,
       threshold_pph: metrics2.threshold_pph ?? 0,
       shift_start: metrics2.shift_start || "06:00",
@@ -64766,7 +64818,7 @@ var transformLineMetrics = (lineId, detailResponse, queryDate, queryShiftId) =>
       underperforming_workspace_names: [],
       underperforming_workspace_uuids: [],
       output_array: [],
-      hourly_target_output: null,
+      hourly_target_output: void 0,
       line_threshold: 0,
       threshold_pph: 0,
       shift_start: "06:00",
@@ -65805,6 +65857,7 @@ var BottomSection = memo$1(({
   hourlyOutputData,
   hourlyThreshold,
   hourlyTargetOutput,
+  shiftBreaks,
   idleTimeHourly,
   timezone,
   urlDate,
@@ -65980,6 +66033,7 @@ var BottomSection = memo$1(({
               hourlyTargetOutput,
               shiftStart: lineInfo.metrics.shift_start || "06:00",
               shiftEnd: lineInfo.metrics.shift_end,
+              shiftBreaks,
               idleTimeHourly,
               shiftDate: lineInfo.date,
               timezone,
@@ -66003,6 +66057,9 @@ var BottomSection = memo$1(({
   if (prevProps.lineInfo.monitoring_mode !== nextProps.lineInfo.monitoring_mode) return false;
   if (prevProps.skuAware !== nextProps.skuAware) return false;
   if (prevProps.activeSkuId !== nextProps.activeSkuId) return false;
+  if (JSON.stringify(prevProps.shiftBreaks || []) !== JSON.stringify(nextProps.shiftBreaks || [])) {
+    return false;
+  }
   if (JSON.stringify(prevProps.hourlyTargetOutput || []) !== JSON.stringify(nextProps.hourlyTargetOutput || [])) {
     return false;
   }
@@ -66604,7 +66661,7 @@ var KPIDetailView = ({
         underperforming_workspace_uuids: metrics2.underperforming_workspace_uuids || [],
         output_array: metrics2.output_array || [],
         output_hourly: metrics2.output_hourly,
-        hourly_target_output: metrics2.hourly_target_output ?? null,
+        hourly_target_output: metrics2.hourly_target_output,
         line_threshold: metrics2.line_threshold ?? 0,
         threshold_pph: metrics2.threshold_pph ?? 0,
         shift_start: metrics2.shift_start || "06:00",
@@ -67568,7 +67625,8 @@ var KPIDetailView = ({
               workspaceDisplayNames,
               hourlyOutputData,
               hourlyThreshold,
-              hourlyTargetOutput: chartMetrics?.hourly_target_output ?? null,
+              hourlyTargetOutput: chartMetrics?.hourly_target_output,
+              shiftBreaks: shiftConfig?.shifts?.find((shift) => shift.shiftId === resolvedLineInfo.shift_id)?.breaks || [],
               idleTimeHourly: chartMetrics?.idle_time_hourly,
               timezone: lineTimezone,
               urlDate,
@@ -75332,6 +75390,7 @@ var WorkspaceDetailView = ({
                             hourlyTargetOutput: workspace.hourly_target_output,
                             shiftStart: workspace.shift_start || "06:00",
                             shiftEnd: workspace.shift_end,
+                            shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
                             showIdleTime: showChartIdleTime,
                             idleTimeHourly: workspace.idle_time_hourly,
                             idleTimeClips,
@@ -75479,6 +75538,7 @@ var WorkspaceDetailView = ({
                               hourlyTargetOutput: workspace.hourly_target_output,
                               shiftStart: workspace.shift_start || "06:00",
                               shiftEnd: workspace.shift_end,
+                              shiftBreaks: shiftConfig?.shifts?.find((shift2) => shift2.shiftId === workspace.shift_id)?.breaks || [],
                               showIdleTime: showChartIdleTime,
                               idleTimeHourly: workspace.idle_time_hourly,
                               idleTimeClips,