@optifye/dashboard-core 6.11.38 → 6.11.40

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,130 +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 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;
@@ -12290,6 +12312,7 @@ var toWorkspaceDetailedMetrics = ({
   return {
     workspace_id: data.workspace_id,
     workspace_name: data.workspace_name,
+    workspace_display_name: typeof data.workspace_display_name === "string" ? data.workspace_display_name : typeof data.display_name === "string" ? data.display_name : null,
     line_id: data.line_id,
     line_name: data.line_name || "",
     line_assembly_enabled: data.line_assembly_enabled === true || data.assembly_enabled === true,
@@ -18438,13 +18461,27 @@ var useMonthlyTrend = (params) => {
     if (typeof params.shiftId === "number") {
       searchParams.append("shift_id", params.shiftId.toString());
     }
+    if (params.startDate && params.endDate) {
+      searchParams.append("start_date", params.startDate);
+      searchParams.append("end_date", params.endDate);
+    }
     if (params.entityType === "line") {
       searchParams.append("line_id", params.entityId);
     } else {
       searchParams.append("workspace_id", params.entityId);
     }
     return searchParams.toString();
-  }, [params.entityId, params.entityType, params.month, params.year, params.shiftId, entityConfig?.companyId]);
+  }, [
+    params.companyId,
+    params.endDate,
+    params.entityId,
+    params.entityType,
+    params.month,
+    params.shiftId,
+    params.startDate,
+    params.year,
+    entityConfig?.companyId
+  ]);
   React143.useEffect(() => {
     let isMounted = true;
     if (!queryString || !supabase) {
@@ -47290,6 +47327,10 @@ var LineMonthlyHistory = ({
   const efficiencyImproved = efficiencyDelta >= 0;
   const EfficiencyTrendIcon = efficiencyImproved ? lucideReact.ArrowUp : lucideReact.ArrowDown;
   const efficiencyTrendText = `${Math.abs(efficiencyDelta).toFixed(1)}%`;
+  const trendComparisonLabel = React143.useMemo(
+    () => getMonthlyTrendComparisonLabel(normalizedRange, year, month),
+    [month, normalizedRange, year]
+  );
   const outputDelta = trendSummary?.avg_daily_output?.delta_pp ?? 0;
   const outputImproved = outputDelta >= 0;
   const OutputTrendIcon = outputImproved ? lucideReact.ArrowUp : lucideReact.ArrowDown;
@@ -47540,10 +47581,7 @@ var LineMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-bold text-gray-900 whitespace-nowrap", children: uptimeSummary?.avgDailyStoppages ?? 0 }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${stoppagesImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(StoppagesTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  stoppagesTrendText,
-                  " vs last month"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${stoppagesTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] }),
@@ -47553,10 +47591,7 @@ var LineMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base font-bold text-gray-900 whitespace-nowrap", children: formatIdleTime(uptimeSummary?.avgIdleTime ?? 0) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${idleImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(IdleTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  idleTrendText,
-                  " vs last month"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${idleTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] })
@@ -47570,10 +47605,7 @@ var LineMonthlyHistory = ({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${efficiencyImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(EfficiencyTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  efficiencyTrendText,
-                  " vs last month"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${efficiencyTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] }),
@@ -47583,10 +47615,7 @@ var LineMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl font-bold text-gray-900", children: Math.round(avgOutput).toLocaleString() }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${outputImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(OutputTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  outputTrendText,
-                  " vs last month"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${outputTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] })
@@ -47597,10 +47626,7 @@ var LineMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs sm:text-sm font-bold text-gray-700 text-left", children: "Utilization" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${utilizationImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-1.5 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(UtilizationTrendIcon, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                  utilizationTrendText,
-                  " vs last month"
-                ] })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${utilizationTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] }),
             pieChartData.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-[140px] sm:h-[160px] flex items-center overflow-hidden", children: [
@@ -47952,19 +47978,33 @@ var LineMonthlyPdfGenerator = ({
         is_full_month: fullRange
       });
       const doc = new jsPDF.jsPDF();
