@optifye/dashboard-core 6.11.38 → 6.11.39

package/dist/index.js

@@ -3423,6 +3423,12 @@ 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 = [];
@@ -12290,6 +12296,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 +18445,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 +47311,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 +47565,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 +47575,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 +47589,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 +47599,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 +47610,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 +47962,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 +48023,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 +48153,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 +48232,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 +48272,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 +48340,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 +49910,10 @@ var formatHours = (value) => {
   if (Math.abs(rounded) < 0.05) return "0h";
   return Number.isInteger(rounded) ? `${rounded}h` : `${rounded.toFixed(1)}h`;
 };
+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) {
@@ -50185,6 +50224,10 @@ 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(() => {
@@ -50200,17 +50243,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);
@@ -50371,20 +50414,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 +50435,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 +50448,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 +50461,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 +51176,7 @@ var getShiftDisplayName2 = (shiftId, availableShifts) => {
 var WorkspaceMonthlyPdfGenerator = ({
   workspaceId,
   workspaceName,
+  lineName,
   monthlyData,
   analysisData,
   selectedMonth,
@@ -51201,9 +51242,17 @@ 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";
       trackCoreEvent("Workspace Monthly PDF Export Clicked", {
         workspace_id: workspaceId,
         workspace_name: workspaceName,
+        line_name: resolvedLineName,
         month: selectedMonth,
         year: selectedYear,
         shift_id: selectedShiftId,
@@ -51211,26 +51260,34 @@ var WorkspaceMonthlyPdfGenerator = ({
         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);
@@ -51259,6 +51316,10 @@ var WorkspaceMonthlyPdfGenerator = ({
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
       const validShifts = validDays.map((day) => getShiftData(day, selectedShiftId)).filter(hasShiftData);
+      const dailyEntries = validDays.map((dayData) => {
+        const shift = getShiftData(dayData, selectedShiftId);
+        return { dayData, shift };
+      }).filter(({ shift }) => hasShiftData(shift)).sort((left, right) => new Date(right.dayData.date).getTime() - new Date(left.dayData.date).getTime());
       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 +51446,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 +51476,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 +51510,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 +51546,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 +63695,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]);
@@ -71094,7 +71180,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 +71449,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: "",
@@ -71675,7 +71764,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 +72319,7 @@ var WorkspaceDetailView = ({
                   {
                     workspaceId,
                     workspaceName: formattedWorkspaceName,
+                    lineName: resolvedLineName,
                     monthlyData,
                     analysisData: analysisMonthlyData,
                     selectedMonth,
@@ -81859,6 +81959,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;