@optifye/dashboard-core 6.11.33 → 6.11.34

package/dist/index.mjs

@@ -4545,6 +4545,49 @@ var dashboardService = {
       throw err;
     }
   },
+  async getAssemblyMonthlyPoorestPerformers(lineIdInput, month, year, options) {
+    const supabase = _getSupabaseInstance();
+    const config = _getDashboardConfigInstance();
+    const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    const factoryViewId = entityConfig.factoryViewId ?? "factory";
+    const startDate = options?.startDate ? new Date(options.startDate) : new Date(year, month, 1);
+    const endDate = options?.endDate ? new Date(options.endDate) : new Date(year, month + 1, 0);
+    const formatDate2 = (date) => {
+      const year2 = date.getFullYear();
+      const month2 = String(date.getMonth() + 1).padStart(2, "0");
+      const day = String(date.getDate()).padStart(2, "0");
+      return `${year2}-${month2}-${day}`;
+    };
+    const formattedStartDate = formatDate2(startDate);
+    const formattedEndDate = formatDate2(endDate);
+    const params = new URLSearchParams({
+      start_date: formattedStartDate,
+      end_date: formattedEndDate,
+      company_id: entityConfig.companyId || ""
+    });
+    if (lineIdInput === factoryViewId) {
+      if (!isValidFactoryViewConfiguration(entityConfig)) {
+        throw new Error("Factory View requires at least one configured line for monthly data.");
+      }
+      params.set("line_ids", configuredLineIds.join(","));
+    } else {
+      params.set("line_id", lineIdInput);
+    }
+    if (options?.shiftIds && options.shiftIds.length > 0) {
+      params.set("shift_ids", options.shiftIds.join(","));
+    }
+    try {
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/line-monthly-assembly-poorest-performers?${params.toString()}`
+      );
+      return response || {};
+    } catch (err) {
+      console.error("Exception in getAssemblyMonthlyPoorestPerformers:", err);
+      throw err;
+    }
+  },
   async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput, shiftIds, startDate, endDate) {
     _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
@@ -16685,6 +16728,7 @@ var runtimeWorkspaceDisplayNames = {};
 var isInitialized = false;
 var isInitializing = false;
 var initializedWithLineIds = [];
+var missingLineContextWarnings = /* @__PURE__ */ new Set();
 var initializationPromise = null;
 var workspaceDisplayNamesListeners = /* @__PURE__ */ new Set();
 var notifyWorkspaceDisplayNamesListeners = (changedLineId) => {
@@ -16854,6 +16898,9 @@ var forceRefreshWorkspaceDisplayNames = async (lineId) => {
 };
 console.log("\u{1F504} Module loaded, will initialize lazily when first function is called");
 var getWorkspaceDisplayName = (workspaceId, lineId) => {
+  if (!workspaceId) {
+    return workspaceId;
+  }
   if (!isInitialized && !isInitializing) {
     console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) - Not initialized, triggering lazy init...`);
   } else if (isInitializing) {
@@ -16885,7 +16932,11 @@ var getWorkspaceDisplayName = (workspaceId, lineId) => {
     for (const cachedLineId of Object.keys(runtimeWorkspaceDisplayNames)) {
       if (runtimeWorkspaceDisplayNames[cachedLineId][workspaceId]) {
         displayName = runtimeWorkspaceDisplayNames[cachedLineId][workspaceId];
-        console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        const warningKey = `${workspaceId}:${cachedLineId}:full`;
+        if (!missingLineContextWarnings.has(warningKey)) {
+          missingLineContextWarnings.add(warningKey);
+          console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        }
         break;
       }
     }
@@ -16900,6 +16951,9 @@ var getWorkspaceDisplayName = (workspaceId, lineId) => {
   }
 };
 var getShortWorkspaceDisplayName = (workspaceId, lineId) => {
+  if (!workspaceId) {
+    return workspaceId;
+  }
   if (!isInitialized && !isInitializing) {
     console.log("\u{1F504} Lazy initialization triggered by getShortWorkspaceDisplayName with lineId:", lineId);
     initializeWorkspaceDisplayNames(lineId).catch((error) => {
@@ -16926,7 +16980,11 @@ var getShortWorkspaceDisplayName = (workspaceId, lineId) => {
     for (const cachedLineId of Object.keys(runtimeWorkspaceDisplayNames)) {
       if (runtimeWorkspaceDisplayNames[cachedLineId][workspaceId]) {
         displayName = runtimeWorkspaceDisplayNames[cachedLineId][workspaceId];
-        console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        const warningKey = `${workspaceId}:${cachedLineId}:short`;
+        if (!missingLineContextWarnings.has(warningKey)) {
+          missingLineContextWarnings.add(warningKey);
+          console.warn(`\u26A0\uFE0F No lineId provided for ${workspaceId}, found in line ${cachedLineId}`);
+        }
         break;
       }
     }
@@ -17798,7 +17856,6 @@ var usePrefetchClipCounts = ({
   subscriberId
 }) => {
   const [status] = useState("idle" /* IDLE */);
-  console.log("[usePrefetchClipCounts] DISABLED - Returning empty state");
   return {
     status,
     data: null,
@@ -17807,7 +17864,6 @@ var usePrefetchClipCounts = ({
     isFullyIndexed: false,
     isLoading: false,
     prefetchClipCounts: async () => {
-      console.log("[usePrefetchClipCounts] DISABLED - Not prefetching");
       return null;
     },
     cacheKey: `disabled:${workspaceId}:${date}:${shift}`
@@ -37307,37 +37363,101 @@ var getSeverityColor = (severity) => {
       return "bg-gray-500";
   }
 };
-var formatIdleTimeRange = (startTime, endTime, timezone) => {
-  const roundToNearestMinute = (date) => {
-    const rounded = new Date(date.getTime());
-    const seconds = rounded.getSeconds();
-    if (seconds > 30) {
-      rounded.setMinutes(rounded.getMinutes() + 1);
-    }
-    rounded.setSeconds(0);
-    rounded.setMilliseconds(0);
-    return rounded;
-  };
-  const startDate = roundToNearestMinute(new Date(startTime));
-  const endDate = roundToNearestMinute(new Date(endTime));
-  const formatTimeWithoutPeriod = (date, tz) => {
-    return date.toLocaleTimeString("en-US", {
-      hour: "numeric",
-      minute: "2-digit",
-      timeZone: tz
-    }).replace(/\s?(AM|PM)$/i, "");
-  };
-  const formatTimeWithPeriod = (date, tz) => {
-    return date.toLocaleTimeString("en-US", {
-      hour: "numeric",
-      minute: "2-digit",
-      timeZone: tz
-    });
-  };
-  const startFormatted = formatTimeWithoutPeriod(startDate, timezone);
-  const endFormatted = formatTimeWithPeriod(endDate, timezone);
+var IDLE_RANGE_CATEGORY_IDS = /* @__PURE__ */ new Set(["idle_time", "low_value", "longest-idles"]);
+var CYCLE_RANGE_CATEGORY_IDS = /* @__PURE__ */ new Set([
+  "cycle_completion",
+  "best_cycle_time",
+  "worst_cycle_time",
+  "long_cycle_time",
+  "fast-cycles",
+  "slow-cycles"
+]);
+var roundToNearestMinute = (date) => {
+  const rounded = new Date(date.getTime());
+  const seconds = rounded.getSeconds();
+  if (seconds > 30) {
+    rounded.setMinutes(rounded.getMinutes() + 1);
+  }
+  rounded.setSeconds(0);
+  rounded.setMilliseconds(0);
+  return rounded;
+};
+var parseTimestamp = (value) => {
+  if (!value) return null;
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+};
+var formatTimeWithoutPeriod = (date, timezone) => date.toLocaleTimeString("en-US", {
+  hour: "numeric",
+  minute: "2-digit",
+  timeZone: timezone
+}).replace(/\s?(AM|PM)$/i, "");
+var formatClipExplorerSingleTime = (timestamp, timezone) => {
+  const parsed = parseTimestamp(timestamp);
+  if (!parsed) return "";
+  return parsed.toLocaleTimeString("en-US", {
+    hour12: true,
+    hour: "numeric",
+    minute: "2-digit",
+    timeZone: timezone
+  });
+};
+var formatTimestampRange = (startTime, endTime, timezone) => {
+  const startDate = parseTimestamp(startTime);
+  const endDate = parseTimestamp(endTime);
+  if (!startDate || !endDate) {
+    return formatClipExplorerSingleTime(endTime, timezone);
+  }
+  const roundedStart = roundToNearestMinute(startDate);
+  const roundedEnd = roundToNearestMinute(endDate);
+  const startFormatted = formatTimeWithoutPeriod(roundedStart, timezone);
+  const endFormatted = roundedEnd.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    timeZone: timezone
+  });
   return `${startFormatted} - ${endFormatted}`;
 };
+var getSecondsBetweenTimestamps = (startTime, endTime) => {
+  const startDate = parseTimestamp(startTime);
+  const endDate = parseTimestamp(endTime);
+  if (!startDate || !endDate) return null;
+  return Math.max(0, (endDate.getTime() - startDate.getTime()) / 1e3);
+};
+var formatClipExplorerTimeLabel = ({
+  categoryId,
+  clipTimestamp,
+  timezone,
+  durationSeconds,
+  idleStartTime,
+  idleEndTime
+}) => {
+  if (IDLE_RANGE_CATEGORY_IDS.has(categoryId)) {
+    const idleDurationSeconds = getSecondsBetweenTimestamps(idleStartTime, idleEndTime);
+    const idleEndTimestamp = idleEndTime || clipTimestamp;
+    if (idleDurationSeconds !== null && idleDurationSeconds >= 60 && idleStartTime && idleEndTime) {
+      return formatTimestampRange(idleStartTime, idleEndTime, timezone);
+    }
+    if (idleDurationSeconds === null && typeof durationSeconds === "number" && Number.isFinite(durationSeconds) && durationSeconds >= 60) {
+      const endDate = parseTimestamp(idleEndTimestamp);
+      if (endDate) {
+        const startDate = new Date(endDate.getTime() - durationSeconds * 1e3);
+        return formatTimestampRange(startDate.toISOString(), idleEndTimestamp, timezone);
+      }
+    }
+    return formatClipExplorerSingleTime(idleEndTimestamp, timezone);
+  }
+  const singleTime = formatClipExplorerSingleTime(clipTimestamp, timezone);
+  if (CYCLE_RANGE_CATEGORY_IDS.has(categoryId) && typeof durationSeconds === "number" && Number.isFinite(durationSeconds) && durationSeconds > 60) {
+    const endDate = parseTimestamp(clipTimestamp);
+    if (endDate) {
+      const startDate = new Date(endDate.getTime() - durationSeconds * 1e3);
+      return formatTimestampRange(startDate.toISOString(), clipTimestamp, timezone);
+    }
+  }
+  return singleTime;
+};
+var formatIdleTimeRange = (startTime, endTime, timezone) => formatTimestampRange(startTime, endTime, timezone);
 var formatTime2 = (seconds) => {
   if (!seconds || isNaN(seconds)) return "0:00";
   const h = Math.floor(seconds / 3600);
@@ -41304,15 +41424,16 @@ var FileManagerFilters = ({
       if ((displayCount > 0 || shouldShowEmptyIdleTime) && shouldShowCategory(category.id)) {
         const colorClasses = getColorClasses(category.color);
         const clipNodes = filteredClips.map((clip, index) => {
-          const timeString = new Date(clip.clip_timestamp).toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-            // Use database timezone for display
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
-          const displayLabel = category.id === "idle_time" && clip.idle_start_time && clip.idle_end_time ? formatIdleTimeRange(clip.idle_start_time, clip.idle_end_time, timezone) : `${timeString}${clip.duration && category.id !== "idle_time" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
+          const baseTimeLabel = formatClipExplorerTimeLabel({
+            categoryId: category.id,
+            clipTimestamp: clip.clip_timestamp,
+            timezone,
+            durationSeconds: clip.duration,
+            idleStartTime: clip.idle_start_time,
+            idleEndTime: clip.idle_end_time
+          });
+          const displayLabel = `${baseTimeLabel}${clip.duration && category.id !== "idle_time" && category.id !== "low_value" ? ` - (${clip.duration.toFixed(1)}s)` : ""}`;
           return {
             id: clip.id,
             label: displayLabel,
@@ -41363,16 +41484,15 @@ var FileManagerFilters = ({
         percentileType: "fast-cycles",
         isPercentile: true,
         children: filteredFastCycles.map((clip, index) => {
-          const timeString = new Date(clip.creation_timestamp || clip.timestamp || "").toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
           return {
             id: clip.id,
-            label: `${timeString}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
+            label: `${formatClipExplorerTimeLabel({
+              categoryId: "fast-cycles",
+              clipTimestamp: clip.creation_timestamp || clip.timestamp || "",
+              timezone,
+              durationSeconds: cycleTime
+            })}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
             type: "video",
             icon: getSeverityIcon(clip.severity, "fast-cycles", cycleTime, resolvedTargetCycleTime),
             timestamp: clip.creation_timestamp,
@@ -41395,16 +41515,15 @@ var FileManagerFilters = ({
         percentileType: "slow-cycles",
         isPercentile: true,
         children: filteredSlowCycles.map((clip, index) => {
-          const timeString = new Date(clip.creation_timestamp || clip.timestamp || "").toLocaleTimeString("en-US", {
-            hour12: true,
-            hour: "numeric",
-            minute: "2-digit",
-            timeZone: timezone
-          });
           const cycleTime = extractCycleTimeSeconds(clip);
           return {
             id: clip.id,
-            label: `${timeString}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
+            label: `${formatClipExplorerTimeLabel({
+              categoryId: "slow-cycles",
+              clipTimestamp: clip.creation_timestamp || clip.timestamp || "",
+              timezone,
+              durationSeconds: cycleTime
+            })}${clip.cycle_time_seconds ? ` - (${clip.cycle_time_seconds.toFixed(1)}s)` : ""}`,
             type: "video",
             icon: getSeverityIcon(clip.severity, "slow-cycles", cycleTime, resolvedTargetCycleTime),
             timestamp: clip.creation_timestamp,
@@ -46878,6 +46997,41 @@ var IdleTimeReasonChartComponent = ({
 var IdleTimeReasonChart = React143__default.memo(IdleTimeReasonChartComponent);
 IdleTimeReasonChart.displayName = "IdleTimeReasonChart";
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
+
+// src/lib/utils/cycleTime.ts
+var toFiniteNumber = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var getCycleRatio = (workspace) => {
+  const idealCycleTime = toFiniteNumber(workspace.ideal_cycle_time);
+  const avgCycleTime = toFiniteNumber(workspace.avg_cycle_time);
+  if (idealCycleTime === null || avgCycleTime === null || idealCycleTime <= 0 || avgCycleTime <= 0) {
+    return null;
+  }
+  return idealCycleTime / avgCycleTime;
+};
+var formatCycleTimeValue = (value) => {
+  const numericValue = toFiniteNumber(value);
+  if (numericValue === null || numericValue <= 0) return "--";
+  return `${numericValue.toFixed(1)}s`;
+};
+var CycleTimeComparison = memo$1(({
+  workspace
+}) => {
+  const averageValue = formatCycleTimeValue(workspace.avg_cycle_time);
+  const standardValue = formatCycleTimeValue(workspace.ideal_cycle_time);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 tabular-nums", children: [
+    /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: averageValue }),
+    /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-normal", children: "/" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-500", children: standardValue })
+  ] });
+}, (prevProps, nextProps) => prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time);
+CycleTimeComparison.displayName = "CycleTimeComparison";
 var DEFAULT_PERFORMANCE_DATA = {
   avg_efficiency: 0,
   underperforming_workspaces: 0,
@@ -46976,6 +47130,7 @@ var LineMonthlyHistory = ({
   timezone,
   legend,
   monitoringMode,
+  lineAssembly = false,
   underperformingWorkspaces = {},
   lineId,
   selectedShiftId = 0,
@@ -47265,7 +47420,7 @@ var LineMonthlyHistory = ({
       "div",
       {
         className: `w-3 h-3 sm:w-4 sm:h-4 rounded ${getColorClass(performance2.performance_score)}`,
-        title: `${getPerformanceText(performance2.performance_score)} performance on ${new Date(performance2.date).toLocaleDateString()}${performance2.efficiency !== void 0 ? ` (${performance2.efficiency.toFixed(1)}% efficiency)` : ""}`
+        title: `${getPerformanceText(performance2.performance_score)} performance on ${new Date(performance2.date).toLocaleDateString()}${performance2.efficiency !== void 0 ? ` (${performance2.efficiency.toFixed(1)}% efficiency)` : performance2.avg_cycle_time !== void 0 && performance2.avg_cycle_time !== null && performance2.ideal_cycle_time !== void 0 && performance2.ideal_cycle_time !== null ? ` (${performance2.avg_cycle_time.toFixed(1)}s / ${performance2.ideal_cycle_time.toFixed(1)}s cycle time)` : ""}`
       },
       `${performance2.date}-${index}`
     )) });
@@ -47511,13 +47666,20 @@ var LineMonthlyHistory = ({
                   onClick: () => handleWorkspaceClick(workspace),
                   className: "block hover:bg-gray-50 transition-colors rounded-lg w-full text-left group",
                   children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-1 sm:py-1.5 lg:py-2 px-1 sm:px-2 border-b border-gray-50 group-last:border-b-0", children: [
-                    /* @__PURE__ */ jsxs("div", { className: "font-medium text-gray-900 text-[10px] sm:text-xs", children: [
-                      getWorkspaceDisplayName(workspace.workspace_name, lineId),
-                      workspace.avg_efficiency !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ml-0.5 sm:ml-1 text-[8px] sm:text-[10px] text-gray-500", children: [
-                        "(",
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900 text-[10px] sm:text-xs truncate", children: getWorkspaceDisplayName(workspace.workspace_name, lineId) }),
+                      lineAssembly && workspace.metric_mode === "cycle_time" ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[9px] sm:text-[11px]", children: /* @__PURE__ */ jsx(
+                        CycleTimeComparison,
+                        {
+                          workspace: {
+                            avg_cycle_time: workspace.avg_cycle_time ?? 0,
+                            ideal_cycle_time: workspace.ideal_cycle_time ?? void 0
+                          }
+                        }
+                      ) }) : workspace.avg_efficiency !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-0.5 text-[8px] sm:text-[10px] text-gray-500", children: [
                         (workspace.avg_efficiency || 0).toFixed(1),
-                        "%)"
-                      ] })
+                        "%"
+                      ] }) : null
                     ] }),
                     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 sm:gap-1 lg:gap-1.5", children: renderPerformanceSquares(workspace.last_5_days) })
                   ] })
