@optifye/dashboard-core 6.12.14 → 6.12.15

package/dist/index.d.mts

@@ -136,6 +136,7 @@ interface LineDetailedMetrics {
     output_array: number[];
     output_hourly?: Record<string, number[]>;
     hourly_target_output?: Array<number | null> | null;
+    hourly_target_output_by_sku?: Record<string, Array<number | null> | null>;
     line_threshold: number;
     /** Summed real-SKU `performance_metrics.total_day_output_recalculated`. */
     output_target_recalculated?: number | null;
@@ -1098,6 +1099,7 @@ interface WorkspaceMonthlyMetric {
     ideal_cycle_time?: number;
     ideal_output: number;
     total_day_output: number;
+    target_output?: number;
     avg_pph: number;
     pph_threshold: number;
     workspace_rank: number;
@@ -1118,6 +1120,7 @@ interface LineMonthlyMetric {
     current_output?: number;
     ideal_output?: number;
     line_threshold?: number;
+    target_output?: number;
     idle_time_hourly?: Record<string, any> | null;
     active_time_seconds?: number;
     idle_time_seconds?: number;

package/dist/index.d.ts

@@ -136,6 +136,7 @@ interface LineDetailedMetrics {
     output_array: number[];
     output_hourly?: Record<string, number[]>;
     hourly_target_output?: Array<number | null> | null;
+    hourly_target_output_by_sku?: Record<string, Array<number | null> | null>;
     line_threshold: number;
     /** Summed real-SKU `performance_metrics.total_day_output_recalculated`. */
     output_target_recalculated?: number | null;
@@ -1098,6 +1099,7 @@ interface WorkspaceMonthlyMetric {
     ideal_cycle_time?: number;
     ideal_output: number;
     total_day_output: number;
+    target_output?: number;
     avg_pph: number;
     pph_threshold: number;
     workspace_rank: number;
@@ -1118,6 +1120,7 @@ interface LineMonthlyMetric {
     current_output?: number;
     ideal_output?: number;
     line_threshold?: number;
+    target_output?: number;
     idle_time_hourly?: Record<string, any> | null;
     active_time_seconds?: number;
     idle_time_seconds?: number;

package/dist/index.js

@@ -5596,8 +5596,9 @@ var dashboardService = {
         total_output: item.total_output || 0,
         avg_cycle_time: item.avg_cycle_time || 0,
         ideal_cycle_time: item.ideal_cycle_time ?? 0,
-        ideal_output: item.ideal_output || 0,
-        total_day_output: item.total_day_output ?? item.ideal_output ?? 0,
+        ideal_output: item.target_output ?? item.ideal_output ?? 0,
+        total_day_output: item.target_output ?? item.total_day_output ?? item.ideal_output ?? 0,
+        target_output: item.target_output ?? item.total_day_output ?? item.ideal_output ?? 0,
         avg_pph: item.avg_pph || 0,
         pph_threshold: item.pph_threshold || 0,
         workspace_rank: item.workspace_rank || 0,
@@ -13996,7 +13997,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
         trend: item.trend_score === 1 ? 2 : 0,
         predicted_output: item.ideal_output || 0,
         efficiency: item.efficiency || 0,
-        action_threshold: item.total_day_output || 0,
+        action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
         idle_time: item.idle_time ?? void 0,
         idle_time_hourly: item.idle_time_hourly || null,
         shift_start: item.shift_start || void 0,
@@ -14677,7 +14678,7 @@ var transformMonitorWorkspaceMetrics = ({
       trend: item.trend_score === 1 ? 2 : 0,
       predicted_output: item.ideal_output || 0,
       efficiency: item.efficiency || 0,
-      action_threshold: item.total_day_output || 0,
+      action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
       monitoring_mode: item.monitoring_mode ?? void 0,
       idle_time: idleTimeSeconds,
       idle_time_hourly: item.idle_time_hourly ?? null,
@@ -18858,6 +18859,7 @@ var useAllWorkspaceMetrics = (options) => {
             trend_score,
             line_id,
             total_day_output,
+            total_day_output_recalculated,
             workspace_display_name
           `).eq("date", fallbackQueryDate).eq("shift_id", fallbackQueryShiftId).in("workspace_id", allEnabledWorkspaceIds).order("efficiency", { ascending: false });
         if (fetchError) throw fetchError;
@@ -18876,7 +18878,7 @@ var useAllWorkspaceMetrics = (options) => {
           trend: item.trend_score === 1 ? 2 : 0,
           predicted_output: 0,
           efficiency: item.efficiency || 0,
-          action_threshold: item.total_day_output || 0
+          action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0
         }));
       } else if (shiftGroups.length > 0) {
         console.log(`[useAllWorkspaceMetrics] \u{1F3ED} Fetching per-shift: ${shiftGroups.length} group(s)`);
@@ -18903,6 +18905,7 @@ var useAllWorkspaceMetrics = (options) => {
               trend_score,
               line_id,
               total_day_output,
+              total_day_output_recalculated,
               workspace_display_name
             `).eq("date", group.date).eq("shift_id", group.shiftId).in("workspace_id", groupWorkspaceIds);
           if (fetchError) throw fetchError;
@@ -18921,7 +18924,7 @@ var useAllWorkspaceMetrics = (options) => {
             trend: item.trend_score === 1 ? 2 : 0,
             predicted_output: 0,
             efficiency: item.efficiency || 0,
-            action_threshold: item.total_day_output || 0
+            action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0
           }));
         });
         const results = await Promise.all(queryPromises);
@@ -51735,12 +51738,15 @@ var LinePdfGenerator = ({
       doc.setTextColor(0, 0, 0);
       const kpiStartY = 80;
       const kpiSpacing = 10;
+      const dayTargetOutput = Math.round(Number(
+        lineInfo.metrics.output_target_recalculated ?? lineInfo.metrics.line_threshold ?? 0
+      ));
       createKPIBox(kpiStartY);
       doc.setFontSize(11);
       doc.setFont("helvetica", "normal");
       doc.text("Output:", 25, kpiStartY);
       doc.setFont("helvetica", "bold");
-      doc.text(`${lineInfo.metrics.current_output} / ${lineInfo.metrics.line_threshold}`, 120, kpiStartY);
+      doc.text(`${lineInfo.metrics.current_output} / ${dayTargetOutput}`, 120, kpiStartY);
       createKPIBox(kpiStartY + kpiSpacing);
       doc.setFont("helvetica", "normal");
       doc.text("Average Efficiency:", 25, kpiStartY + kpiSpacing);
@@ -51775,6 +51781,18 @@ var LinePdfGenerator = ({
         fallbackHours: Math.max(hourlyTimeRanges.length, 1),
         rounding: "floor"
       });
+      const backendHourlyTargetOutput = lineInfo.metrics.hourly_target_output;
+      const shouldUseBackendHourlyTargets = backendHourlyTargetOutput !== void 0;
+      const resolveTargetForRange = (index) => {
+        if (shouldUseBackendHourlyTargets) {
+          if (!Array.isArray(backendHourlyTargetOutput)) return null;
+          const targetValue = backendHourlyTargetOutput[index];
+          if (targetValue === null || targetValue === void 0) return null;
+          const numericTarget = Number(targetValue);
+          return Number.isFinite(numericTarget) ? numericTarget : null;
+        }
+        return targetPlan.targets[index] ?? 0;
+      };
       const skuRemarksByIndex = {};
       if (lineInfo.metrics.sku_segments && lineInfo.metrics.sku_segments.length > 0) {
         lineInfo.metrics.sku_segments.forEach((segment, segmentIndex) => {
@@ -52004,8 +52022,9 @@ var LinePdfGenerator = ({
           doc.setDrawColor(200, 200, 200);
           doc.line(20, rowBottomY, 190, rowBottomY);
         }
-        const targetForRange = targetPlan.targets[index] ?? 0;
-        const targetStr = targetForRange.toString();
+        const targetForRange = resolveTargetForRange(index);
+        const roundedTargetForRange = targetForRange === null ? null : Math.round(targetForRange);
+        const targetStr = roundedTargetForRange === null ? "-" : roundedTargetForRange.toString();
         let remarkText = targetPlan.breakRemarks[index] || "";
         if (skuRemarksByIndex[index] && skuRemarksByIndex[index].length > 0) {
           const skuRemarks = skuRemarksByIndex[index];
@@ -52027,7 +52046,10 @@ var LinePdfGenerator = ({
         if (!dataCollected) {
           doc.setTextColor(100, 100, 100);
           doc.text("-", 135, yPos);
-        } else if (actualOutput >= targetForRange) {
+        } else if (roundedTargetForRange === null) {
+          doc.setTextColor(100, 100, 100);
+          doc.text("-", 135, yPos);
+        } else if (actualOutput >= roundedTargetForRange) {
           doc.setTextColor(0, 171, 69);
           doc.setFont("ZapfDingbats", "normal");
           doc.text("4", 135, yPos);
@@ -53789,6 +53811,19 @@ var WorkspacePdfGenerator = ({
         fallbackHours: Math.max(hourlyData.length, 1),
         rounding: "floor"
       }) : null;
+      const backendHourlyTargetOutput = workspace.hourly_target_output;
+      const shouldUseBackendHourlyTargets = backendHourlyTargetOutput !== void 0;
+      const resolveTargetForRange = (index) => {
+        if (!outputTargetPlan) return null;
+        if (shouldUseBackendHourlyTargets) {
+          if (!Array.isArray(backendHourlyTargetOutput)) return null;
+          const targetValue = backendHourlyTargetOutput[index];
+          if (targetValue === null || targetValue === void 0) return null;
+          const numericTarget = Number(targetValue);
+          return Number.isFinite(numericTarget) ? numericTarget : null;
+        }
+        return outputTargetPlan.targets[index] ?? hourlyTarget;
+      };
       const skuRemarksByIndex = {};
       if (workspace.sku_segments && workspace.sku_segments.length > 0) {
         workspace.sku_segments.forEach((segment, segmentIndex) => {
@@ -53915,7 +53950,7 @@ var WorkspacePdfGenerator = ({
         const idleValue = isUptimeMode ? entry.idleMinutes ?? 0 : 0;
         const uptimePercent = isUptimeMode ? entry.uptimePercent ?? 0 : 0;
         const outputStr = dataCollected ? outputValue.toString() : "TBD";
-        const effectiveTarget = outputTargetPlan?.targets[index] ?? hourlyTarget;
+        const effectiveTarget = resolveTargetForRange(index);
         let remarkText = outputTargetPlan?.breakRemarks[index] || "";
         if (skuRemarksByIndex[index] && skuRemarksByIndex[index].length > 0) {
           const skuRemarks = skuRemarksByIndex[index];
@@ -53923,7 +53958,8 @@ var WorkspacePdfGenerator = ({
           const compactSkuRemark = skuRemarks.length === 1 ? `${latestSku} started` : `${latestSku} started, +${skuRemarks.length - 1}`;
           remarkText = remarkText ? `${remarkText}, ${compactSkuRemark}` : compactSkuRemark;
         }
-        const targetStr = isUptimeMode ? dataCollected ? idleValue.toString() : "TBD" : effectiveTarget.toString();
+        const roundedEffectiveTarget = effectiveTarget === null ? null : Math.round(effectiveTarget);
+        const targetStr = isUptimeMode ? dataCollected ? idleValue.toString() : "TBD" : roundedEffectiveTarget === null ? "-" : roundedEffectiveTarget.toString();
         if (index < totalRows - 1) {
           const rowBottomY = headerBottomY + (index + 1) * rowHeight;
           doc.setDrawColor(200, 200, 200);
@@ -53966,7 +54002,10 @@ var WorkspacePdfGenerator = ({
           if (!dataCollected) {
             doc.setTextColor(100, 100, 100);
             doc.text("-", 135, yPos);
-          } else if (outputValue >= effectiveTarget) {
+          } else if (roundedEffectiveTarget === null) {
+            doc.setTextColor(100, 100, 100);
+            doc.text("-", 135, yPos);
+          } else if (outputValue >= roundedEffectiveTarget) {
             doc.setTextColor(0, 171, 69);
             doc.setFont("ZapfDingbats", "normal");
             doc.text("4", 135, yPos);
@@ -65535,6 +65574,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
       output_array: metrics2.output_array || [],
       output_hourly: metrics2.output_hourly,
       hourly_target_output: metrics2.hourly_target_output,
+      hourly_target_output_by_sku: metrics2.hourly_target_output_by_sku,
       line_threshold: metrics2.line_threshold ?? 0,
       output_target_recalculated: metrics2.output_target_recalculated ?? null,
       threshold_pph: metrics2.threshold_pph ?? 0,
@@ -65568,7 +65608,7 @@ var transformWorkspaceMetrics = (workspaceData, lineId, companyId, queryDate, qu
   trend: item.trend_score === 1 ? 2 : 0,
   predicted_output: item.ideal_output || 0,
   efficiency: item.efficiency || 0,
-  action_threshold: item.total_day_output || 0,
+  action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
   idle_time: item.idle_time ?? void 0,
   idle_time_hourly: item.idle_time_hourly || null,
   shift_start: item.shift_start || void 0,
@@ -67363,9 +67403,9 @@ var KPIDetailView = ({
             output: metric.current_output || 0,
             // LineMonthlyHistory expects `idealOutput` for the red dotted target ReferenceLine.
             // `line_threshold` comes from `line_metrics` (numeric -> string via PostgREST), so coerce.
-            idealOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
+            idealOutput: Number(metric.target_output ?? metric.line_threshold ?? metric.ideal_output ?? 0),
             // Keep legacy field in case any downstream code still reads it.
-            targetOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
+            targetOutput: Number(metric.target_output ?? metric.line_threshold ?? metric.ideal_output ?? 0),
             compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
             hasData: isUptimeMode ? hasUptimeMetricData : true,
@@ -67452,6 +67492,7 @@ var KPIDetailView = ({
         output_array: metrics2.output_array || [],
         output_hourly: metrics2.output_hourly,
         hourly_target_output: metrics2.hourly_target_output,
+        hourly_target_output_by_sku: metrics2.hourly_target_output_by_sku,
         line_threshold: metrics2.line_threshold ?? 0,
         output_target_recalculated: metrics2.output_target_recalculated ?? null,
         threshold_pph: metrics2.threshold_pph ?? 0,
@@ -67579,6 +67620,19 @@ var KPIDetailView = ({
     if (selectedSkuId === "all") return null;
     return realSkuOptions.find((item) => item.sku_id === selectedSkuId) ?? null;
   }, [realSkuOptions, selectedSkuId]);
+  const selectedHourlyTargetOutput = React144.useMemo(() => {
+    const aggregateTarget = chartMetrics?.hourly_target_output;
+    if (!normalizedSelectedSkuId) return aggregateTarget;
+    const targetBySku = chartMetrics?.hourly_target_output_by_sku;
+    if (targetBySku && Object.prototype.hasOwnProperty.call(targetBySku, normalizedSelectedSkuId)) {
+      return targetBySku[normalizedSelectedSkuId];
+    }
+    return aggregateTarget;
+  }, [
+    chartMetrics?.hourly_target_output,
+    chartMetrics?.hourly_target_output_by_sku,
+    normalizedSelectedSkuId
+  ]);
   const displayLineInfo = React144.useMemo(() => {
     if (!resolvedLineInfo) return null;
     if (!selectedSkuRow) return resolvedLineInfo;
@@ -68420,7 +68474,7 @@ var KPIDetailView = ({
               workspaceDisplayNames,
               hourlyOutputData,
               hourlyThreshold,
-              hourlyTargetOutput: chartMetrics?.hourly_target_output,
+              hourlyTargetOutput: selectedHourlyTargetOutput,
               shiftBreaks: shiftConfig?.shifts?.find((shift) => shift.shiftId === resolvedLineInfo.shift_id)?.breaks || [],
               idleTimeHourly: chartMetrics?.idle_time_hourly,
               timezone: lineTimezone,
@@ -75822,8 +75876,8 @@ var WorkspaceDetailView = ({
         idealCycleTime: Number(metric.ideal_cycle_time || 0),
         pph: metric.avg_pph || 0,
         pphThreshold: metric.pph_threshold || 0,
-        idealOutput: Number(metric.ideal_output || 0),
-        targetOutput: Number(metric.total_day_output || 0),
+        idealOutput: Number(metric.target_output ?? metric.ideal_output ?? 0),
+        targetOutput: Number(metric.target_output ?? metric.total_day_output ?? 0),
         rank: metric.workspace_rank || 0,
         idleTime: idleTimeSeconds || 0,
         activeTimeSeconds,

package/dist/index.mjs

@@ -5567,8 +5567,9 @@ var dashboardService = {
         total_output: item.total_output || 0,
         avg_cycle_time: item.avg_cycle_time || 0,
         ideal_cycle_time: item.ideal_cycle_time ?? 0,
-        ideal_output: item.ideal_output || 0,
-        total_day_output: item.total_day_output ?? item.ideal_output ?? 0,
+        ideal_output: item.target_output ?? item.ideal_output ?? 0,
+        total_day_output: item.target_output ?? item.total_day_output ?? item.ideal_output ?? 0,
+        target_output: item.target_output ?? item.total_day_output ?? item.ideal_output ?? 0,
         avg_pph: item.avg_pph || 0,
         pph_threshold: item.pph_threshold || 0,
         workspace_rank: item.workspace_rank || 0,
@@ -13967,7 +13968,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
         trend: item.trend_score === 1 ? 2 : 0,
         predicted_output: item.ideal_output || 0,
         efficiency: item.efficiency || 0,
-        action_threshold: item.total_day_output || 0,
+        action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
         idle_time: item.idle_time ?? void 0,
         idle_time_hourly: item.idle_time_hourly || null,
         shift_start: item.shift_start || void 0,
@@ -14648,7 +14649,7 @@ var transformMonitorWorkspaceMetrics = ({
       trend: item.trend_score === 1 ? 2 : 0,
       predicted_output: item.ideal_output || 0,
       efficiency: item.efficiency || 0,
-      action_threshold: item.total_day_output || 0,
+      action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
       monitoring_mode: item.monitoring_mode ?? void 0,
       idle_time: idleTimeSeconds,
       idle_time_hourly: item.idle_time_hourly ?? null,
@@ -18829,6 +18830,7 @@ var useAllWorkspaceMetrics = (options) => {
             trend_score,
             line_id,
             total_day_output,
+            total_day_output_recalculated,
             workspace_display_name
           `).eq("date", fallbackQueryDate).eq("shift_id", fallbackQueryShiftId).in("workspace_id", allEnabledWorkspaceIds).order("efficiency", { ascending: false });
         if (fetchError) throw fetchError;
@@ -18847,7 +18849,7 @@ var useAllWorkspaceMetrics = (options) => {
           trend: item.trend_score === 1 ? 2 : 0,
           predicted_output: 0,
           efficiency: item.efficiency || 0,
-          action_threshold: item.total_day_output || 0
+          action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0
         }));
       } else if (shiftGroups.length > 0) {
         console.log(`[useAllWorkspaceMetrics] \u{1F3ED} Fetching per-shift: ${shiftGroups.length} group(s)`);
@@ -18874,6 +18876,7 @@ var useAllWorkspaceMetrics = (options) => {
               trend_score,
               line_id,
               total_day_output,
+              total_day_output_recalculated,
               workspace_display_name
             `).eq("date", group.date).eq("shift_id", group.shiftId).in("workspace_id", groupWorkspaceIds);
           if (fetchError) throw fetchError;
@@ -18892,7 +18895,7 @@ var useAllWorkspaceMetrics = (options) => {
             trend: item.trend_score === 1 ? 2 : 0,
             predicted_output: 0,
             efficiency: item.efficiency || 0,
-            action_threshold: item.total_day_output || 0
+            action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0
           }));
         });
         const results = await Promise.all(queryPromises);
@@ -51706,12 +51709,15 @@ var LinePdfGenerator = ({
       doc.setTextColor(0, 0, 0);
       const kpiStartY = 80;
       const kpiSpacing = 10;
+      const dayTargetOutput = Math.round(Number(
+        lineInfo.metrics.output_target_recalculated ?? lineInfo.metrics.line_threshold ?? 0
+      ));
       createKPIBox(kpiStartY);
       doc.setFontSize(11);
       doc.setFont("helvetica", "normal");
       doc.text("Output:", 25, kpiStartY);
       doc.setFont("helvetica", "bold");
-      doc.text(`${lineInfo.metrics.current_output} / ${lineInfo.metrics.line_threshold}`, 120, kpiStartY);
+      doc.text(`${lineInfo.metrics.current_output} / ${dayTargetOutput}`, 120, kpiStartY);
       createKPIBox(kpiStartY + kpiSpacing);
       doc.setFont("helvetica", "normal");
       doc.text("Average Efficiency:", 25, kpiStartY + kpiSpacing);
@@ -51746,6 +51752,18 @@ var LinePdfGenerator = ({
         fallbackHours: Math.max(hourlyTimeRanges.length, 1),
         rounding: "floor"
       });
+      const backendHourlyTargetOutput = lineInfo.metrics.hourly_target_output;
+      const shouldUseBackendHourlyTargets = backendHourlyTargetOutput !== void 0;
+      const resolveTargetForRange = (index) => {
+        if (shouldUseBackendHourlyTargets) {
+          if (!Array.isArray(backendHourlyTargetOutput)) return null;
+          const targetValue = backendHourlyTargetOutput[index];
+          if (targetValue === null || targetValue === void 0) return null;
+          const numericTarget = Number(targetValue);
+          return Number.isFinite(numericTarget) ? numericTarget : null;
+        }
+        return targetPlan.targets[index] ?? 0;
+      };
       const skuRemarksByIndex = {};
       if (lineInfo.metrics.sku_segments && lineInfo.metrics.sku_segments.length > 0) {
         lineInfo.metrics.sku_segments.forEach((segment, segmentIndex) => {
@@ -51975,8 +51993,9 @@ var LinePdfGenerator = ({
           doc.setDrawColor(200, 200, 200);
           doc.line(20, rowBottomY, 190, rowBottomY);
         }
-        const targetForRange = targetPlan.targets[index] ?? 0;
-        const targetStr = targetForRange.toString();
+        const targetForRange = resolveTargetForRange(index);
+        const roundedTargetForRange = targetForRange === null ? null : Math.round(targetForRange);
+        const targetStr = roundedTargetForRange === null ? "-" : roundedTargetForRange.toString();
         let remarkText = targetPlan.breakRemarks[index] || "";
         if (skuRemarksByIndex[index] && skuRemarksByIndex[index].length > 0) {
           const skuRemarks = skuRemarksByIndex[index];
@@ -51998,7 +52017,10 @@ var LinePdfGenerator = ({
         if (!dataCollected) {
           doc.setTextColor(100, 100, 100);
           doc.text("-", 135, yPos);
-        } else if (actualOutput >= targetForRange) {
+        } else if (roundedTargetForRange === null) {
+          doc.setTextColor(100, 100, 100);
+          doc.text("-", 135, yPos);
+        } else if (actualOutput >= roundedTargetForRange) {
           doc.setTextColor(0, 171, 69);
           doc.setFont("ZapfDingbats", "normal");
           doc.text("4", 135, yPos);
@@ -53760,6 +53782,19 @@ var WorkspacePdfGenerator = ({
         fallbackHours: Math.max(hourlyData.length, 1),
         rounding: "floor"
       }) : null;
+      const backendHourlyTargetOutput = workspace.hourly_target_output;
+      const shouldUseBackendHourlyTargets = backendHourlyTargetOutput !== void 0;
+      const resolveTargetForRange = (index) => {
+        if (!outputTargetPlan) return null;
+        if (shouldUseBackendHourlyTargets) {
+          if (!Array.isArray(backendHourlyTargetOutput)) return null;
+          const targetValue = backendHourlyTargetOutput[index];
+          if (targetValue === null || targetValue === void 0) return null;
+          const numericTarget = Number(targetValue);
+          return Number.isFinite(numericTarget) ? numericTarget : null;
+        }
+        return outputTargetPlan.targets[index] ?? hourlyTarget;
+      };
       const skuRemarksByIndex = {};
       if (workspace.sku_segments && workspace.sku_segments.length > 0) {
         workspace.sku_segments.forEach((segment, segmentIndex) => {
@@ -53886,7 +53921,7 @@ var WorkspacePdfGenerator = ({
         const idleValue = isUptimeMode ? entry.idleMinutes ?? 0 : 0;
         const uptimePercent = isUptimeMode ? entry.uptimePercent ?? 0 : 0;
         const outputStr = dataCollected ? outputValue.toString() : "TBD";
-        const effectiveTarget = outputTargetPlan?.targets[index] ?? hourlyTarget;
+        const effectiveTarget = resolveTargetForRange(index);
         let remarkText = outputTargetPlan?.breakRemarks[index] || "";
         if (skuRemarksByIndex[index] && skuRemarksByIndex[index].length > 0) {
           const skuRemarks = skuRemarksByIndex[index];
@@ -53894,7 +53929,8 @@ var WorkspacePdfGenerator = ({
           const compactSkuRemark = skuRemarks.length === 1 ? `${latestSku} started` : `${latestSku} started, +${skuRemarks.length - 1}`;
           remarkText = remarkText ? `${remarkText}, ${compactSkuRemark}` : compactSkuRemark;
         }
-        const targetStr = isUptimeMode ? dataCollected ? idleValue.toString() : "TBD" : effectiveTarget.toString();
+        const roundedEffectiveTarget = effectiveTarget === null ? null : Math.round(effectiveTarget);
+        const targetStr = isUptimeMode ? dataCollected ? idleValue.toString() : "TBD" : roundedEffectiveTarget === null ? "-" : roundedEffectiveTarget.toString();
         if (index < totalRows - 1) {
           const rowBottomY = headerBottomY + (index + 1) * rowHeight;
           doc.setDrawColor(200, 200, 200);
@@ -53937,7 +53973,10 @@ var WorkspacePdfGenerator = ({
           if (!dataCollected) {
             doc.setTextColor(100, 100, 100);
             doc.text("-", 135, yPos);
-          } else if (outputValue >= effectiveTarget) {
+          } else if (roundedEffectiveTarget === null) {
+            doc.setTextColor(100, 100, 100);
+            doc.text("-", 135, yPos);
+          } else if (outputValue >= roundedEffectiveTarget) {
             doc.setTextColor(0, 171, 69);
             doc.setFont("ZapfDingbats", "normal");
             doc.text("4", 135, yPos);
@@ -65506,6 +65545,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
       output_array: metrics2.output_array || [],
       output_hourly: metrics2.output_hourly,
       hourly_target_output: metrics2.hourly_target_output,
+      hourly_target_output_by_sku: metrics2.hourly_target_output_by_sku,
       line_threshold: metrics2.line_threshold ?? 0,
       output_target_recalculated: metrics2.output_target_recalculated ?? null,
       threshold_pph: metrics2.threshold_pph ?? 0,
@@ -65539,7 +65579,7 @@ var transformWorkspaceMetrics = (workspaceData, lineId, companyId, queryDate, qu
   trend: item.trend_score === 1 ? 2 : 0,
   predicted_output: item.ideal_output || 0,
   efficiency: item.efficiency || 0,
-  action_threshold: item.total_day_output || 0,
+  action_threshold: item.target_output ?? item.total_day_output_recalculated ?? item.total_day_output ?? 0,
   idle_time: item.idle_time ?? void 0,
   idle_time_hourly: item.idle_time_hourly || null,
   shift_start: item.shift_start || void 0,
@@ -67334,9 +67374,9 @@ var KPIDetailView = ({
             output: metric.current_output || 0,
             // LineMonthlyHistory expects `idealOutput` for the red dotted target ReferenceLine.
             // `line_threshold` comes from `line_metrics` (numeric -> string via PostgREST), so coerce.
-            idealOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
+            idealOutput: Number(metric.target_output ?? metric.line_threshold ?? metric.ideal_output ?? 0),
             // Keep legacy field in case any downstream code still reads it.
-            targetOutput: Number(metric.line_threshold ?? metric.ideal_output ?? 0),
+            targetOutput: Number(metric.target_output ?? metric.line_threshold ?? metric.ideal_output ?? 0),
             compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
             hasData: isUptimeMode ? hasUptimeMetricData : true,
@@ -67423,6 +67463,7 @@ var KPIDetailView = ({
         output_array: metrics2.output_array || [],
         output_hourly: metrics2.output_hourly,
         hourly_target_output: metrics2.hourly_target_output,
+        hourly_target_output_by_sku: metrics2.hourly_target_output_by_sku,
         line_threshold: metrics2.line_threshold ?? 0,
         output_target_recalculated: metrics2.output_target_recalculated ?? null,
         threshold_pph: metrics2.threshold_pph ?? 0,
@@ -67550,6 +67591,19 @@ var KPIDetailView = ({
     if (selectedSkuId === "all") return null;
     return realSkuOptions.find((item) => item.sku_id === selectedSkuId) ?? null;
   }, [realSkuOptions, selectedSkuId]);
+  const selectedHourlyTargetOutput = useMemo(() => {
+    const aggregateTarget = chartMetrics?.hourly_target_output;
+    if (!normalizedSelectedSkuId) return aggregateTarget;
+    const targetBySku = chartMetrics?.hourly_target_output_by_sku;
+    if (targetBySku && Object.prototype.hasOwnProperty.call(targetBySku, normalizedSelectedSkuId)) {
+      return targetBySku[normalizedSelectedSkuId];
+    }
+    return aggregateTarget;
+  }, [
+    chartMetrics?.hourly_target_output,
+    chartMetrics?.hourly_target_output_by_sku,
+    normalizedSelectedSkuId
+  ]);
   const displayLineInfo = useMemo(() => {
     if (!resolvedLineInfo) return null;
     if (!selectedSkuRow) return resolvedLineInfo;
@@ -68391,7 +68445,7 @@ var KPIDetailView = ({
               workspaceDisplayNames,
               hourlyOutputData,
               hourlyThreshold,
-              hourlyTargetOutput: chartMetrics?.hourly_target_output,
+              hourlyTargetOutput: selectedHourlyTargetOutput,
               shiftBreaks: shiftConfig?.shifts?.find((shift) => shift.shiftId === resolvedLineInfo.shift_id)?.breaks || [],
               idleTimeHourly: chartMetrics?.idle_time_hourly,
               timezone: lineTimezone,
@@ -75793,8 +75847,8 @@ var WorkspaceDetailView = ({
         idealCycleTime: Number(metric.ideal_cycle_time || 0),
         pph: metric.avg_pph || 0,
         pphThreshold: metric.pph_threshold || 0,
-        idealOutput: Number(metric.ideal_output || 0),
-        targetOutput: Number(metric.total_day_output || 0),
+        idealOutput: Number(metric.target_output ?? metric.ideal_output ?? 0),
+        targetOutput: Number(metric.target_output ?? metric.total_day_output ?? 0),
         rank: metric.workspace_rank || 0,
         idleTime: idleTimeSeconds || 0,
         activeTimeSeconds,

package/package.json

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