-      doc.setFontSize(14);
-      doc.setFont("helvetica", "bold");
-      doc.setTextColor(50, 50, 50);
-      doc.text("OPTIFYE.AI", 20, 15);
-      doc.setFontSize(11);
-      doc.setFont("helvetica", "normal");
-      doc.setTextColor(80, 80, 80);
-      const reportText = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
-      const reportTextWidth = doc.getStringUnitWidth(reportText) * 11 / doc.internal.scaleFactor;
-      doc.text(reportText, doc.internal.pageSize.width - 20 - reportTextWidth, 15);
-      doc.setDrawColor(200, 200, 200);
-      doc.setLineWidth(0.5);
-      doc.line(20, 20, 190, 20);
+      const pageHeight = typeof doc.internal.pageSize.height === "number" ? Number(doc.internal.pageSize.height) : 297;
+      const footerY = pageHeight - 17;
+      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 drawPageChrome = () => {
+        doc.setFontSize(14);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(50, 50, 50);
+        doc.text("OPTIFYE.AI", 20, 15);
+        doc.setFontSize(11);
+        doc.setFont("helvetica", "normal");
+        doc.setTextColor(80, 80, 80);
+        const reportText = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
+        const reportTextWidth = doc.getStringUnitWidth(reportText) * 11 / doc.internal.scaleFactor;
+        doc.text(reportText, doc.internal.pageSize.width - 20 - reportTextWidth, 15);
+        doc.setDrawColor(200, 200, 200);
+        doc.setLineWidth(0.5);
+        doc.line(20, 20, 190, 20);
+      };
+      const drawFooter = () => {
+        doc.setFontSize(9);
+        doc.setTextColor(130, 130, 130);
+        doc.text(generatedText, 20, footerY);
+        doc.setTextColor(0, 0, 0);
+      };
+      drawPageChrome();
       doc.setFillColor(250, 250, 250);
       doc.roundedRect(15, 25, 180, 55, 3, 3, "F");
       doc.setFontSize(32);
