@optifye/dashboard-core 6.11.37 → 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,
@@ -78909,6 +79009,12 @@ var buildDeltaBadge = (delta, options) => {
     text: `${options.formatter(delta)} vs ${options.comparisonLabel}`
   };
 };
+var parseSpecificShiftId = (shiftMode) => {
+  const rawMode = String(shiftMode || "").trim().toLowerCase();
+  if (!rawMode.startsWith("shift:")) return null;
+  const parsed = Number(rawMode.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
 var normalizeShiftLabel = (shiftName, shiftMode) => {
   if (shiftMode === "all") {
     return "All Shifts";
@@ -78920,6 +79026,10 @@ var normalizeShiftLabel = (shiftName, shiftMode) => {
     if (normalizedName === "night") return "Night Shift";
     return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
   }
+  const specificShiftId = parseSpecificShiftId(shiftMode);
+  if (specificShiftId !== null) {
+    return `Shift ${specificShiftId}`;
+  }
   if (shiftMode === "night") return "Night Shift";
   return "Day Shift";
 };
@@ -78992,6 +79102,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
   dateRange,
   displayDateRange,
   trendMode,
+  shiftFilterOptions,
   isLiveScope,
   liveShiftName,
   lineOptions,
@@ -79245,7 +79356,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntime.jsx(
             "select",
             {
               value: trendMode,
@@ -79257,11 +79368,7 @@ var OperationsOverviewHeader = React143__namespace.default.memo(({
                 backgroundRepeat: "no-repeat",
                 backgroundSize: "1.2em 1.2em"
               },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Shifts" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "day", children: "Day Shift" }),
-                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "night", children: "Night Shift" })
-              ]
+              children: shiftFilterOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
             }
           ) })
         ] }),
@@ -80331,6 +80438,24 @@ var normalizeShiftId = (value) => {
   }
   return null;
 };
