@optifye/dashboard-core 6.11.40 → 6.11.41

package/dist/index.d.mts

@@ -7799,6 +7799,7 @@ interface LineShiftData {
 }
 interface LineDayData$2 {
     date: Date | string;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) - multi-shift support */
     shifts: Record<number, LineShiftData>;
 }
@@ -7853,6 +7854,7 @@ interface WorkspacePerformance$1 {
 /** Line monthly data with multi-shift support */
 interface LineDayData$1 {
     date: Date;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) */
     shifts: Record<number, PerformanceData$1>;
 }
@@ -7924,6 +7926,7 @@ interface WorkspacePerformance {
 /** Line day data with multi-shift support */
 interface LineDayData {
     date: Date;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) */
     shifts: Record<number, PerformanceData>;
 }

package/dist/index.d.ts

@@ -7799,6 +7799,7 @@ interface LineShiftData {
 }
 interface LineDayData$2 {
     date: Date | string;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) - multi-shift support */
     shifts: Record<number, LineShiftData>;
 }
@@ -7853,6 +7854,7 @@ interface WorkspacePerformance$1 {
 /** Line monthly data with multi-shift support */
 interface LineDayData$1 {
     date: Date;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) */
     shifts: Record<number, PerformanceData$1>;
 }
@@ -7924,6 +7926,7 @@ interface WorkspacePerformance {
 /** Line day data with multi-shift support */
 interface LineDayData {
     date: Date;
+    dateKey?: string;
     /** Shift data keyed by shift_id (0, 1, 2, ...) */
     shifts: Record<number, PerformanceData>;
 }

package/dist/index.js

@@ -46575,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,
@@ -46609,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: {}
         });
@@ -46694,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);
@@ -46705,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,
@@ -46721,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);
@@ -47191,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 };
@@ -47248,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 {
@@ -47354,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 = [];
@@ -47364,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;
@@ -47392,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) {
@@ -47405,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;
@@ -47429,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;
@@ -47917,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,
@@ -47946,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", {
@@ -47970,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,
@@ -47983,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");
@@ -48014,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);
@@ -48031,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;
@@ -48042,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 };
@@ -63655,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);
@@ -63697,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]);
@@ -63870,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>
             };
@@ -63922,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) => ({
@@ -71163,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) {
@@ -71174,8 +71193,14 @@ var WorkspaceDetailView = ({
   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();
@@ -71797,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) {
@@ -72343,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
                   }

package/dist/index.mjs

@@ -46546,6 +46546,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,
@@ -46580,20 +46581,16 @@ var LineHistoryCalendar = ({
     for (let day = 1; day <= totalDays; day++) {
       const currentDate = 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 = 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: {}
         });
@@ -46665,7 +46662,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);
@@ -46676,11 +46673,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,
@@ -46692,8 +46685,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);
@@ -47162,6 +47155,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 };
@@ -47219,6 +47213,10 @@ var LineMonthlyHistory = ({
     }
     return filterDataByDateKeyRange(monthlyData, normalizedRange);
   }, [analysisData, monthlyData, normalizedRange]);
+  const analysisMonthlyDataByKey = useMemo(
+    () => new Map((analysisMonthlyData || []).map((day) => [getLineDayDateKey2(day), day])),
+    [analysisMonthlyData]
+  );
   const startDate = normalizedRange.startKey;
   const endDate = normalizedRange.endKey;
   const {
@@ -47325,9 +47323,9 @@ var LineMonthlyHistory = ({
   const chartData = 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 = [];
@@ -47335,13 +47333,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;
@@ -47363,12 +47358,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) {
@@ -47376,11 +47368,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;
@@ -47400,7 +47390,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 = useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -47888,6 +47878,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,
@@ -47917,13 +47908,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", {
@@ -47941,8 +47939,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,
@@ -47954,6 +47952,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");
@@ -47985,11 +47988,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);
@@ -48002,10 +48000,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;
@@ -48013,7 +48008,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 };
@@ -63626,6 +63621,7 @@ var KPIDetailView = ({
   const monthBounds = useMemo(() => getMonthKeyBounds(currentYear, currentMonth), [currentYear, currentMonth]);
   const [rangeStart, setRangeStart] = useState(monthBounds.startKey);
   const [rangeEnd, setRangeEnd] = useState(monthBounds.endKey);
+  const appliedExternalRangeKeyRef = useRef(null);
   const [monthlyData, setMonthlyData] = useState([]);
   const [underperformingWorkspaces, setUnderperformingWorkspaces] = useState({});
   const [selectedShiftId, setSelectedShiftId] = useState(0);
@@ -63668,12 +63664,29 @@ var KPIDetailView = ({
   const range = useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
   const isFullRange = useMemo(() => isFullMonthRange(range, currentYear, currentMonth), [range, currentYear, currentMonth]);
   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]);
@@ -63841,12 +63854,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>
             };
@@ -63893,7 +63907,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) => ({
@@ -71134,6 +71152,7 @@ var WorkspaceDetailView = ({
   const monthBounds = useMemo(() => getMonthKeyBounds(selectedYear, selectedMonth), [selectedYear, selectedMonth]);
   const [rangeStart, setRangeStart] = useState(monthBounds.startKey);
   const [rangeEnd, setRangeEnd] = useState(monthBounds.endKey);
+  const appliedExternalRangeKeyRef = useRef(null);
   const [selectedShift, setSelectedShift] = useState(0);
   useEffect(() => {
     if (parsedShiftId !== void 0) {
@@ -71145,8 +71164,14 @@ var WorkspaceDetailView = ({
   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();
@@ -71768,7 +71793,7 @@ var WorkspaceDetailView = ({
   const analysisMonthlyData = 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 = useMemo(() => {
     const workspaceLineName = workspace?.line_name?.trim();
     if (workspaceLineName) {
@@ -72314,6 +72339,9 @@ var WorkspaceDetailView = ({
                     onMonthNavigate: (newMonth, newYear) => {
                       setSelectedMonth(newMonth);
                       setSelectedYear(newYear);
+                      const nextBounds = getMonthKeyBounds(newYear, newMonth);
+                      setRangeStart(nextBounds.startKey);
+                      setRangeEnd(nextBounds.endKey);
                     },
                     showLabel: false
                   }

package/package.json

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