@optifye/dashboard-core 6.11.39 → 6.11.41

package/dist/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
+var dateFns = require('date-fns');
+var dateFnsTz = require('date-fns-tz');
 var React143 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var router = require('next/router');
 var sonner = require('sonner');
-var dateFnsTz = require('date-fns-tz');
-var dateFns = require('date-fns');
 var mixpanel = require('mixpanel-browser');
 var events = require('events');
 var supabaseJs = require('@supabase/supabase-js');
@@ -1661,6 +1661,149 @@ function isValidPrefetchParams(params) {
 function isValidPrefetchStatus(status) {
   return typeof status === "string" && Object.values(PrefetchStatus).includes(status);
 }
+var getOperationalDate = (timezone, date = /* @__PURE__ */ new Date(), shiftStartTime = "06:00") => {
+  const zonedDate = dateFnsTz.toZonedTime(date, timezone);
+  const hours = zonedDate.getHours();
+  const minutes = zonedDate.getMinutes();
+  const [startHourRaw, startMinuteRaw] = shiftStartTime.split(":").map(Number);
+  const startHour = Number.isFinite(startHourRaw) ? startHourRaw : 6;
+  const startMinute = Number.isFinite(startMinuteRaw) ? startMinuteRaw : 0;
+  const currentTotalMinutes = hours * 60 + minutes;
+  const shiftStartTotalMinutes = startHour * 60 + startMinute;
+  const operationalDate = currentTotalMinutes < shiftStartTotalMinutes ? dateFns.subDays(zonedDate, 1) : zonedDate;
+  return dateFns.format(operationalDate, "yyyy-MM-dd");
+};
+function formatTimeInZone(time2, timezone, formatString = "HH:mm:ss") {
+  const dateObj = typeof time2 === "string" ? dateFns.parseISO(time2) : time2;
+  if (!dateFns.isValid(dateObj)) return "Invalid Date";
+  return dateFnsTz.formatInTimeZone(dateObj, timezone, formatString);
+}
+function getCurrentTimeInZone(timezone, formatString) {
+  const now4 = /* @__PURE__ */ new Date();
+  if (formatString) {
+    if (!dateFns.isValid(now4)) return "Invalid Date";
+    return dateFnsTz.formatInTimeZone(now4, timezone, formatString);
+  }
+  return now4;
+}
+var pad2 = (value) => String(value).padStart(2, "0");
+var DATE_KEY_PREFIX_PATTERN = /^(\d{4}-\d{2}-\d{2})/;
+var buildDateKey = (year, monthIndex, day) => {
+  return `${year}-${pad2(monthIndex + 1)}-${pad2(day)}`;
+};
+var getDateKeyFromDate = (date) => {
+  return buildDateKey(date.getFullYear(), date.getMonth(), date.getDate());
+};
+var parseDateKeyToDate = (dateKey) => {
+  const [year, month, day] = dateKey.split("-").map(Number);
+  return new Date(year, month - 1, day, 12, 0, 0, 0);
+};
+var getDateKeyFromValue = (value) => {
+  if (typeof value === "string") {
+    const keyMatch = value.match(DATE_KEY_PREFIX_PATTERN);
+    if (keyMatch?.[1]) {
+      return keyMatch[1];
+    }
+    const parsed = dateFns.parseISO(value);
+    if (dateFns.isValid(parsed)) {
+      return getDateKeyFromDate(parsed);
+    }
+    return value;
+  }
+  return getDateKeyFromDate(value);
+};
+var formatDateKeyForDisplay = (dateKey, formatStr = "MMM d, yyyy") => {
+  return dateFns.format(parseDateKeyToDate(dateKey), formatStr);
+};
+var getMonthKeyBounds = (year, monthIndex) => {
+  const startKey = buildDateKey(year, monthIndex, 1);
+  const lastDay = new Date(year, monthIndex + 1, 0).getDate();
+  const endKey = buildDateKey(year, monthIndex, lastDay);
+  return { startKey, endKey };
+};
+var getCurrentWeekToDateRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
+  const todayKey = dateFnsTz.formatInTimeZone(now4, timezone || "UTC", "yyyy-MM-dd");
+  const todayDate = dateFns.parseISO(`${todayKey}T00:00:00`);
+  const dayOfWeek = dateFns.getDay(todayDate);
+  const daysSinceMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+  const weekStart = dateFns.subDays(todayDate, daysSinceMonday);
+  return {
+    startKey: dateFns.format(weekStart, "yyyy-MM-dd"),
+    endKey: dateFns.format(todayDate, "yyyy-MM-dd")
+  };
+};
+var getCurrentWeekFullRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
+  const currentWeekToDateRange = getCurrentWeekToDateRange(timezone, now4);
+  const weekStart = parseDateKeyToDate(currentWeekToDateRange.startKey);
+  return {
+    startKey: currentWeekToDateRange.startKey,
+    endKey: dateFns.format(dateFns.addDays(weekStart, 6), "yyyy-MM-dd")
+  };
+};
+var normalizeDateKeyRange = (startKey, endKey, minKey, maxKey) => {
+  const clampedStart = startKey < minKey ? minKey : startKey > maxKey ? maxKey : startKey;
+  const clampedEnd = endKey < minKey ? minKey : endKey > maxKey ? maxKey : endKey;
+  if (clampedStart <= clampedEnd) {
+    return { startKey: clampedStart, endKey: clampedEnd };
+  }
+  return { startKey: clampedEnd, endKey: clampedStart };
+};
+var isFullMonthRange = (range, year, monthIndex) => {
+  const bounds = getMonthKeyBounds(year, monthIndex);
+  return range.startKey === bounds.startKey && range.endKey === bounds.endKey;
+};
+var getMonthlyTrendComparisonLabel = (range, year, monthIndex) => {
+  if (isFullMonthRange(range, year, monthIndex)) {
+    return "last month";
+  }
+  return range.startKey === range.endKey ? "previous day" : "previous range";
+};
+var getMonthWeekRanges = (year, monthIndex, timezone, maxKey) => {
+  const totalDays = new Date(year, monthIndex + 1, 0).getDate();
+  const ranges = [];
+  let currentStartDay = 1;
+  for (let day = 1; day <= totalDays; day += 1) {
+    const zonedDate = dateFnsTz.toZonedTime(new Date(year, monthIndex, day), timezone);
+    const dayOfWeek = zonedDate.getDay();
+    const isEndOfWeek = dayOfWeek === 0 || day === totalDays;
+    if (isEndOfWeek) {
+      const startKey = buildDateKey(year, monthIndex, currentStartDay);
+      const endKey = buildDateKey(year, monthIndex, day);
+      if (maxKey && startKey > maxKey) {
+        break;
+      }
+      const clampedEndKey = maxKey && endKey > maxKey ? maxKey : endKey;
+      if (clampedEndKey < startKey) {
+        break;
+      }
+      const labelStart = formatDateKeyForDisplay(startKey, "MMM d");
+      const labelEnd = formatDateKeyForDisplay(clampedEndKey, "MMM d");
+      ranges.push({
+        startKey,
+        endKey: clampedEndKey,
+        label: `Week of ${labelStart} - ${labelEnd}`
+      });
+      currentStartDay = day + 1;
+    }
+  }
+  return ranges;
+};
+var formatRangeLabel = (range, fullMonthLabel) => {
+  if (!range.startKey || !range.endKey) return fullMonthLabel;
+  if (range.startKey === range.endKey) {
+    return formatDateKeyForDisplay(range.startKey, "MMM d, yyyy");
+  }
+  const startLabel = formatDateKeyForDisplay(range.startKey, "MMM d");
+  const endLabel = formatDateKeyForDisplay(range.endKey, "MMM d, yyyy");
+  return `${startLabel} - ${endLabel}`;
+};
+var filterDataByDateKeyRange = (data, range) => {
+  if (!range.startKey || !range.endKey) return data;
+  return (data || []).filter((item) => {
+    const dateKey = item.dateKey || getDateKeyFromValue(item.date);
+    return dateKey >= range.startKey && dateKey <= range.endKey;
+  });
+};
 
 // src/lib/types/calendar.ts
 var DEFAULT_SHIFT_DATA = {
@@ -1692,6 +1835,9 @@ var hasAnyShiftData = (day) => {
 var getAvailableShiftIds = (day) => {
   return Object.keys(day.shifts).map(Number).sort((a, b) => a - b);
 };
+var getDayDateKey = (day) => {
+  return day.dateKey || getDateKeyFromDate(day.date);
+};
 
 // src/components/dashboard/grid/workspace_grid_constants.ts
 var DEFAULT_WORKSPACE_POSITIONS = [
@@ -3347,136 +3493,6 @@ var memoizedOutputArrayAggregation = createMemoizedFunction(
   },
   (arrays) => arrays.map((arr) => arr.length).join("-")
 );
-var getOperationalDate = (timezone, date = /* @__PURE__ */ new Date(), shiftStartTime = "06:00") => {
-  const zonedDate = dateFnsTz.toZonedTime(date, timezone);
-  const hours = zonedDate.getHours();
-  const minutes = zonedDate.getMinutes();
-  const [startHourRaw, startMinuteRaw] = shiftStartTime.split(":").map(Number);
-  const startHour = Number.isFinite(startHourRaw) ? startHourRaw : 6;
-  const startMinute = Number.isFinite(startMinuteRaw) ? startMinuteRaw : 0;
-  const currentTotalMinutes = hours * 60 + minutes;
-  const shiftStartTotalMinutes = startHour * 60 + startMinute;
-  const operationalDate = currentTotalMinutes < shiftStartTotalMinutes ? dateFns.subDays(zonedDate, 1) : zonedDate;
-  return dateFns.format(operationalDate, "yyyy-MM-dd");
-};
-function formatTimeInZone(time2, timezone, formatString = "HH:mm:ss") {
-  const dateObj = typeof time2 === "string" ? dateFns.parseISO(time2) : time2;
-  if (!dateFns.isValid(dateObj)) return "Invalid Date";
-  return dateFnsTz.formatInTimeZone(dateObj, timezone, formatString);
-}
-function getCurrentTimeInZone(timezone, formatString) {
-  const now4 = /* @__PURE__ */ new Date();
-  if (formatString) {
-    if (!dateFns.isValid(now4)) return "Invalid Date";
-    return dateFnsTz.formatInTimeZone(now4, timezone, formatString);
-  }
-  return now4;
-}
-var pad2 = (value) => String(value).padStart(2, "0");
-var buildDateKey = (year, monthIndex, day) => {
-  return `${year}-${pad2(monthIndex + 1)}-${pad2(day)}`;
-};
-var getDateKeyFromDate = (date) => {
-  return date.toISOString().split("T")[0];
-};
-var parseDateKeyToDate = (dateKey) => {
-  const [year, month, day] = dateKey.split("-").map(Number);
-  return new Date(year, month - 1, day);
-};
-var formatDateKeyForDisplay = (dateKey, formatStr = "MMM d, yyyy") => {
-  return dateFns.format(parseDateKeyToDate(dateKey), formatStr);
-};
-var getMonthKeyBounds = (year, monthIndex) => {
-  const startKey = buildDateKey(year, monthIndex, 1);
-  const lastDay = new Date(year, monthIndex + 1, 0).getDate();
-  const endKey = buildDateKey(year, monthIndex, lastDay);
-  return { startKey, endKey };
-};
-var getCurrentWeekToDateRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
-  const todayKey = dateFnsTz.formatInTimeZone(now4, timezone || "UTC", "yyyy-MM-dd");
-  const todayDate = dateFns.parseISO(`${todayKey}T00:00:00`);
-  const dayOfWeek = dateFns.getDay(todayDate);
-  const daysSinceMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
-  const weekStart = dateFns.subDays(todayDate, daysSinceMonday);
-  return {
-    startKey: dateFns.format(weekStart, "yyyy-MM-dd"),
-    endKey: dateFns.format(todayDate, "yyyy-MM-dd")
-  };
-};
-var getCurrentWeekFullRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
-  const currentWeekToDateRange = getCurrentWeekToDateRange(timezone, now4);
-  const weekStart = parseDateKeyToDate(currentWeekToDateRange.startKey);
-  return {
-    startKey: currentWeekToDateRange.startKey,
-    endKey: dateFns.format(dateFns.addDays(weekStart, 6), "yyyy-MM-dd")
-  };
-};
-var normalizeDateKeyRange = (startKey, endKey, minKey, maxKey) => {
-  const clampedStart = startKey < minKey ? minKey : startKey > maxKey ? maxKey : startKey;
-  const clampedEnd = endKey < minKey ? minKey : endKey > maxKey ? maxKey : endKey;
-  if (clampedStart <= clampedEnd) {
-    return { startKey: clampedStart, endKey: clampedEnd };
-  }
-  return { startKey: clampedEnd, endKey: clampedStart };
-};
-var isFullMonthRange = (range, year, monthIndex) => {
-  const bounds = getMonthKeyBounds(year, monthIndex);
-  return range.startKey === bounds.startKey && range.endKey === bounds.endKey;
-};
-var getMonthlyTrendComparisonLabel = (range, year, monthIndex) => {
-  if (isFullMonthRange(range, year, monthIndex)) {
-    return "last month";
-  }
-  return range.startKey === range.endKey ? "previous day" : "previous range";
-};
-var getMonthWeekRanges = (year, monthIndex, timezone, maxKey) => {
-  const totalDays = new Date(year, monthIndex + 1, 0).getDate();
-  const ranges = [];
-  let currentStartDay = 1;
-  for (let day = 1; day <= totalDays; day += 1) {
-    const zonedDate = dateFnsTz.toZonedTime(new Date(year, monthIndex, day), timezone);
-    const dayOfWeek = zonedDate.getDay();
-    const isEndOfWeek = dayOfWeek === 0 || day === totalDays;
-    if (isEndOfWeek) {
-      const startKey = buildDateKey(year, monthIndex, currentStartDay);
-      const endKey = buildDateKey(year, monthIndex, day);
-      if (maxKey && startKey > maxKey) {
-        break;
-      }
-      const clampedEndKey = maxKey && endKey > maxKey ? maxKey : endKey;
-      if (clampedEndKey < startKey) {
-        break;
-      }
-      const labelStart = formatDateKeyForDisplay(startKey, "MMM d");
-      const labelEnd = formatDateKeyForDisplay(clampedEndKey, "MMM d");
-      ranges.push({
-        startKey,
-        endKey: clampedEndKey,
-        label: `Week of ${labelStart} - ${labelEnd}`
-      });
-      currentStartDay = day + 1;
-    }
-  }
-  return ranges;
-};
-var formatRangeLabel = (range, fullMonthLabel) => {
-  if (!range.startKey || !range.endKey) return fullMonthLabel;
-  if (range.startKey === range.endKey) {
-    return formatDateKeyForDisplay(range.startKey, "MMM d, yyyy");
-  }
-  const startLabel = formatDateKeyForDisplay(range.startKey, "MMM d");
-  const endLabel = formatDateKeyForDisplay(range.endKey, "MMM d, yyyy");
-  return `${startLabel} - ${endLabel}`;
-};
-var filterDataByDateKeyRange = (data, range) => {
-  if (!range.startKey || !range.endKey) return data;
-  return (data || []).filter((item) => {
-    const dateKey = typeof item.date === "string" ? item.date : getDateKeyFromDate(item.date);
-    return dateKey >= range.startKey && dateKey <= range.endKey;
-  });
-};
-
-// src/lib/utils/shifts.ts
 var DEFAULT_DAY_SHIFT_START = "06:00";
 var DEFAULT_NIGHT_SHIFT_START = "18:00";
 var DEFAULT_TRANSITION_MINUTES = 15;