+var buildSpecificShiftMode = (value) => {
+  const normalizedShiftId = normalizeShiftId(value);
+  return normalizedShiftId === null ? null : `shift:${normalizedShiftId}`;
+};
+var parseSpecificShiftMode = (value) => {
+  const rawValue = String(value || "").trim().toLowerCase();
+  if (!rawValue.startsWith("shift:")) return null;
+  const parsed = Number(rawValue.split(":", 2)[1]);
+  return Number.isFinite(parsed) ? parsed : null;
+};
+var formatShiftOptionLabel = (shiftName, shiftId) => {
+  const trimmedName = shiftName?.trim();
+  if (trimmedName) {
+    return /shift/i.test(trimmedName) ? trimmedName : `${trimmedName} Shift`;
+  }
+  const normalizedShiftId = normalizeShiftId(shiftId);
+  return normalizedShiftId === null ? "Unknown Shift" : `Shift ${normalizedShiftId}`;
+};
 var classifyShiftBucket = ({
   shiftName,
   shiftId,
@@ -80417,6 +80542,26 @@ var normalizeShiftWindowMinutes = (startTime, endTime) => {
   }
   return { startMinutes, endMinutes };
 };
+var getOperationalSortStartMinutes = (startTime, endTime) => {
+  const normalizedWindow = normalizeShiftWindowMinutes(startTime, endTime);
+  if (!normalizedWindow) return null;
+  return normalizedWindow.startMinutes < 6 * 60 ? normalizedWindow.startMinutes + 24 * 60 : normalizedWindow.startMinutes;
+};
+var doesShiftMatchTrendMode = ({
+  trendMode,
+  shiftName,
+  shiftId,
+  startTime,
+  endTime
+}) => {
+  if (trendMode === "all") return true;
+  const specificShiftId = parseSpecificShiftMode(trendMode);
+  if (specificShiftId !== null) {
+    return normalizeShiftId(shiftId) === specificShiftId;
+  }
+  const bucket = classifyShiftBucket({ shiftName, shiftId, startTime, endTime });
+  return bucket === trendMode;
+};
 var PlantHeadView = () => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
@@ -80547,6 +80692,45 @@ var PlantHeadView = () => {
     shiftConfigMap,
     isLoading: isShiftConfigLoading
   } = useMultiLineShiftConfigs(scopedLineIds, staticShiftConfig);
+  const shiftFilterOptions = React143__namespace.default.useMemo(() => {
+    const optionsById = /* @__PURE__ */ new Map();
+    scopedLineIds.forEach((lineId) => {
+      const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
+      getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
+        const shiftId = normalizeShiftId(shift.shiftId);
+        if (shiftId === null) return;
+        const sortKey = getOperationalSortStartMinutes(shift.startTime, shift.endTime) ?? 24 * 60 + shiftId;
+        const existing = optionsById.get(shiftId);
+        const label = formatShiftOptionLabel(shift.shiftName, shiftId);
+        if (!existing) {
+          optionsById.set(shiftId, {
+            value: buildSpecificShiftMode(shiftId),
+            label,
+            shiftId,
+            shiftName: shift.shiftName || null,
+            startTime: shift.startTime || null,
+            endTime: shift.endTime || null,
+            sortKey
+          });
+          return;
+        }
+        if ((!existing.shiftName || existing.shiftName === `Shift ${shiftId}`) && shift.shiftName) {
+          existing.shiftName = shift.shiftName;
+          existing.label = label;
+        }
+        if (sortKey < existing.sortKey) {
+          existing.sortKey = sortKey;
+          existing.startTime = shift.startTime || null;
+          existing.endTime = shift.endTime || null;
+        }
+      });
+    });
+    const dynamicOptions = Array.from(optionsById.values()).sort((a, b) => a.sortKey - b.sortKey || (a.shiftId || 0) - (b.shiftId || 0)).map(({ sortKey, ...option }) => option);
+    return [
+      { value: "all", label: "All Shifts" },
+      ...dynamicOptions
+    ];
+  }, [appTimezone, scopedLineIds, shiftConfigMap, staticShiftConfig]);
   React143__namespace.default.useEffect(() => {
     if (scopedLineIds.length === 0 || isShiftConfigLoading) {
       return;
@@ -80609,18 +80793,20 @@ var PlantHeadView = () => {
       if (!activeShift) {
         return [];
       }
-      const trendBucket = classifyShiftBucket({
+      const bucketTrendMode = classifyShiftBucket({
         shiftName: activeShift.shiftName,
         shiftId: activeShift.shiftId,
         startTime: activeShift.startTime,
         endTime: activeShift.endTime
       });
-      if (!trendBucket || trendBucket === "all") {
+      const exactTrendMode = buildSpecificShiftMode(activeShift.shiftId);
+      if (!bucketTrendMode && !exactTrendMode) {
         return [];
       }
       return [{
         lineId,
-        trendMode: trendBucket,
+        exactTrendMode,
+        bucketTrendMode,
         shiftId: activeShift.shiftId,
         shiftName: activeShift.shiftName || null,
         startTime: activeShift.startTime || null,
@@ -80629,14 +80815,12 @@ var PlantHeadView = () => {
       }];
     });
   }, [appTimezone, scopedLineIds, shiftConfigMap, shiftResolutionNow, staticShiftConfig]);
-  const hasActiveDayShiftLine = React143__namespace.default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "day" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
-  const hasActiveNightShiftLine = React143__namespace.default.useMemo(
-    () => activeLineShiftStates.some((shift) => shift.trendMode === "night" && shift.date === resolvedOperationalToday),
-    [activeLineShiftStates, resolvedOperationalToday]
-  );
+  const uniformActiveTrendMode = React143__namespace.default.useMemo(() => {
+    const activeModes = Array.from(new Set(
+      activeLineShiftStates.filter((shift) => shift.date === resolvedOperationalToday).map((shift) => shift.exactTrendMode).filter((mode) => !!mode)
+    ));
+    return activeModes.length === 1 ? activeModes[0] : null;
+  }, [activeLineShiftStates, resolvedOperationalToday]);
   const resolvedTrendMode = isInitialScopeReady ? trendMode : "all";
   const hourlyWindowStartTime = React143__namespace.default.useMemo(() => {
     if (scopedLineIds.length === 0) {
@@ -80647,13 +80831,19 @@ var PlantHeadView = () => {
     scopedLineIds.forEach((lineId) => {
       const shiftConfig = shiftConfigMap.get(lineId) || staticShiftConfig;
       getShiftWindowsForConfig(shiftConfig).forEach((shift) => {
-        const bucket = classifyShiftBucket({
+        classifyShiftBucket({
           shiftName: shift.shiftName,
           shiftId: shift.shiftId,
           startTime: shift.startTime,
           endTime: shift.endTime
         });
-        if (resolvedTrendMode !== "all" && bucket !== resolvedTrendMode) {
+        if (!doesShiftMatchTrendMode({
+          trendMode: resolvedTrendMode,
+          shiftName: shift.shiftName,
+          shiftId: shift.shiftId,
+          startTime: shift.startTime,
+          endTime: shift.endTime
+        })) {
           return;
         }
         const normalizedWindow = normalizeShiftWindowMinutes(shift.startTime, shift.endTime);
@@ -80727,11 +80917,11 @@ var PlantHeadView = () => {
         endKey: nextStartKey
       };
     });
-    setTrendMode("all");
+    setTrendMode(uniformActiveTrendMode || "all");
     setUsesThisWeekComparison(false);
     hasAutoInitializedScopeRef.current = true;
     setIsInitialScopeReady(true);
-  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length]);
+  }, [fallbackOperationalDate, isShiftScopeResolved, resolvedOperationalToday, scopedLineIds.length, uniformActiveTrendMode]);
   const handleDateRangeChange = React143__namespace.default.useCallback((range, meta) => {
     hasUserAdjustedScopeRef.current = true;
     setIsInitialScopeReady(true);
@@ -80818,6 +81008,33 @@ var PlantHeadView = () => {
     () => resolvedTrendMode,
     [resolvedTrendMode]
   );
+  const hasActiveSelectedShiftLine = React143__namespace.default.useMemo(
+    () => activeLineShiftStates.some((shift) => {
+      if (shift.date !== resolvedOperationalToday) return false;
+      if (effectiveTrendMode === "all") return true;
+      const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+      if (specificShiftId !== null) {
+        return shift.exactTrendMode === effectiveTrendMode;
+      }
+      return shift.bucketTrendMode === effectiveTrendMode;
+    }),
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
+  const activeLiveShiftName = React143__namespace.default.useMemo(
+    () => {
+      if (effectiveTrendMode === "all") return null;
+      const matchingShift = activeLineShiftStates.find((shift) => {
+        if (shift.date !== resolvedOperationalToday) return false;
+        const specificShiftId = parseSpecificShiftMode(effectiveTrendMode);
+        if (specificShiftId !== null) {
+          return shift.exactTrendMode === effectiveTrendMode;
+        }
+        return shift.bucketTrendMode === effectiveTrendMode;
+      });
+      return matchingShift?.shiftName || null;
+    },
+    [activeLineShiftStates, effectiveTrendMode, resolvedOperationalToday]
+  );
   const hourlyLabelStartTime = React143__namespace.default.useMemo(() => {
     if (scopedLineIds.length === 0) {
       return null;
@@ -80829,12 +81046,11 @@ var PlantHeadView = () => {
     [effectiveDateRange.endKey, effectiveDateRange.startKey]
   );
   const isLiveScope = React143__namespace.default.useMemo(
-    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && (effectiveTrendMode === "all" || effectiveTrendMode === "day" && hasActiveDayShiftLine || effectiveTrendMode === "night" && hasActiveNightShiftLine),
+    () => isSingleDayScope && effectiveDateRange.startKey === resolvedOperationalToday && hasActiveSelectedShiftLine,
     [
       effectiveDateRange.startKey,
       effectiveTrendMode,
-      hasActiveDayShiftLine,
-      hasActiveNightShiftLine,
+      hasActiveSelectedShiftLine,
       isSingleDayScope,
       resolvedOperationalToday
     ]
@@ -80871,8 +81087,9 @@ var PlantHeadView = () => {
         dateRange,
         displayDateRange: headerDateRange,
         trendMode,
+        shiftFilterOptions,
         isLiveScope,
-        liveShiftName: isLiveScope && trendMode !== "all" ? trendMode : null,
+        liveShiftName: isLiveScope && trendMode !== "all" ? activeLiveShiftName : null,
         lineOptions,
         supervisorOptions,
         selectedSupervisorId,
@@ -81742,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;