@@ -49887,7 +50049,7 @@ var WorkspaceMonthlyHistory = ({
                     Math.round(shiftData.efficiency || 0),
                     "%"
                   ] }),
-                  /* @__PURE__ */ jsxs("div", { children: [
+                  !isAssemblyWorkspace && /* @__PURE__ */ jsxs("div", { children: [
                     "Output: ",
                     shiftData.output || 0,
                     " units"
@@ -62030,41 +62192,6 @@ function useEfficiencyLegend(companyId) {
   };
 }
 
-// src/lib/utils/cycleTime.ts
-var toFiniteNumber = (value) => {
-  if (typeof value === "number" && Number.isFinite(value)) return value;
-  if (typeof value === "string" && value.trim() !== "") {
-    const parsed = Number(value);
-    return Number.isFinite(parsed) ? parsed : null;
-  }
-  return null;
-};
-var getCycleRatio = (workspace) => {
-  const idealCycleTime = toFiniteNumber(workspace.ideal_cycle_time);
-  const avgCycleTime = toFiniteNumber(workspace.avg_cycle_time);
-  if (idealCycleTime === null || avgCycleTime === null || idealCycleTime <= 0 || avgCycleTime <= 0) {
-    return null;
-  }
-  return idealCycleTime / avgCycleTime;
-};
-var formatCycleTimeValue = (value) => {
-  const numericValue = toFiniteNumber(value);
-  if (numericValue === null || numericValue <= 0) return "--";
-  return `${numericValue.toFixed(1)}s`;
-};
-var CycleTimeComparison = memo$1(({
-  workspace
-}) => {
-  const averageValue = formatCycleTimeValue(workspace.avg_cycle_time);
-  const standardValue = formatCycleTimeValue(workspace.ideal_cycle_time);
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 tabular-nums", children: [
-    /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: averageValue }),
-    /* @__PURE__ */ jsx("span", { className: "text-gray-400 font-normal", children: "/" }),
-    /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-500", children: standardValue })
-  ] });
-}, (prevProps, nextProps) => prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time);
-CycleTimeComparison.displayName = "CycleTimeComparison";
-
 // src/lib/utils/kpiPoorestPerformers.ts
 var getWorstAssemblyCycleTimeWorkspaces = (workspaces, limit = 5) => {
   return workspaces.map((workspace, index) => ({
@@ -63252,27 +63379,33 @@ var KPIDetailView = ({
     error: idleTimeError
   }), [idleTimeRawData, idleTimeChartData, idleTimeLoading, idleTimeError]);
   useEffect(() => {
-    if (activeTab === "monthly_history" && lineId) {
+    if (activeTab === "monthly_history" && lineId && lineDetails) {
       if (!supabase || !dashboardConfig || !dashboardConfig.supabaseUrl || !dashboardConfig.supabaseKey) {
         console.error("Supabase client or required config not available in KPIsPage for monthly data");
         return;
       }
       setMonthlyDataLoading(true);
+      const monthlyShiftIds = shiftConfig?.shifts?.map((s) => s.shiftId);
+      const monthlyHistoryAssemblyMode = lineDetails.assembly === true && !isUptimeMode;
+      const underperformingPromise = monthlyHistoryAssemblyMode ? dashboardService.getAssemblyMonthlyPoorestPerformers(lineId, currentMonth, currentYear, {
+        startDate: isFullRange ? void 0 : range.startKey,
+        endDate: isFullRange ? void 0 : range.endKey,
+        shiftIds: monthlyShiftIds
+      }) : dashboardService.getUnderperformingWorkspaces(
+        lineId,
+        currentMonth,
+        currentYear,
+        monthlyShiftIds,
+        isFullRange ? void 0 : range.startKey,
+        isFullRange ? void 0 : range.endKey
+      );
       Promise.all([
         dashboardService.getLineMonthlyData(lineId, currentMonth, currentYear, {
           startDate: isFullRange ? void 0 : range.startKey,
           endDate: isFullRange ? void 0 : range.endKey,
-          shiftIds: shiftConfig?.shifts?.map((s) => s.shiftId)
+          shiftIds: monthlyShiftIds
         }),
-        dashboardService.getUnderperformingWorkspaces(
-          lineId,
-          currentMonth,
-          currentYear,
-          shiftConfig?.shifts?.map((s) => s.shiftId),
-          // Pass dynamic shift IDs
-          isFullRange ? void 0 : range.startKey,
-          isFullRange ? void 0 : range.endKey
-        )
+        underperformingPromise
       ]).then(([monthlyMetrics, underperformingData]) => {
         console.log("Fetched monthly metrics data:", monthlyMetrics);
         const dayDataMap = /* @__PURE__ */ new Map();
@@ -63336,11 +63469,17 @@ var KPIDetailView = ({
         const mapWorkspaces = (workspaces2) => (workspaces2 || []).map((ws) => ({
           workspace_name: ws.workspace_name || "Unknown Workspace",
           workspace_uuid: ws.workspace_uuid || ws.workspace_name || `unknown-${Math.random()}`,
-          avg_efficiency: ws.avg_efficiency || 0,
+          avg_efficiency: ws.avg_efficiency ?? 0,
+          avg_cycle_time: ws.avg_cycle_time ?? null,
+          ideal_cycle_time: ws.ideal_cycle_time ?? null,
+          cycle_ratio: ws.cycle_ratio ?? null,
+          metric_mode: ws.metric_mode ?? "efficiency",
           last_5_days: (ws.last_5_days || []).map((day) => ({
             date: day.date,
             efficiency: day.efficiency ?? 0,
-            performance_score: day.performance_score
+            performance_score: day.performance_score,
+            avg_cycle_time: day.avg_cycle_time ?? null,
+            ideal_cycle_time: day.ideal_cycle_time ?? null
           }))
         }));
         const mappedData = {};
@@ -63365,7 +63504,7 @@ var KPIDetailView = ({
         setMonthlyDataLoading(false);
       });
     }
-  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange, configuredTimezone, isUptimeMode, resolveShiftTimes]);
+  }, [activeTab, lineId, lineDetails, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange, configuredTimezone, isUptimeMode, resolveShiftTimes]);
   const analysisMonthlyData = useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
@@ -64271,6 +64410,7 @@ var KPIDetailView = ({
             timezone: configuredTimezone,
             legend: efficiencyLegend,
             monitoringMode: resolvedMonitoringMode,
+            lineAssembly: resolvedLineInfo?.assembly === true,
             shiftConfig,
             selectedShiftId,
             onShiftChange: setSelectedShiftId,
@@ -70597,7 +70737,20 @@ var WorkspaceDetailView = ({
   } = useCompanyFastSlowClipFiltersEnabled();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
   dashboardConfig?.supervisorConfig?.enabled || false;
-  const effectiveLineId = lineId || selectedLineId;
+  const routedLineId = lineId || selectedLineId;
+  const latestCachedDetailedMetrics = useMemo(() => {
+    if (!workspaceId) {
+      return null;
+    }
+    return workspaceMetricsStore.getLatestDetailed(workspaceId);
+  }, [workspaceId]);
+  const latestCachedOverviewMetrics = useMemo(() => {
+    if (!workspaceId) {
+      return null;
+    }
+    return workspaceMetricsStore.getLatestOverview(workspaceId);
+  }, [workspaceId]);
+  const effectiveLineId = routedLineId || latestCachedDetailedMetrics?.line_id || latestCachedOverviewMetrics?.line_id;
   const { shiftConfig, isLoading: isShiftConfigLoading, isFromDatabase: isShiftConfigFromDatabase } = useDynamicShiftConfig(effectiveLineId);
   const currentShiftDetails = useMemo(() => {
     if (isShiftConfigLoading || !shiftConfig) return null;
@@ -70874,8 +71027,9 @@ var WorkspaceDetailView = ({
   }, [cachedOverviewMetrics, shiftConfig?.shifts]);
   const authoritativeCycleMetrics = isHistoricView ? historicMetrics : liveMetrics;
   const workspace = authoritativeCycleMetrics || cachedDetailedMetrics || overviewFallback;
+  const resolvedLineId = effectiveLineId || workspace?.line_id || cachedDetailedMetrics?.line_id || cachedOverviewMetrics?.line_id || overviewFallback?.line_id;
   const { timezone: cycleTimeTimezone } = useTimezone({
-    lineId: effectiveLineId || workspace?.line_id || void 0,
+    lineId: resolvedLineId || void 0,
     workspaceId: workspaceId || void 0
   });
   const effectiveCycleTimeTimezone = cycleTimeTimezone || timezone;
@@ -70920,7 +71074,7 @@ var WorkspaceDetailView = ({
   const error = isHistoricView ? historicError : liveError;
   const monitoringMode = workspace?.monitoring_mode ?? "output";
   const isUptimeMode = monitoringMode === "uptime";
-  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(effectiveLineId || workspace?.line_id);
+  const idleTimeVlmEnabled = isIdleTimeVlmEnabled(resolvedLineId);
   useEffect(() => {
     if (!isClipsEnabled || !dashboardConfig?.s3Config || !workspaceId) {
       return;
@@ -71155,7 +71309,7 @@ var WorkspaceDetailView = ({
   const analysisMonthlyData = useMemo(() => {
     return filterDataByDateKeyRange(monthlyData, range);
   }, [monthlyData, range]);
-  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
+  const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", resolvedLineId);
   const workspaceCycleTimeEligibility = workspace ? {
     line_assembly_enabled: workspace.line_assembly_enabled,
     action_family: workspace.action_family,
@@ -71332,8 +71486,8 @@ var WorkspaceDetailView = ({
           params.set("rangeStart", range.startKey);
           params.set("rangeEnd", range.endKey);
         }
-        if (effectiveLineId) {
-          params.set("lineId", effectiveLineId);
+        if (resolvedLineId) {
+          params.set("lineId", resolvedLineId);
         }
         appendReturnUrl(params);
         onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -71362,8 +71516,8 @@ var WorkspaceDetailView = ({
             params.set("rangeStart", range.startKey);
             params.set("rangeEnd", range.endKey);
           }
-          if (effectiveLineId) {
-            params.set("lineId", effectiveLineId);
+          if (resolvedLineId) {
+            params.set("lineId", resolvedLineId);
           }
           appendReturnUrl(params);
           onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -71987,7 +72141,7 @@ var WorkspaceDetailView = ({
                 month: selectedMonth,
                 year: selectedYear,
                 workspaceId,
-                lineId: effectiveLineId || workspace?.line_id,
+                lineId: resolvedLineId,
                 monitoringMode: workspace?.monitoring_mode,
                 selectedShiftId: selectedShift,
                 rangeStart,
@@ -72012,8 +72166,8 @@ var WorkspaceDetailView = ({
                       params.set("rangeStart", range.startKey);
                       params.set("rangeEnd", range.endKey);
                     }
-                    if (effectiveLineId) {
-                      params.set("lineId", effectiveLineId);
+                    if (resolvedLineId) {
+                      params.set("lineId", resolvedLineId);
                     }
                     appendReturnUrl(params);
                     onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
@@ -72041,7 +72195,7 @@ var WorkspaceDetailView = ({
               workspaceId,
               workspaceName: formattedWorkspaceName,
               date,
-              lineId: effectiveLineId,
+              lineId: resolvedLineId,
               shift,
               totalOutput: workspace?.total_actions,
               workspaceMetrics: detailedWorkspaceMetrics || void 0,

package/package.json

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