@@ -46559,6 +46575,7 @@ var getLineShiftData = (day, shiftId) => {
   }
   return { ...DEFAULT_LINE_SHIFT_DATA };
 };
+var getLineDayDateKey = (day) => day.dateKey || getDateKeyFromValue(day.date);
 var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 var LineHistoryCalendar = ({
   data,
@@ -46593,20 +46610,16 @@ var LineHistoryCalendar = ({
     for (let day = 1; day <= totalDays; day++) {
       const currentDate = dateFnsTz.toZonedTime(new Date(year, month, day), configuredTimezone);
       const currentDateString = `${currentDate.getFullYear()}-${String(currentDate.getMonth() + 1).padStart(2, "0")}-${String(currentDate.getDate()).padStart(2, "0")}`;
-      const existingData = data.find((d) => {
-        if (!d.date) return false;
-        const dDate = typeof d.date === "string" ? new Date(d.date) : d.date;
-        const dDateIST = dateFnsTz.toZonedTime(dDate, configuredTimezone);
-        const dDateString = `${dDateIST.getFullYear()}-${String(dDateIST.getMonth() + 1).padStart(2, "0")}-${String(dDateIST.getDate()).padStart(2, "0")}`;
-        return dDateString === currentDateString;
-      });
+      const existingData = data.find((d) => d && getLineDayDateKey(d) === currentDateString);
       if (existingData) {
         calendar.push({
           ...existingData,
+          dateKey: getLineDayDateKey(existingData),
           date: currentDate
         });
       } else {
         calendar.push({
+          dateKey: currentDateString,
           date: currentDate,
           shifts: {}
         });
@@ -46678,7 +46691,7 @@ var LineHistoryCalendar = ({
     const isFuture = isFutureDate(day.date instanceof Date ? day.date : new Date(day.date));
     const hasData = hasRealData(shiftData);
     const dateObj = day.date instanceof Date ? day.date : new Date(day.date);
-    const dateKey = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, "0")}-${String(dateObj.getDate()).padStart(2, "0")}`;
+    const dateKey = getLineDayDateKey(day);
     const showRange = rangeStart && rangeEnd ? !(rangeStart === monthBounds.startKey && rangeEnd === monthBounds.endKey) : false;
     const inRange = showRange ? dateKey >= rangeStart && dateKey <= rangeEnd : false;
     const isRangeEdge = inRange && (dateKey === rangeStart || dateKey === rangeEnd);
@@ -46689,11 +46702,7 @@ var LineHistoryCalendar = ({
         className: `group h-full ${isFuture || !hasData || isFilteredOut ? "cursor-not-allowed" : "cursor-pointer hover:opacity-90"}`,
         onClick: () => {
           if (!isFuture && hasData && !isFilteredOut) {
-            const dateObj2 = day.date instanceof Date ? day.date : new Date(day.date);
-            const year2 = dateObj2.getFullYear();
-            const month2 = String(dateObj2.getMonth() + 1).padStart(2, "0");
-            const dayOfMonth = String(dateObj2.getDate()).padStart(2, "0");
-            const date = `${year2}-${month2}-${dayOfMonth}`;
+            const date = getLineDayDateKey(day);
             trackCoreEvent("Line Monthly History Day Clicked", {
               source: "line_kpi",
               line_id: lineId,
@@ -46705,8 +46714,8 @@ var LineHistoryCalendar = ({
             });
             const params = new URLSearchParams();
             params.set("tab", "monthly_history");
-            params.set("month", month2.toString());
-            params.set("year", year2.toString());
+            params.set("month", month.toString());
+            params.set("year", year.toString());
             if (rangeStart && rangeEnd && !(rangeStart === monthBounds.startKey && rangeEnd === monthBounds.endKey)) {
               params.set("rangeStart", rangeStart);
               params.set("rangeEnd", rangeEnd);
@@ -47175,6 +47184,7 @@ var getShiftData2 = (day, shiftId) => {
   }
   return { ...DEFAULT_PERFORMANCE_DATA };
 };
+var getLineDayDateKey2 = (day) => day.dateKey || getDateKeyFromValue(day.date);
 var getUptimeTotals = (shift, hasShiftData) => {
   if (!shift) {
     return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
@@ -47232,6 +47242,10 @@ var LineMonthlyHistory = ({
     }
     return filterDataByDateKeyRange(monthlyData, normalizedRange);
   }, [analysisData, monthlyData, normalizedRange]);
+  const analysisMonthlyDataByKey = React143.useMemo(
+    () => new Map((analysisMonthlyData || []).map((day) => [getLineDayDateKey2(day), day])),
+    [analysisMonthlyData]
+  );
   const startDate = normalizedRange.startKey;
   const endDate = normalizedRange.endKey;
   const {
@@ -47338,9 +47352,9 @@ var LineMonthlyHistory = ({
   const chartData = React143.useMemo(() => {
     const rangeStartDate = parseDateKeyToDate(normalizedRange.startKey);
     const rangeEndDate = parseDateKeyToDate(normalizedRange.endKey);
-    const dayNumbers = [];
+    const rangeDateKeys = [];
     for (let d = new Date(rangeStartDate); d <= rangeEndDate; d.setDate(d.getDate() + 1)) {
-      dayNumbers.push(d.getDate());
+      rangeDateKeys.push(buildDateKey(d.getFullYear(), d.getMonth(), d.getDate()));
     }
     if (isUptimeMode) {
       const dailyData2 = [];
@@ -47348,13 +47362,10 @@ var LineMonthlyHistory = ({
       const todayInZone = getCurrentTimeInZone(timezone);
       const todayDate = typeof todayInZone === "string" ? new Date(todayInZone) : todayInZone;
       const todayKey = `${todayDate.getFullYear()}-${String(todayDate.getMonth() + 1).padStart(2, "0")}-${String(todayDate.getDate()).padStart(2, "0")}`;
-      for (const day of dayNumbers) {
-        const dayKey = `${rangeStartDate.getFullYear()}-${String(rangeStartDate.getMonth() + 1).padStart(2, "0")}-${String(day).padStart(2, "0")}`;
+      for (const dayKey of rangeDateKeys) {
+        const day = Number(dayKey.slice(-2));
         const isFutureDay = dayKey > todayKey;
-        const dayData = analysisMonthlyData.find((d) => {
-          const date = new Date(d.date);
-          return date.getDate() === day;
-        });
+        const dayData = analysisMonthlyDataByKey.get(dayKey);
         const shiftData = dayData ? getShiftData2(dayData, selectedShiftId) : null;
         const hasShiftData = Boolean(shiftData && hasRealData(shiftData));
         const efficiencyValue = hasShiftData && Number.isFinite(shiftData?.avg_efficiency) ? Number(shiftData?.avg_efficiency) : 0;
@@ -47376,12 +47387,9 @@ var LineMonthlyHistory = ({
     const dailyData = [];
     let maxOutput = 0;
     let lastSetTarget = 0;
-    for (let i = dayNumbers.length - 1; i >= 0; i--) {
-      const day = dayNumbers[i];
-      const dayData = analysisMonthlyData.find((d) => {
-        const date = new Date(d.date);
-        return date.getDate() === day;
-      });
+    for (let i = rangeDateKeys.length - 1; i >= 0; i--) {
+      const dayKey = rangeDateKeys[i];
+      const dayData = analysisMonthlyDataByKey.get(dayKey);
       const shiftData = dayData ? getShiftData2(dayData, selectedShiftId) : null;
       const idealOutput = shiftData ? shiftData.idealOutput || 0 : 0;
       if (idealOutput > 0) {
@@ -47389,11 +47397,9 @@ var LineMonthlyHistory = ({
         break;
       }
     }
-    for (const day of dayNumbers) {
-      const dayData = analysisMonthlyData.find((d) => {
-        const date = new Date(d.date);
-        return date.getDate() === day;
-      });
+    for (const dayKey of rangeDateKeys) {
+      const day = Number(dayKey.slice(-2));
+      const dayData = analysisMonthlyDataByKey.get(dayKey);
       const shiftData = dayData ? getShiftData2(dayData, selectedShiftId) : null;
       const output = shiftData && hasRealData(shiftData) ? shiftData.output || 0 : 0;
       const idealOutput = shiftData ? shiftData.idealOutput || 0 : 0;
@@ -47413,7 +47419,7 @@ var LineMonthlyHistory = ({
     const calculatedMax = Math.max(maxOutput, lastSetTarget);
     const yAxisMax = calculatedMax > 0 ? calculatedMax * 1.1 : 100;
     return { data: dailyData, maxOutput, lastSetTarget, yAxisMax };
-  }, [analysisMonthlyData, normalizedRange.startKey, normalizedRange.endKey, selectedShiftId, isUptimeMode, timezone]);
+  }, [analysisMonthlyDataByKey, normalizedRange.endKey, normalizedRange.startKey, selectedShiftId, isUptimeMode, timezone]);
   const yAxisTicks = React143.useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -47901,6 +47907,7 @@ var getShiftDisplayName = (shiftId, availableShifts) => {
   if (shiftId === 1) return "Night Shift";
   return `Shift ${shiftId}`;
 };
+var getLineDayDateKey3 = (day) => day.dateKey || getDateKeyFromValue(day.date);
 var LineMonthlyPdfGenerator = ({
   lineId,
   lineName,
@@ -47930,13 +47937,20 @@ var LineMonthlyPdfGenerator = ({
         startKey: rangeStart || monthBounds.startKey,
         endKey: rangeEnd || monthBounds.endKey
       };
+      const boundsSourceKey = rangeStart || rangeEnd || monthBounds.startKey;
+      const boundsSourceDate = parseDateKeyToDate(boundsSourceKey);
+      const effectiveBounds = getMonthKeyBounds(boundsSourceDate.getFullYear(), boundsSourceDate.getMonth());
       const normalizedRange = normalizeDateKeyRange(
         requestedRange.startKey,
         requestedRange.endKey,
-        monthBounds.startKey,
-        monthBounds.endKey
+        effectiveBounds.startKey,
+        effectiveBounds.endKey
+      );
+      const fullRange = isFullMonthRange(
+        normalizedRange,
+        boundsSourceDate.getFullYear(),
+        boundsSourceDate.getMonth()
       );
-      const fullRange = isFullMonthRange(normalizedRange, selectedYear, selectedMonth);
       const reportStartDate = parseDateKeyToDate(normalizedRange.startKey);
       const reportEndDate = parseDateKeyToDate(normalizedRange.endKey);
       const reportStartStr = reportStartDate.toLocaleDateString("en-IN", {
@@ -47954,8 +47968,8 @@ var LineMonthlyPdfGenerator = ({
       trackCoreEvent("Line Monthly PDF Export Clicked", {
         line_id: lineId,
         line_name: lineName,
-        month: selectedMonth,
-        year: selectedYear,
+        month: reportStartDate.getMonth(),
+        year: reportStartDate.getFullYear(),
         shift_id: selectedShiftId,
         range_start: normalizedRange.startKey,
         range_end: normalizedRange.endKey,
@@ -47967,6 +47981,11 @@ var LineMonthlyPdfGenerator = ({
       const maxContentY = footerY - 10;
       const generatedText = `Generated on ${(/* @__PURE__ */ new Date()).toLocaleString("en-IN", { timeZone: "Asia/Kolkata" })}`;
       const dailySectionTitle = isUptimeMode ? "Daily Utilization Summary" : "Daily Performance Summary";
+      const monthName = reportStartDate.toLocaleDateString("en-IN", {
+        month: "long",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
       const drawPageChrome = () => {
         doc.setFontSize(14);
         doc.setFont("helvetica", "bold");
@@ -47998,11 +48017,6 @@ var LineMonthlyPdfGenerator = ({
       doc.setFontSize(13);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(60, 60, 60);
-      const monthName = new Date(selectedYear, selectedMonth).toLocaleDateString("en-IN", {
-        month: "long",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
       const shiftType = getShiftDisplayName(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 55);
       doc.text(`${shiftType}`, 20, 63);
@@ -48015,10 +48029,7 @@ var LineMonthlyPdfGenerator = ({
       const mainSeparatorY = isUptimeMode ? 90 : 85;
       doc.line(20, mainSeparatorY, 190, mainSeparatorY);
       const reportData = analysisData ? analysisData : filterDataByDateKeyRange(monthlyData, normalizedRange);
-      const validDays = reportData.filter((day) => {
-        const date = new Date(day.date);
-        return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
-      });
+      const validDays = reportData;
       const hasShiftData = (shift) => {
         if (shift.hasData !== void 0) return shift.hasData;
         return shift.total_workspaces > 0 || shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0 || (shift.available_time_seconds ?? 0) > 0 || (shift.idle_time_seconds ?? 0) > 0 || (shift.output ?? 0) > 0;
@@ -48026,7 +48037,7 @@ var LineMonthlyPdfGenerator = ({
       const dailyEntries = validDays.map((dayData) => {
         const shift = getLineShiftData2(dayData, selectedShiftId);
         return { dayData, shift };
-      }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => new Date(right.dayData.date).getTime() - new Date(left.dayData.date).getTime());
+      }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => getLineDayDateKey3(right.dayData).localeCompare(getLineDayDateKey3(left.dayData)));
       const getUptimeTotals2 = (shift, hasData) => {
         if (!hasData || !shift) {
           return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
@@ -49910,6 +49921,7 @@ var formatHours = (value) => {
   if (Math.abs(rounded) < 0.05) return "0h";
   return Number.isInteger(rounded) ? `${rounded}h` : `${rounded.toFixed(1)}h`;
 };
+var roundToSingleDecimal = (value) => Math.round(value * 10) / 10;
 var formatCycleSeconds = (value) => {
   if (!Number.isFinite(value)) return "0.0s";
   return `${value.toFixed(1)}s`;
@@ -50035,21 +50047,30 @@ var WorkspaceMonthlyHistory = ({
     if (!shiftConfig) return null;
     return getShiftWorkDurationSeconds(shiftConfig, selectedShiftId);
   }, [shiftConfig, selectedShiftId]);
-  const chartData = React143.useMemo(() => {
+  const analysisMonthlyDataByKey = React143.useMemo(
+    () => new Map(analysisMonthlyData.map((day) => [getDayDateKey(day), day])),
+    [analysisMonthlyData]
+  );
+  const monthlyDataByKey = React143.useMemo(
+    () => new Map(data.map((day) => [getDayDateKey(day), day])),
+    [data]
+  );
+  const rangeDateKeys = React143.useMemo(() => {
     const rangeStartDate = parseDateKeyToDate(normalizedRange.startKey);
     const rangeEndDate = parseDateKeyToDate(normalizedRange.endKey);
-    const dayNumbers = [];
+    const keys = [];
     for (let d = new Date(rangeStartDate); d <= rangeEndDate; d.setDate(d.getDate() + 1)) {
-      dayNumbers.push(d.getDate());
+      keys.push(buildDateKey(d.getFullYear(), d.getMonth(), d.getDate()));
     }
+    return keys;
+  }, [normalizedRange.endKey, normalizedRange.startKey]);
+  const chartData = React143.useMemo(() => {
     const dailyData = [];
     if (isUptimeMode) {
       let maxHours = 0;
-      for (const day of dayNumbers) {
-        const dayData = analysisMonthlyData.find((d) => {
-          const date = new Date(d.date);
-          return date.getDate() === day;
-        });
+      for (const dateKey of rangeDateKeys) {
+        const dayData = analysisMonthlyDataByKey.get(dateKey);
+        const dayNumber = Number(dateKey.slice(-2));
         const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
         const hasShiftData = Boolean(shiftData && hasRealData(shiftData));
         const availableSeconds = hasShiftData ? shiftData.availableTimeSeconds ?? shiftWorkSeconds ?? 0 : 0;
@@ -50076,8 +50097,8 @@ var WorkspaceMonthlyHistory = ({
         }
         maxHours = Math.max(maxHours, idleHours + productiveHours);
         dailyData.push({
-          hour: getOrdinal2(day),
-          timeRange: `Day ${day}`,
+          hour: getOrdinal2(dayNumber),
+          timeRange: `Day ${dayNumber}`,
           productiveHours,
           idleHours,
           utilization
@@ -50088,12 +50109,9 @@ var WorkspaceMonthlyHistory = ({
     }
     let maxOutput = 0;
     let lastSetTarget = 0;
-    for (let i = dayNumbers.length - 1; i >= 0; i--) {
-      const day = dayNumbers[i];
-      const dayData = analysisMonthlyData.find((d) => {
-        const date = new Date(d.date);
-        return date.getDate() === day;
-      });
+    for (let i = rangeDateKeys.length - 1; i >= 0; i--) {
+      const dateKey = rangeDateKeys[i];
+      const dayData = analysisMonthlyDataByKey.get(dateKey);
       const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
       const idealOutput = shiftData ? shiftData.idealOutput : 0;
       if (idealOutput > 0) {
@@ -50101,20 +50119,18 @@ var WorkspaceMonthlyHistory = ({
         break;
       }
     }
-    for (const day of dayNumbers) {
-      const dayData = analysisMonthlyData.find((d) => {
-        const date = new Date(d.date);
-        return date.getDate() === day;
-      });
+    for (const dateKey of rangeDateKeys) {
+      const dayData = analysisMonthlyDataByKey.get(dateKey);
+      const dayNumber = Number(dateKey.slice(-2));
       const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
       const output = shiftData && hasRealData(shiftData) ? shiftData.output : 0;
       const idealOutput = shiftData ? shiftData.idealOutput : 0;
       if (output > maxOutput) maxOutput = output;
       const color2 = output >= lastSetTarget ? "#00AB45" : "#E34329";
       dailyData.push({
-        hour: getOrdinal2(day),
+        hour: getOrdinal2(dayNumber),
         // Using ordinal format (1st, 2nd, 3rd, etc.)
-        timeRange: `Day ${day}`,
+        timeRange: `Day ${dayNumber}`,
         output,
         originalOutput: output,
         // For label display
@@ -50128,7 +50144,7 @@ var WorkspaceMonthlyHistory = ({
     const calculatedMax = Math.max(maxOutput, lastSetTarget);
     const yAxisMax = calculatedMax > 0 ? calculatedMax * 1.1 : 100;
     return { data: dailyData, maxOutput, lastSetTarget, yAxisMax };
-  }, [analysisMonthlyData, normalizedRange.startKey, normalizedRange.endKey, selectedShiftId, isUptimeMode, shiftWorkSeconds]);
+  }, [analysisMonthlyDataByKey, rangeDateKeys, selectedShiftId, isUptimeMode, shiftWorkSeconds]);
   const yAxisTicks = React143.useMemo(() => {
     if (isUptimeMode) return void 0;
     const max = chartData.yAxisMax;
@@ -50213,7 +50229,7 @@ var WorkspaceMonthlyHistory = ({
     }
     const avgEfficiency = Math.round(totalEfficiency / filteredShifts.length);
     const avgDailyOutput = Math.round(totalOutput / filteredShifts.length);
-    const avgCycleTime = Math.round(totalCycleTime / filteredShifts.length);
+    const avgCycleTime = roundToSingleDecimal(totalCycleTime / filteredShifts.length);
     const avgRank = ranks.length > 0 ? Math.round(ranks.reduce((a, b) => a + b, 0) / ranks.length) : null;
     return {
       avgEfficiency,
@@ -50233,7 +50249,7 @@ var WorkspaceMonthlyHistory = ({
   const assemblyRangeCycleTime = React143.useMemo(() => {
     const trendCycleTime = Number(trendSummary?.avg_cycle_time?.current);
     if (Number.isFinite(trendCycleTime) && trendCycleTime > 0) {
-      return Math.round(trendCycleTime);
+      return trendCycleTime;
     }
     return metrics2?.avgCycleTime ?? 0;
   }, [trendSummary?.avg_cycle_time?.current, metrics2?.avgCycleTime]);
@@ -50262,20 +50278,15 @@ var WorkspaceMonthlyHistory = ({
     if (startOffset === -1) startOffset = 6;
     const calendar = Array(startOffset).fill(null);
     for (let day = 1; day <= totalDays; day++) {
-      const dayData = data.find((d) => {
-        const date = new Date(d.date);
-        return date.getDate() === day;
-      });
+      const dateKey = buildDateKey(year, month, day);
+      const dayData = monthlyDataByKey.get(dateKey);
       calendar.push(dayData || null);
     }
     return { calendar, startOffset };
-  }, [data, month, year]);
+  }, [monthlyDataByKey, month, year]);
   const handleDayClick = React143.useCallback((day) => {
     if (!day) return;
-    const year2 = day.date.getFullYear();
-    const month2 = String(day.date.getMonth() + 1).padStart(2, "0");
-    const dayOfMonth = String(day.date.getDate()).padStart(2, "0");
-    const formattedDate = `${year2}-${month2}-${dayOfMonth}`;
+    const formattedDate = getDayDateKey(day);
     trackCoreEvent("Workspace Monthly History Day Clicked", {
       source: "monthly_history",
       workspace_id: workspaceId,
@@ -51221,13 +51232,20 @@ var WorkspaceMonthlyPdfGenerator = ({
         startKey: rangeStart || monthBounds.startKey,
         endKey: rangeEnd || monthBounds.endKey
       };
+      const boundsSourceKey = rangeStart || rangeEnd || monthBounds.startKey;
+      const boundsSourceDate = parseDateKeyToDate(boundsSourceKey);
+      const effectiveBounds = getMonthKeyBounds(boundsSourceDate.getFullYear(), boundsSourceDate.getMonth());
       const normalizedRange = normalizeDateKeyRange(
         requestedRange.startKey,
         requestedRange.endKey,
-        monthBounds.startKey,
-        monthBounds.endKey
+        effectiveBounds.startKey,
+        effectiveBounds.endKey
+      );
+      const fullRange = isFullMonthRange(
+        normalizedRange,
+        boundsSourceDate.getFullYear(),
+        boundsSourceDate.getMonth()
       );
-      const fullRange = isFullMonthRange(normalizedRange, selectedYear, selectedMonth);
       const reportStartDate = parseDateKeyToDate(normalizedRange.startKey);
       const reportEndDate = parseDateKeyToDate(normalizedRange.endKey);
       const reportStartStr = reportStartDate.toLocaleDateString("en-IN", {
@@ -51249,12 +51267,17 @@ var WorkspaceMonthlyPdfGenerator = ({
       const generatedText = `Generated on ${(/* @__PURE__ */ new Date()).toLocaleString("en-IN", { timeZone: "Asia/Kolkata" })}`;
       const resolvedLineName = lineName?.trim() || "Line";
       const dailySectionTitle = isUptimeMode ? "Daily Utilization Summary" : "Daily Performance Summary";
+      const monthName = reportStartDate.toLocaleDateString("en-IN", {
+        month: "long",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
       trackCoreEvent("Workspace Monthly PDF Export Clicked", {
         workspace_id: workspaceId,
         workspace_name: workspaceName,
         line_name: resolvedLineName,
-        month: selectedMonth,
-        year: selectedYear,
+        month: reportStartDate.getMonth(),
+        year: reportStartDate.getFullYear(),
         shift_id: selectedShiftId,
         range_start: normalizedRange.startKey,
         range_end: normalizedRange.endKey,
@@ -51295,11 +51318,6 @@ var WorkspaceMonthlyPdfGenerator = ({
       doc.setFontSize(13);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(60, 60, 60);
-      const monthName = new Date(selectedYear, selectedMonth).toLocaleDateString("en-IN", {
-        month: "long",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
       const shiftType = getShiftDisplayName2(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 65);
       doc.text(`${shiftType}`, 20, 73);
@@ -51311,15 +51329,12 @@ var WorkspaceMonthlyPdfGenerator = ({
       doc.setLineWidth(0.8);
       doc.line(20, 90, 190, 90);
       const reportData = analysisData ? analysisData : filterDataByDateKeyRange(monthlyData, normalizedRange);
-      const validDays = reportData.filter((day) => {
-        const date = new Date(day.date);
-        return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
-      });
+      const validDays = reportData;
       const validShifts = validDays.map((day) => getShiftData(day, selectedShiftId)).filter(hasShiftData);
       const dailyEntries = validDays.map((dayData) => {
         const shift = getShiftData(dayData, selectedShiftId);
         return { dayData, shift };
-      }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => new Date(right.dayData.date).getTime() - new Date(left.dayData.date).getTime());
+      }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => getDayDateKey(right.dayData).localeCompare(getDayDateKey(left.dayData)));
       const filteredShifts = isUptimeMode ? validShifts : validShifts.filter((shift) => (shift.efficiency ?? 0) >= 5);
       const monthlyMetrics = filteredShifts.length > 0 ? isUptimeMode ? (() => {
         const totalIdleTime = filteredShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
@@ -63635,6 +63650,7 @@ var KPIDetailView = ({
   const monthBounds = React143.useMemo(() => getMonthKeyBounds(currentYear, currentMonth), [currentYear, currentMonth]);
   const [rangeStart, setRangeStart] = React143.useState(monthBounds.startKey);
   const [rangeEnd, setRangeEnd] = React143.useState(monthBounds.endKey);
+  const appliedExternalRangeKeyRef = React143.useRef(null);
   const [monthlyData, setMonthlyData] = React143.useState([]);
   const [underperformingWorkspaces, setUnderperformingWorkspaces] = React143.useState({});
   const [selectedShiftId, setSelectedShiftId] = React143.useState(0);
@@ -63677,12 +63693,29 @@ var KPIDetailView = ({
   const range = React143.useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
   const isFullRange = React143.useMemo(() => isFullMonthRange(range, currentYear, currentMonth), [range, currentYear, currentMonth]);
   React143.useEffect(() => {
+    const hasExternalRange = typeof urlRangeStart === "string" || typeof urlRangeEnd === "string";
+    if (!hasExternalRange) {
+      appliedExternalRangeKeyRef.current = null;
+      return;
+    }
+    const externalRangeKey = `${urlRangeStart ?? ""}|${urlRangeEnd ?? ""}`;
+    if (appliedExternalRangeKeyRef.current === externalRangeKey) {
+      return;
+    }
+    appliedExternalRangeKeyRef.current = externalRangeKey;
+    const targetStartKey = typeof urlRangeStart === "string" ? urlRangeStart : typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.startKey;
+    const targetStartDate = parseDateKeyToDate(targetStartKey);
+    const targetMonth = targetStartDate.getMonth();
+    const targetYear = targetStartDate.getFullYear();
+    const targetBounds = getMonthKeyBounds(targetYear, targetMonth);
     const normalized = normalizeDateKeyRange(
-      typeof urlRangeStart === "string" ? urlRangeStart : monthBounds.startKey,
-      typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.endKey,
-      monthBounds.startKey,
-      monthBounds.endKey
+      typeof urlRangeStart === "string" ? urlRangeStart : targetBounds.startKey,
+      typeof urlRangeEnd === "string" ? urlRangeEnd : targetBounds.endKey,
+      targetBounds.startKey,
+      targetBounds.endKey
     );
+    setCurrentMonth(targetMonth);
+    setCurrentYear(targetYear);
     setRangeStart(normalized.startKey);
     setRangeEnd(normalized.endKey);
   }, [urlRangeStart, urlRangeEnd, monthBounds.startKey, monthBounds.endKey]);
@@ -63850,12 +63883,13 @@ var KPIDetailView = ({
         const dayDataMap = /* @__PURE__ */ new Map();
         const resolveMonthlyShiftTimes = (metricShiftId) => resolveShiftTimes(metricShiftId);
         monthlyMetrics.forEach((metric) => {
-          const date = new Date(metric.date);
-          const dateKey = date.toISOString().split("T")[0];
+          const dateKey = getDateKeyFromValue(metric.date);
+          const date = parseDateKeyToDate(dateKey);
           let dayData = dayDataMap.get(dateKey);
           if (!dayData) {
             dayData = {
               date,
+              dateKey,
               shifts: {}
               // Multi-shift structure: Record<number, ShiftData>
             };
@@ -63902,7 +63936,11 @@ var KPIDetailView = ({
           };
           dayData.shifts[metric.shift_id] = shiftData;
         });
-        const transformedMonthlyData = Array.from(dayDataMap.values());
+        const transformedMonthlyData = Array.from(dayDataMap.values()).map((dayData) => ({
+          date: dayData.date,
+          dateKey: dayData.dateKey,
+          shifts: dayData.shifts
+        }));
         console.log("Transformed monthly data for calendar:", transformedMonthlyData);
         setMonthlyData(transformedMonthlyData);
         const mapWorkspaces = (workspaces2) => (workspaces2 || []).map((ws) => ({
@@ -71143,6 +71181,7 @@ var WorkspaceDetailView = ({
   const monthBounds = React143.useMemo(() => getMonthKeyBounds(selectedYear, selectedMonth), [selectedYear, selectedMonth]);
   const [rangeStart, setRangeStart] = React143.useState(monthBounds.startKey);
   const [rangeEnd, setRangeEnd] = React143.useState(monthBounds.endKey);
+  const appliedExternalRangeKeyRef = React143.useRef(null);
   const [selectedShift, setSelectedShift] = React143.useState(0);
   React143.useEffect(() => {
     if (parsedShiftId !== void 0) {
@@ -71152,15 +71191,32 @@ var WorkspaceDetailView = ({
   const range = React143.useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
   const isFullRange = React143.useMemo(() => isFullMonthRange(range, selectedYear, selectedMonth), [range, selectedYear, selectedMonth]);
   React143.useEffect(() => {
+    const hasExternalRange = typeof urlRangeStart === "string" || typeof urlRangeEnd === "string";
+    if (!hasExternalRange) {
+      appliedExternalRangeKeyRef.current = null;
+      return;
+    }
+    const externalRangeKey = `${urlRangeStart ?? ""}|${urlRangeEnd ?? ""}`;
+    if (appliedExternalRangeKeyRef.current === externalRangeKey) {
+      return;
+    }
+    appliedExternalRangeKeyRef.current = externalRangeKey;
+    const targetStartKey = typeof urlRangeStart === "string" ? urlRangeStart : typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.startKey;
+    const targetStartDate = parseDateKeyToDate(targetStartKey);
+    const targetMonth = targetStartDate.getMonth();
+    const targetYear = targetStartDate.getFullYear();
+    const targetBounds = getMonthKeyBounds(targetYear, targetMonth);
     const normalized = normalizeDateKeyRange(
-      typeof urlRangeStart === "string" ? urlRangeStart : monthBounds.startKey,
-      typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.endKey,
-      monthBounds.startKey,
-      monthBounds.endKey
+      typeof urlRangeStart === "string" ? urlRangeStart : targetBounds.startKey,
+      typeof urlRangeEnd === "string" ? urlRangeEnd : targetBounds.endKey,
+      targetBounds.startKey,
+      targetBounds.endKey
     );
+    setSelectedMonth(targetMonth);
+    setSelectedYear(targetYear);
     setRangeStart(normalized.startKey);
     setRangeEnd(normalized.endKey);
-  }, [urlRangeStart, urlRangeEnd, monthBounds.startKey, monthBounds.endKey]);
+  }, [urlRangeStart, urlRangeEnd, monthBounds.startKey]);
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
   const [activeTab, setActiveTab] = React143.useState(initialTab);
@@ -71682,12 +71738,13 @@ var WorkspaceDetailView = ({
         console.warn("Skipping invalid metric:", metric);
         return;
       }
-      const dateObj = new Date(metric.date);
-      const dateKey = dateObj.toISOString().split("T")[0];
+      const dateKey = getDateKeyFromValue(metric.date);
+      const dateObj = parseDateKeyToDate(dateKey);
       let dayEntry = dayDataMap.get(dateKey);
       if (!dayEntry) {
         dayEntry = {
           date: dateObj,
+          dateKey,
           shifts: {}
           // Multi-shift structure: Record<number, CalendarShiftData>
         };
@@ -71732,6 +71789,7 @@ var WorkspaceDetailView = ({
     });
     const processedData = Array.from(dayDataMap.values()).filter((entry) => Object.keys(entry.shifts).length > 0).map((entry) => ({
       date: entry.date,
+      dateKey: entry.dateKey,
       shifts: entry.shifts
     }));
     console.log(`[handleMonthlyDataLoaded] Transformed data for calendar:`, {
@@ -71764,7 +71822,7 @@ var WorkspaceDetailView = ({
   const analysisMonthlyData = React143.useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
-  const formattedWorkspaceName = displayName || workspace?.workspace_display_name || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
+  const formattedWorkspaceName = workspace?.workspace_display_name || displayName || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
   const resolvedLineName = React143.useMemo(() => {
     const workspaceLineName = workspace?.line_name?.trim();
     if (workspaceLineName) {
@@ -72310,6 +72368,9 @@ var WorkspaceDetailView = ({
                     onMonthNavigate: (newMonth, newYear) => {
                       setSelectedMonth(newMonth);
                       setSelectedYear(newYear);
+                      const nextBounds = getMonthKeyBounds(newYear, newMonth);
+                      setRangeStart(nextBounds.startKey);
+                      setRangeEnd(nextBounds.endKey);
                     },
                     showLabel: false
                   }
@@ -81949,6 +82010,8 @@ exports.getCurrentWeekFullRange = getCurrentWeekFullRange;
 exports.getCurrentWeekToDateRange = getCurrentWeekToDateRange;
 exports.getDashboardHeaderTimeInZone = getDashboardHeaderTimeInZone;
 exports.getDateKeyFromDate = getDateKeyFromDate;
+exports.getDateKeyFromValue = getDateKeyFromValue;
+exports.getDayDateKey = getDayDateKey;
 exports.getDaysDifferenceInZone = getDaysDifferenceInZone;
 exports.getDefaultCameraStreamUrl = getDefaultCameraStreamUrl;
 exports.getDefaultLineId = getDefaultLineId;