@@ -47999,6 +48039,10 @@ var LineMonthlyPdfGenerator = ({
         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;
       };
+      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());
       const getUptimeTotals2 = (shift, hasData) => {
         if (!hasData || !shift) {
           return { availableSeconds: 0, productiveSeconds: 0, idleSeconds: 0 };
@@ -48125,46 +48169,45 @@ var LineMonthlyPdfGenerator = ({
       }
       const dailySeparatorY = isUptimeMode ? 180 : 165;
       const dailySectionStartY = isUptimeMode ? 185 : 170;
-      const dailyTitleY = isUptimeMode ? 195 : 180;
-      const dailyHeaderY = isUptimeMode ? 200 : 185;
-      const dailyHeaderTextY = isUptimeMode ? 205 : 190;
-      const dailyHeaderLineY = isUptimeMode ? 208 : 193;
       const dailyContentStartY = isUptimeMode ? 215 : 200;
-      const dailyMaxY = isUptimeMode ? 260 : 245;
       doc.setDrawColor(180, 180, 180);
       doc.setLineWidth(0.8);
       doc.line(20, dailySeparatorY, 190, dailySeparatorY);
-      doc.setFillColor(245, 245, 245);
-      doc.roundedRect(15, dailySectionStartY, 180, 85, 3, 3, "F");
-      doc.setFontSize(18);
-      doc.setFont("helvetica", "bold");
-      doc.setTextColor(40, 40, 40);
-      doc.text(isUptimeMode ? "Daily Utilization Summary" : "Daily Performance Summary", 20, dailyTitleY);
-      doc.setTextColor(0, 0, 0);
-      if (validDays.length > 0) {
+      const renderDailyTablePage = (startIndex, sectionY, title) => {
+        const rowHeight = 8;
+        const tableHeaderY = sectionY + 15;
+        const headerTextY = tableHeaderY + 5;
+        const firstRowY = headerTextY + 10;
+        const rowsPerPage = Math.max(1, Math.floor((maxContentY - firstRowY) / rowHeight));
+        const pageEntries = dailyEntries.slice(startIndex, startIndex + rowsPerPage);
+        const endY = firstRowY + pageEntries.length * rowHeight;
+        const sectionHeight = Math.max(40, endY - sectionY + 5);
+        doc.setFillColor(245, 245, 245);
+        doc.roundedRect(15, sectionY, 180, sectionHeight, 3, 3, "F");
+        doc.setFontSize(18);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(40, 40, 40);
+        doc.text(title, 20, sectionY + 10);
+        doc.setTextColor(0, 0, 0);
         doc.setFontSize(10);
         doc.setFont("helvetica", "bold");
         doc.setFillColor(240, 240, 240);
-        doc.roundedRect(20, dailyHeaderY, 170, 7, 1, 1, "F");
-        doc.text("Date", 25, dailyHeaderTextY);
+        doc.roundedRect(20, tableHeaderY, 170, 7, 1, 1, "F");
+        doc.text("Date", 25, headerTextY);
         if (isUptimeMode) {
-          doc.text("Utilization", 95, dailyHeaderTextY);
+          doc.text("Utilization", 95, headerTextY);
         } else {
-          doc.text("Actual", 60, dailyHeaderTextY);
-          doc.text("Standard", 95, dailyHeaderTextY);
-          doc.text("Efficiency", 135, dailyHeaderTextY);
-          doc.text("Status", 170, dailyHeaderTextY);
+          doc.text("Actual", 60, headerTextY);
+          doc.text("Standard", 95, headerTextY);
+          doc.text("Efficiency", 135, headerTextY);
+          doc.text("Status", 170, headerTextY);
         }
         doc.setLineWidth(0.2);
         doc.setDrawColor(220, 220, 220);
-        doc.line(20, dailyHeaderLineY, 190, dailyHeaderLineY);
+        doc.line(20, headerTextY + 3, 190, headerTextY + 3);
         doc.setFont("helvetica", "normal");
-        let yPos = dailyContentStartY;
-        const recentDays = validDays.slice(-10).reverse();
-        recentDays.forEach((dayData, index) => {
-          if (yPos > dailyMaxY) return;
-          const shift = getLineShiftData2(dayData, selectedShiftId);
-          if (!hasShiftData(shift)) return;
+        let yPos = firstRowY;
+        pageEntries.forEach(({ dayData, shift }, index) => {
           if (isUptimeMode) {
             doc.setDrawColor(200, 200, 200);
             doc.setLineWidth(0.1);
@@ -48205,12 +48248,34 @@ var LineMonthlyPdfGenerator = ({
             }
             doc.setTextColor(0, 0, 0);
           }
-          yPos += 8;
+          yPos += rowHeight;
         });
         if (!isUptimeMode) {
           doc.setLineWidth(0.2);
           doc.setDrawColor(220, 220, 220);
-          doc.roundedRect(20, dailyHeaderY, 170, yPos - dailyHeaderY - 3, 1, 1, "S");
+          doc.roundedRect(20, tableHeaderY, 170, yPos - tableHeaderY - 3, 1, 1, "S");
+        }
+        return startIndex + pageEntries.length;
+      };
+      if (dailyEntries.length > 0) {
+        let renderedEntries = renderDailyTablePage(0, dailySectionStartY, dailySectionTitle);
+        while (renderedEntries < dailyEntries.length) {
+          drawFooter();
+          doc.addPage();
+          drawPageChrome();
+          doc.setFontSize(12);
+          doc.setFont("helvetica", "bold");
+          doc.setTextColor(40, 40, 40);
+          doc.text(lineName || "Line", 20, 32);
+          doc.setFont("helvetica", "normal");
+          doc.setTextColor(90, 90, 90);
+          doc.text(`${monthName} \u2022 ${shiftType} \u2022 ${reportStartStr} - ${reportEndStr}`, 20, 40);
+          doc.setTextColor(0, 0, 0);
+          renderedEntries = renderDailyTablePage(
+            renderedEntries,
+            48,
+            `${dailySectionTitle} (cont.)`
+          );
         }
       } else {
         doc.setFontSize(12);
@@ -48223,20 +48288,9 @@ var LineMonthlyPdfGenerator = ({
       const isCycleTimeWorkspace = (workspace) => workspace.metric_mode === "cycle_time" || lineAssembly && (workspace.avg_cycle_time !== void 0 || workspace.ideal_cycle_time !== void 0 || workspace.cycle_ratio !== void 0);
       const showCycleTimePoorestPerformers = !isUptimeMode && poorestWorkspaces.some(isCycleTimeWorkspace);
       if (poorestWorkspaces && poorestWorkspaces.length > 0) {
+        drawFooter();
         doc.addPage();
-        doc.setFontSize(14);
-        doc.setFont("helvetica", "bold");
-        doc.setTextColor(50, 50, 50);
-        doc.text("OPTIFYE.AI", 20, 15);
-        doc.setFontSize(11);
-        doc.setFont("helvetica", "normal");
-        doc.setTextColor(80, 80, 80);
-        const reportText2 = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
-        const reportTextWidth2 = doc.getStringUnitWidth(reportText2) * 11 / doc.internal.scaleFactor;
-        doc.text(reportText2, doc.internal.pageSize.width - 20 - reportTextWidth2, 15);
-        doc.setDrawColor(200, 200, 200);
-        doc.setLineWidth(0.5);
-        doc.line(20, 20, 190, 20);
+        drawPageChrome();
         doc.setFontSize(18);
         doc.setFont("helvetica", "bold");
         doc.setTextColor(40, 40, 40);
@@ -48302,10 +48356,7 @@ var LineMonthlyPdfGenerator = ({
         doc.setDrawColor(220, 220, 220);
         doc.roundedRect(20, 45, 170, yPos2 - 45 - 5, 1, 1, "S");
       }
-      doc.setFontSize(9);
-      doc.setTextColor(130, 130, 130);
-      const generatedText = `Generated on ${(/* @__PURE__ */ new Date()).toLocaleString("en-IN", { timeZone: "Asia/Kolkata" })}`;
-      doc.text(generatedText, 20, 280);
+      drawFooter();
       const fileName = `${lineName || "Line"}_${monthName.replace(" ", "_")}_${shiftType.replace(" ", "_")}.pdf`;
       doc.save(fileName);
     } catch (error) {
@@ -49875,6 +49926,11 @@ 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`;
+};
 var CustomTooltip3 = ({ active, payload, label, isUptimeMode }) => {
   if (!active || !payload || payload.length === 0) return null;
   if (isUptimeMode) {
@@ -49996,21 +50052,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;
@@ -50037,8 +50102,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
@@ -50049,12 +50114,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) {
@@ -50062,20 +50124,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
@@ -50089,7 +50149,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;
@@ -50174,7 +50234,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,
@@ -50185,12 +50245,16 @@ var WorkspaceMonthlyHistory = ({
       avgIdleTime: Math.round(totalIdleTime / filteredShifts.length)
     };
   }, [analysisMonthlyData, selectedShiftId, isUptimeMode, shiftWorkSeconds]);
+  const trendComparisonLabel = React143.useMemo(
+    () => getMonthlyTrendComparisonLabel(normalizedRange, year, month),
+    [month, normalizedRange, year]
+  );
   const efficiencyDelta = trendSummary?.avg_efficiency?.delta_pp ?? 0;
   const efficiencyImproved = efficiencyDelta >= 0;
   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]);
@@ -50200,17 +50264,17 @@ var WorkspaceMonthlyHistory = ({
   const cycleWorsened = cycleDelta > 0;
   const utilizationDelta = efficiencyDelta;
   const utilizationImproved = utilizationDelta >= 0;
-  const utilizationTrendText = `${Math.abs(utilizationDelta).toFixed(1)}% vs last month`;
+  const utilizationTrendText = `${Math.abs(utilizationDelta).toFixed(1)}%`;
   const idleDeltaRaw = trendSummary?.avg_idle_time?.delta_seconds ?? 0;
   const idlePrev = trendSummary?.avg_idle_time?.previous ?? 0;
   const idleDelta = idlePrev ? idleDeltaRaw / idlePrev * 100 : 0;
   const idleImproved = idleDelta <= 0;
-  const idleTrendText = `${Math.abs(idleDelta).toFixed(1)}% vs last month`;
+  const idleTrendText = `${Math.abs(idleDelta).toFixed(1)}%`;
   const stoppagesDeltaRaw = trendSummary?.avg_daily_stoppages?.delta_count ?? 0;
   const stoppagesPrev = trendSummary?.avg_daily_stoppages?.previous ?? 0;
   const stoppagesDelta = stoppagesPrev ? stoppagesDeltaRaw / stoppagesPrev * 100 : 0;
   const stoppagesImproved = stoppagesDelta <= 0;
-  const stoppagesTrendText = `${Math.abs(stoppagesDelta).toFixed(1)}% vs last month`;
+  const stoppagesTrendText = `${Math.abs(stoppagesDelta).toFixed(1)}%`;
   const calendarData = React143.useMemo(() => {
     const startOfMonth2 = new Date(year, month, 1);
     const endOfMonth2 = new Date(year, month + 1, 0);
@@ -50219,20 +50283,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,
@@ -50371,20 +50430,17 @@ var WorkspaceMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: formatIdleTime(metrics2?.avgIdleTime ?? 0) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${idleImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 idleImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: idleTrendText })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${idleTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm border border-gray-100 p-4 flex flex-col justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-600 mb-1", children: "Avg Cycle Time" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-nowrap", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-2xl font-bold text-gray-900", children: [
-                assemblyRangeCycleTime,
-                "s"
-              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: formatCycleSeconds(assemblyRangeCycleTime) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${cycleWorsened ? "bg-red-50 text-red-600" : "bg-emerald-50 text-emerald-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 cycleWorsened ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(cycleDelta).toFixed(1)}% vs last month` })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(cycleDelta).toFixed(1)}% vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] })
@@ -50395,10 +50451,10 @@ var WorkspaceMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: isUptimeMode ? `${metrics2?.avgUtilization ?? 0}%` : `${metrics2?.avgEfficiency ?? 0}%` }),
               isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${utilizationImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 utilizationImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: utilizationTrendText })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${utilizationTrendText} vs ${trendComparisonLabel}` })
               ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${efficiencyImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 efficiencyImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(efficiencyDelta).toFixed(1)}% vs last month` })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(efficiencyDelta).toFixed(1)}% vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] }),
@@ -50408,7 +50464,7 @@ var WorkspaceMonthlyHistory = ({
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-gray-900", children: formatIdleTime(metrics2?.avgIdleTime ?? 0) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${idleImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 idleImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: idleTrendText })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${idleTrendText} vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] }),
@@ -50421,10 +50477,10 @@ var WorkspaceMonthlyHistory = ({
               ] }),
               isUptimeMode ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${stoppagesImproved ? "bg-emerald-50 text-emerald-600" : "bg-red-50 text-red-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 stoppagesImproved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: stoppagesTrendText })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${stoppagesTrendText} vs ${trendComparisonLabel}` })
               ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 ${cycleWorsened ? "bg-red-50 text-red-600" : "bg-emerald-50 text-emerald-600"} px-2 py-0.5 rounded-full text-[10px] font-medium whitespace-nowrap flex-shrink-0`, children: [
                 cycleWorsened ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(cycleDelta).toFixed(1)}% vs last month` })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${Math.abs(cycleDelta).toFixed(1)}% vs ${trendComparisonLabel}` })
               ] })
             ] })
           ] })
@@ -51136,6 +51192,7 @@ var getShiftDisplayName2 = (shiftId, availableShifts) => {
 var WorkspaceMonthlyPdfGenerator = ({
   workspaceId,
   workspaceName,
+  lineName,
   monthlyData,
   analysisData,
   selectedMonth,
@@ -51180,13 +51237,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", {
@@ -51201,36 +51265,57 @@ var WorkspaceMonthlyPdfGenerator = ({
         year: "numeric",
         timeZone: "Asia/Kolkata"
       });
+      const doc = new jsPDF.jsPDF();
+      const pageHeight = typeof doc.internal.pageSize.height === "number" ? Number(doc.internal.pageSize.height) : 297;
+      const footerY = pageHeight - 17;
+      const maxContentY = footerY - 10;
+      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,
-        month: selectedMonth,
-        year: selectedYear,
+        line_name: resolvedLineName,
+        month: reportStartDate.getMonth(),
+        year: reportStartDate.getFullYear(),
         shift_id: selectedShiftId,
         range_start: normalizedRange.startKey,
         range_end: normalizedRange.endKey,
         is_full_month: fullRange
       });
-      const doc = new jsPDF.jsPDF();
-      doc.setFontSize(14);
-      doc.setFont("helvetica", "bold");
-      doc.setTextColor(50, 50, 50);
-      doc.text("OPTIFYE.AI", 20, 15);
-      doc.setFontSize(11);
-      doc.setFont("helvetica", "normal");
-      doc.setTextColor(80, 80, 80);
-      const reportText = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
-      const reportTextWidth = doc.getStringUnitWidth(reportText) * 11 / doc.internal.scaleFactor;
-      doc.text(reportText, doc.internal.pageSize.width - 20 - reportTextWidth, 15);
-      doc.setDrawColor(200, 200, 200);
-      doc.setLineWidth(0.5);
-      doc.line(20, 20, 190, 20);
+      const drawPageChrome = () => {
+        doc.setFontSize(14);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(50, 50, 50);
+        doc.text("OPTIFYE.AI", 20, 15);
+        doc.setFontSize(11);
+        doc.setFont("helvetica", "normal");
+        doc.setTextColor(80, 80, 80);
+        const reportText = isUptimeMode ? "MONTHLY UTILIZATION REPORT" : "MONTHLY PERFORMANCE REPORT";
+        const reportTextWidth = doc.getStringUnitWidth(reportText) * 11 / doc.internal.scaleFactor;
+        doc.text(reportText, doc.internal.pageSize.width - 20 - reportTextWidth, 15);
+        doc.setDrawColor(200, 200, 200);
+        doc.setLineWidth(0.5);
+        doc.line(20, 20, 190, 20);
+      };
+      const drawFooter = () => {
+        doc.setFontSize(9);
+        doc.setTextColor(130, 130, 130);
+        doc.text(generatedText, 20, footerY);
+        doc.setTextColor(0, 0, 0);
+      };
+      drawPageChrome();
       doc.setFillColor(250, 250, 250);
       doc.roundedRect(15, 25, 180, 55, 3, 3, "F");
       doc.setFontSize(32);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(0, 0, 0);
-      doc.text("Line 1", 20, 40);
+      doc.text(resolvedLineName, 20, 40);
       doc.setFontSize(22);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(40, 40, 40);
@@ -51238,11 +51323,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);
@@ -51254,11 +51334,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) => 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);
@@ -51385,21 +51466,27 @@ var WorkspaceMonthlyPdfGenerator = ({
       doc.setLineWidth(0.8);
       const separatorY = isAssemblyWorkspaceAndNotUptime ? 150 : 180;
       doc.line(20, separatorY, 190, separatorY);
-      doc.setFillColor(245, 245, 245);
       const dailySectionY = isAssemblyWorkspaceAndNotUptime ? 155 : 185;
-      doc.roundedRect(15, dailySectionY, 180, 85, 3, 3, "F");
-      doc.setFontSize(18);
-      doc.setFont("helvetica", "bold");
-      doc.setTextColor(40, 40, 40);
-      doc.text(isUptimeMode ? "Daily Utilization Summary" : "Daily Performance Summary", 20, dailySectionY + 10);
-      doc.setTextColor(0, 0, 0);
-      if (validDays.length > 0) {
+      const renderDailyTablePage = (startIndex, sectionY, title) => {
+        const rowHeight = 8;
+        const tableHeaderY = sectionY + 15;
+        const textY = tableHeaderY + 5;
+        const firstRowY = textY + 10;
+        const rowsPerPage = Math.max(1, Math.floor((maxContentY - firstRowY) / rowHeight));
+        const pageEntries = dailyEntries.slice(startIndex, startIndex + rowsPerPage);
+        const endY = firstRowY + pageEntries.length * rowHeight;
+        const sectionHeight = Math.max(40, endY - sectionY + 5);
+        doc.setFillColor(245, 245, 245);
+        doc.roundedRect(15, sectionY, 180, sectionHeight, 3, 3, "F");
+        doc.setFontSize(18);
+        doc.setFont("helvetica", "bold");
+        doc.setTextColor(40, 40, 40);
+        doc.text(title, 20, sectionY + 10);
+        doc.setTextColor(0, 0, 0);
         doc.setFontSize(10);
         doc.setFont("helvetica", "bold");
         doc.setFillColor(240, 240, 240);
-        const tableHeaderY = dailySectionY + 15;
         doc.roundedRect(20, tableHeaderY, 170, 7, 1, 1, "F");
-        const textY = tableHeaderY + 5;
         doc.text("Date", 25, textY);
         doc.text(isUptimeMode ? "Productive" : isAssemblyWorkspace ? "Actual Cycle Time" : "Actual", 60, textY);
         doc.text(isUptimeMode ? "Idle" : isAssemblyWorkspace ? "Standard Cycle Time" : "Standard", 95, textY);
@@ -51409,12 +51496,8 @@ var WorkspaceMonthlyPdfGenerator = ({
         doc.setDrawColor(220, 220, 220);
         doc.line(20, textY + 3, 190, textY + 3);
         doc.setFont("helvetica", "normal");
-        let yPos = textY + 10;
-        const recentDays = validDays.slice(-10).reverse();
-        recentDays.forEach((dayData, index) => {
-          if (yPos > 260) return;
-          const shift = getShiftData(dayData, selectedShiftId);
-          if (!hasShiftData(shift)) return;
+        let yPos = firstRowY;
+        pageEntries.forEach(({ dayData, shift }, index) => {
           if (index % 2 === 0) {
             doc.setFillColor(252, 252, 252);
             doc.roundedRect(20, yPos - 4, 170, 7, 1, 1, "F");
@@ -51447,11 +51530,35 @@ var WorkspaceMonthlyPdfGenerator = ({
             doc.text(`${shift.efficiency.toFixed(1)}%`, 135, yPos);
             drawStatusMark(doc, 171, yPos - 0.3, shift.efficiency >= effectiveLegend.green_min);
           }
-          yPos += 8;
+          yPos += rowHeight;
         });
         doc.setLineWidth(0.2);
         doc.setDrawColor(220, 220, 220);
         doc.roundedRect(20, tableHeaderY, 170, yPos - tableHeaderY - 3, 1, 1, "S");
+        return startIndex + pageEntries.length;
+      };
+      if (dailyEntries.length > 0) {
+        let renderedEntries = renderDailyTablePage(0, dailySectionY, dailySectionTitle);
+        while (renderedEntries < dailyEntries.length) {
+          drawFooter();
+          doc.addPage();
+          drawPageChrome();
+          doc.setFontSize(12);
+          doc.setFont("helvetica", "bold");
+          doc.setTextColor(40, 40, 40);
+          doc.text(resolvedLineName, 20, 32);
+          doc.setFont("helvetica", "normal");
+          doc.text(getWorkspaceDisplayName(workspaceName), 20, 40);
+          doc.setFontSize(10);
+          doc.setTextColor(90, 90, 90);
+          doc.text(`${monthName} \u2022 ${shiftType} \u2022 ${reportStartStr} - ${reportEndStr}`, 20, 48);
+          doc.setTextColor(0, 0, 0);
+          renderedEntries = renderDailyTablePage(
+            renderedEntries,
+            56,
+            `${dailySectionTitle} (cont.)`
+          );
+        }
       } else {
         doc.setFontSize(12);
         doc.setFont("helvetica", "normal");
@@ -51459,10 +51566,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         doc.text("No daily data available for this month", 25, dailySectionY + 30);
         doc.setTextColor(0, 0, 0);
       }
-      doc.setFontSize(9);
-      doc.setTextColor(130, 130, 130);
-      const generatedText = `Generated on ${(/* @__PURE__ */ new Date()).toLocaleString("en-IN", { timeZone: "Asia/Kolkata" })}`;
-      doc.text(generatedText, 20, 280);
+      drawFooter();
       const fileName = `${getWorkspaceDisplayName(workspaceName)}_${monthName.replace(" ", "_")}_${shiftType.replace(" ", "_")}.pdf`;
       doc.save(fileName);
     } catch (error) {
@@ -63611,7 +63715,9 @@ var KPIDetailView = ({
     month: currentMonth,
     year: currentYear,
     shiftId: selectedShiftId,
-    companyId: resolvedCompanyId
+    companyId: resolvedCompanyId,
+    startDate: isFullRange ? void 0 : rangeStart,
+    endDate: isFullRange ? void 0 : rangeEnd
   });
   const configuredTimezone = timezone || dashboardConfig.dateTimeConfig?.defaultTimezone || "UTC";
   React143.useMemo(() => getCurrentTimeInZone(configuredTimezone), [configuredTimezone]);
@@ -71066,15 +71172,26 @@ 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) {
+      return;
+    }
+    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);
@@ -71094,7 +71211,9 @@ var WorkspaceDetailView = ({
     month: selectedMonth,
     year: selectedYear,
     shiftId: selectedShift,
-    companyId: dashboardConfig?.entityConfig?.companyId
+    companyId: dashboardConfig?.entityConfig?.companyId,
+    startDate: isFullRange ? void 0 : rangeStart,
+    endDate: isFullRange ? void 0 : rangeEnd
   });
   const {
     isFastSlowClipFiltersEnabled,
@@ -71361,6 +71480,7 @@ var WorkspaceDetailView = ({
       line_name: "",
       line_assembly_enabled: cachedOverviewMetrics.assembly_enabled === true,
       workspace_name: cachedOverviewMetrics.workspace_name,
+      workspace_display_name: cachedOverviewMetrics.displayName ?? null,
       workspace_id: cachedOverviewMetrics.workspace_uuid || "",
       company_id: cachedOverviewMetrics.company_id,
       company_name: "",
@@ -71593,12 +71713,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>
         };
@@ -71643,6 +71764,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:`, {
@@ -71675,7 +71797,17 @@ var WorkspaceDetailView = ({
   const analysisMonthlyData = React143.useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
-  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
+  const formattedWorkspaceName = displayName || workspace?.workspace_display_name || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
+  const resolvedLineName = React143.useMemo(() => {
+    const workspaceLineName = workspace?.line_name?.trim();
+    if (workspaceLineName) {
+      return workspaceLineName;
+    }
+    if (resolvedLineId && dashboardConfig?.entityConfig) {
+      return getLineDisplayName(dashboardConfig.entityConfig, resolvedLineId);
+    }
+    return "Line";
+  }, [dashboardConfig?.entityConfig, resolvedLineId, workspace?.line_name]);
   const workspaceCycleTimeEligibility = workspace ? {
     line_assembly_enabled: workspace.line_assembly_enabled,
     action_family: workspace.action_family,
@@ -72220,6 +72352,7 @@ var WorkspaceDetailView = ({
                   {
                     workspaceId,
                     workspaceName: formattedWorkspaceName,
+                    lineName: resolvedLineName,
                     monthlyData,
                     analysisData: analysisMonthlyData,
                     selectedMonth,
@@ -81849,6 +81982,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;
@@ -81859,6 +81994,7 @@ exports.getManufacturingInsights = getManufacturingInsights;
 exports.getMetricsTablePrefix = getMetricsTablePrefix;
 exports.getMonthKeyBounds = getMonthKeyBounds;
 exports.getMonthWeekRanges = getMonthWeekRanges;
+exports.getMonthlyTrendComparisonLabel = getMonthlyTrendComparisonLabel;
 exports.getNextUpdateInterval = getNextUpdateInterval;
 exports.getOperationalDate = getOperationalDate;
 exports.getRoleAssignmentKind = getRoleAssignmentKind;