@optifye/dashboard-core 6.0.7 → 6.0.9

package/dist/index.js

@@ -4613,20 +4613,13 @@ var useRealtimeLineMetrics = ({
             workspaceData: workspaceData?.length
           });
         }
-        let avgEfficiency = 0;
-        if (workspaceData && workspaceData.length > 0) {
-          const activeWorkspaces = workspaceData.filter((w) => w.efficiency >= 10);
-          if (activeWorkspaces.length > 0) {
-            const totalEfficiency = activeWorkspaces.reduce((sum, workspace) => sum + (workspace.efficiency || 0), 0);
-            avgEfficiency = totalEfficiency / activeWorkspaces.length;
-          }
-        }
+        const avgEfficiency = metricsData.reduce((sum, m) => sum + (m.avg_efficiency || 0), 0) / metricsData.length;
         const combinedMetrics = {
           line_id: factoryViewId,
           shift_id: shiftId,
           date,
           factory_id: firstLine.factory_id,
-          avg_efficiency: avgEfficiency > 0 ? avgEfficiency : metricsData.reduce((sum, m) => sum + (m.avg_efficiency || 0), 0) / metricsData.length,
+          avg_efficiency: avgEfficiency,
           avg_cycle_time: metricsData.reduce((sum, m) => sum + (m.avg_cycle_time || 0), 0) / metricsData.length,
           current_output: metricsData.reduce((sum, m) => sum + (m.current_output || 0), 0),
           ideal_output: metricsData.reduce((sum, m) => sum + (m.ideal_output || 0), 0),
@@ -4678,22 +4671,14 @@ var useRealtimeLineMetrics = ({
             workspaceData: workspaceData?.length
           });
         }
-        let avgEfficiency = 0;
-        if (workspaceData && workspaceData.length > 0) {
-          const activeWorkspaces = workspaceData.filter((w) => w.efficiency >= 10);
-          if (activeWorkspaces.length > 0) {
-            const totalEfficiency = activeWorkspaces.reduce((sum, workspace) => sum + (workspace.efficiency || 0), 0);
-            avgEfficiency = totalEfficiency / activeWorkspaces.length;
-          }
-        }
         if (!metricsData) {
           setMetrics({
             line_id: lineIdRef.current,
             shift_id: shiftId,
             date,
             factory_id: "",
-            avg_efficiency: avgEfficiency,
-            // Use calculated workspace average
+            avg_efficiency: 0,
+            // Default to 0 when no data
             avg_cycle_time: 0,
             current_output: 0,
             ideal_output: 0,
@@ -4712,7 +4697,6 @@ var useRealtimeLineMetrics = ({
         } else {
           setMetrics({
             ...metricsData,
-            avg_efficiency: avgEfficiency > 0 ? avgEfficiency : metricsData.avg_efficiency,
             poorest_performing_workspaces: poorestPerformingWorkspaces
           });
         }
@@ -5561,6 +5545,7 @@ console.log("\u{1F504} workspaceDisplayNames.ts module loaded");
 var runtimeWorkspaceDisplayNames = {};
 var isInitialized = false;
 var isInitializing = false;
+var initializedWithLineIds = [];
 function getCurrentLineIds() {
   try {
     const config = _getDashboardConfigInstance();
@@ -5592,28 +5577,29 @@ async function initializeWorkspaceDisplayNames(explicitLineId) {
       targetLineIds = getCurrentLineIds();
     }
     console.log("\u{1F504} Target line IDs for workspace filtering:", targetLineIds);
-    const allDisplayNamesMap = /* @__PURE__ */ new Map();
+    runtimeWorkspaceDisplayNames = {};
     if (targetLineIds.length > 0) {
       for (const lineId of targetLineIds) {
         console.log(`\u{1F504} Fetching workspaces for line: ${lineId}`);
         const lineDisplayNamesMap = await workspaceService.getWorkspaceDisplayNames(void 0, lineId);
+        runtimeWorkspaceDisplayNames[lineId] = {};
         lineDisplayNamesMap.forEach((displayName, workspaceId) => {
-          allDisplayNamesMap.set(workspaceId, displayName);
+          runtimeWorkspaceDisplayNames[lineId][workspaceId] = displayName;
         });
+        console.log(`\u2705 Stored ${lineDisplayNamesMap.size} workspaces for line ${lineId}`);
       }
     } else {
       console.warn("\u26A0\uFE0F No line IDs found, fetching all workspaces (less efficient)");
       const allWorkspacesMap = await workspaceService.getWorkspaceDisplayNames();
+      runtimeWorkspaceDisplayNames["global"] = {};
       allWorkspacesMap.forEach((displayName, workspaceId) => {
-        allDisplayNamesMap.set(workspaceId, displayName);
+        runtimeWorkspaceDisplayNames["global"][workspaceId] = displayName;
       });
     }
-    runtimeWorkspaceDisplayNames = {};
-    allDisplayNamesMap.forEach((displayName, workspaceId) => {
-      runtimeWorkspaceDisplayNames[workspaceId] = displayName;
-    });
     isInitialized = true;
+    initializedWithLineIds = targetLineIds;
     console.log("\u2705 Workspace display names initialized from Supabase:", runtimeWorkspaceDisplayNames);
+    console.log("\u2705 Initialized with line IDs:", initializedWithLineIds);
   } catch (error) {
     console.error("\u274C Failed to initialize workspace display names from Supabase:", error);
   } finally {
@@ -5623,7 +5609,20 @@ async function initializeWorkspaceDisplayNames(explicitLineId) {
 var preInitializeWorkspaceDisplayNames = async (lineId) => {
   console.log("\u{1F504} preInitializeWorkspaceDisplayNames called for lineId:", lineId);
   if (isInitialized || isInitializing) {
-    console.log("\u{1F504} Already initialized or initializing, skipping pre-init");
+    console.log("\u{1F504} Already initialized or initializing");
+    if (lineId && !runtimeWorkspaceDisplayNames[lineId]) {
+      console.log(`\u{1F504} Line ${lineId} not in cache, fetching...`);
+      try {
+        const lineDisplayNamesMap = await workspaceService.getWorkspaceDisplayNames(void 0, lineId);
+        runtimeWorkspaceDisplayNames[lineId] = {};
+        lineDisplayNamesMap.forEach((displayName, workspaceId) => {
+          runtimeWorkspaceDisplayNames[lineId][workspaceId] = displayName;
+        });
+        console.log(`\u2705 Added ${lineDisplayNamesMap.size} workspaces for line ${lineId}`);
+      } catch (error) {
+        console.error(`\u274C Failed to fetch workspaces for line ${lineId}:`, error);
+      }
+    }
     return;
   }
   await initializeWorkspaceDisplayNames(lineId);
@@ -5636,45 +5635,91 @@ var forceRefreshWorkspaceDisplayNames = async (lineId) => {
 console.log("\u{1F504} Module loaded, will initialize lazily when first function is called");
 var getWorkspaceDisplayName = (workspaceId, lineId) => {
   if (!isInitialized && !isInitializing) {
-    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}) - Not initialized, triggering lazy init...`);
+    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) - Not initialized, triggering lazy init...`);
   } else if (isInitializing) {
-    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}) - Currently initializing...`);
+    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) - Currently initializing...`);
   }
   if (!isInitialized && !isInitializing) {
-    console.log("\u{1F504} Lazy initialization triggered by getWorkspaceDisplayName");
+    console.log("\u{1F504} Lazy initialization triggered by getWorkspaceDisplayName with lineId:", lineId);
     initializeWorkspaceDisplayNames(lineId).catch((error) => {
       console.error("\u274C Lazy initialization failed:", error);
     });
   }
-  const displayName = runtimeWorkspaceDisplayNames[workspaceId];
+  if (isInitialized && lineId && !runtimeWorkspaceDisplayNames[lineId]) {
+    console.log(`\u{1F504} Line ${lineId} not in cache, fetching its workspaces...`);
+    workspaceService.getWorkspaceDisplayNames(void 0, lineId).then((lineDisplayNamesMap) => {
+      runtimeWorkspaceDisplayNames[lineId] = {};
+      lineDisplayNamesMap.forEach((displayName2, workspaceId2) => {
+        runtimeWorkspaceDisplayNames[lineId][workspaceId2] = displayName2;
+      });
+      console.log(`\u2705 Added ${lineDisplayNamesMap.size} workspaces for line ${lineId} to cache`);
+    }).catch((error) => {
+      console.error(`\u274C Failed to fetch workspaces for line ${lineId}:`, error);
+    });
+  }
+  let displayName;
+  if (lineId && runtimeWorkspaceDisplayNames[lineId]) {
+    displayName = runtimeWorkspaceDisplayNames[lineId][workspaceId];
+  } else if (!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}`);
+        break;
+      }
+    }
+  }
   if (displayName) {
-    console.log(`getWorkspaceDisplayName(${workspaceId}) -> ${displayName} (from Supabase)`);
+    console.log(`getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${displayName} (from Supabase)`);
     return displayName;
   } else {
     if (isInitialized) {
-      console.log(`getWorkspaceDisplayName(${workspaceId}) -> ${workspaceId} (not found in Supabase data)`);
+      console.log(`getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${workspaceId} (not found in Supabase data)`);
     } else {
-      console.log(`getWorkspaceDisplayName(${workspaceId}) -> ${workspaceId} (Supabase not initialized yet)`);
+      console.log(`getWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${workspaceId} (Supabase not initialized yet)`);
     }
     return workspaceId;
   }
 };
 var getShortWorkspaceDisplayName = (workspaceId, lineId) => {
   if (!isInitialized && !isInitializing) {
-    console.log("\u{1F504} Lazy initialization triggered by getShortWorkspaceDisplayName");
+    console.log("\u{1F504} Lazy initialization triggered by getShortWorkspaceDisplayName with lineId:", lineId);
     initializeWorkspaceDisplayNames(lineId).catch((error) => {
       console.error("\u274C Lazy initialization failed:", error);
     });
   }
-  const displayName = runtimeWorkspaceDisplayNames[workspaceId];
+  if (isInitialized && lineId && !runtimeWorkspaceDisplayNames[lineId]) {
+    console.log(`\u{1F504} Line ${lineId} not in cache, fetching its workspaces...`);
+    workspaceService.getWorkspaceDisplayNames(void 0, lineId).then((lineDisplayNamesMap) => {
+      runtimeWorkspaceDisplayNames[lineId] = {};
+      lineDisplayNamesMap.forEach((displayName2, workspaceId2) => {
+        runtimeWorkspaceDisplayNames[lineId][workspaceId2] = displayName2;
+      });
+      console.log(`\u2705 Added ${lineDisplayNamesMap.size} workspaces for line ${lineId} to cache`);
+    }).catch((error) => {
+      console.error(`\u274C Failed to fetch workspaces for line ${lineId}:`, error);
+    });
+  }
+  let displayName;
+  if (lineId && runtimeWorkspaceDisplayNames[lineId]) {
+    displayName = runtimeWorkspaceDisplayNames[lineId][workspaceId];
+  } else if (!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}`);
+        break;
+      }
+    }
+  }
   if (displayName) {
-    console.log(`getShortWorkspaceDisplayName(${workspaceId}) -> ${displayName} (from Supabase)`);
+    console.log(`getShortWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${displayName} (from Supabase)`);
     return displayName;
   } else {
     if (isInitialized) {
-      console.log(`getShortWorkspaceDisplayName(${workspaceId}) -> ${workspaceId} (not found in Supabase data)`);
+      console.log(`getShortWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${workspaceId} (not found in Supabase data)`);
     } else {
-      console.log(`getShortWorkspaceDisplayName(${workspaceId}) -> ${workspaceId} (Supabase not initialized yet)`);
+      console.log(`getShortWorkspaceDisplayName(${workspaceId}, lineId: ${lineId}) -> ${workspaceId} (Supabase not initialized yet)`);
     }
     return workspaceId;
   }
@@ -5695,7 +5740,14 @@ var getAllWorkspaceDisplayNamesAsync = async (companyId, lineId) => {
   while (isInitializing) {
     await new Promise((resolve) => setTimeout(resolve, 100));
   }
-  return { ...runtimeWorkspaceDisplayNames };
+  if (lineId && runtimeWorkspaceDisplayNames[lineId]) {
+    return { ...runtimeWorkspaceDisplayNames[lineId] };
+  }
+  const allNames = {};
+  Object.values(runtimeWorkspaceDisplayNames).forEach((lineNames) => {
+    Object.assign(allNames, lineNames);
+  });
+  return allNames;
 };
 var getWorkspaceDisplayNamesMap = async (workspaceIds, companyId, lineId) => {
   const allNames = await getAllWorkspaceDisplayNamesAsync(companyId, lineId);
@@ -5724,10 +5776,11 @@ var clearWorkspaceDisplayNamesCache = () => {
   runtimeWorkspaceDisplayNames = {};
   isInitialized = false;
   isInitializing = false;
+  initializedWithLineIds = [];
 };
 
 // src/lib/hooks/useWorkspaceDisplayNames.ts
-var useWorkspaceDisplayNames = (companyId, lineId) => {
+var useWorkspaceDisplayNames = (lineId, companyId) => {
   const [displayNames, setDisplayNames] = React19.useState({});
   const [loading, setLoading] = React19.useState(true);
   const [error, setError] = React19.useState(null);
@@ -5753,7 +5806,7 @@ var useWorkspaceDisplayNames = (companyId, lineId) => {
     refetch: fetchDisplayNames
   };
 };
-var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
+var useWorkspaceDisplayName = (workspaceId, lineId, companyId) => {
   const [displayName, setDisplayName] = React19.useState(workspaceId);
   const [loading, setLoading] = React19.useState(true);
   const [error, setError] = React19.useState(null);
@@ -5780,7 +5833,7 @@ var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
     refetch: fetchDisplayName
   };
 };
-var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
+var useWorkspaceDisplayNamesMap = (workspaceIds, lineId, companyId) => {
   const [displayNames, setDisplayNames] = React19.useState({});
   const [loading, setLoading] = React19.useState(true);
   const [error, setError] = React19.useState(null);
@@ -18491,7 +18544,7 @@ var VideoCard = React19__namespace.default.memo(({
       onFatalError: onFatalError ?? (() => throttledReloadDashboard())
     });
   }
-  const displayName = getWorkspaceDisplayName(workspace.workspace_name);
+  const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
   const getEfficiencyOverlayColor = (efficiency) => {
     if (efficiency >= 80) {
       return "bg-[#00D654]/25";
@@ -18613,7 +18666,9 @@ var VideoGridView = React19__namespace.default.memo(({
   const containerRef = React19.useRef(null);
   const observerRef = React19.useRef(null);
   const [gridCols, setGridCols] = React19.useState(4);
+  const [gridRows, setGridRows] = React19.useState(1);
   const [visibleWorkspaces, setVisibleWorkspaces] = React19.useState(/* @__PURE__ */ new Set());
+  const [cardDimensions, setCardDimensions] = React19.useState({ width: 0, height: 0 });
   const videoConfig = useVideoConfig();
   const { cropping, canvasConfig, hlsUrls } = videoConfig;
   const mergedVideoSources = {
@@ -18674,35 +18729,51 @@ var VideoGridView = React19__namespace.default.memo(({
       setGridCols(1);
       return;
     }
-    let bestCols = 1;
-    let bestScore = 0;
+    const optimalLayouts = {
+      1: 1,
+      2: 2,
+      3: 3,
+      4: 2,
+      5: 3,
+      6: 3,
+      7: 4,
+      8: 4,
+      9: 3,
+      10: 5,
+      11: 4,
+      12: 4,
+      13: 5,
+      14: 5,
+      15: 5,
+      16: 4,
+      17: 6,
+      18: 6,
+      19: 5,
+      20: 5,
+      21: 7,
+      22: 6,
+      23: 6,
+      24: 6
+    };
+    let bestCols = optimalLayouts[count] || Math.ceil(Math.sqrt(count));
+    const containerAspectRatio = containerWidth / containerHeight;
     const targetAspectRatio = 16 / 9;
     const gap = 8;
-    const maxCols = Math.min(count, selectedLine ? 6 : 12);
-    for (let cols = 1; cols <= maxCols; cols++) {
-      const rows = Math.ceil(count / cols);
-      const availableWidth = containerWidth - gap * (cols - 1);
-      const availableHeight = containerHeight - gap * (rows - 1);
-      const cellWidth = availableWidth / cols;
-      const cellHeight = availableHeight / rows;
-      const minCellWidth = selectedLine ? containerWidth < 800 ? 120 : 150 : containerWidth < 800 ? 80 : 100;
-      const minCellHeight = selectedLine ? containerHeight < 600 ? 80 : 100 : containerHeight < 600 ? 60 : 80;
-      if (cellWidth < minCellWidth || cellHeight < minCellHeight) continue;
-      const totalUsedArea = cellWidth * cellHeight * count;
-      const totalAvailableArea = containerWidth * containerHeight;
-      const spaceUtilization = totalUsedArea / totalAvailableArea;
-      const actualAspectRatio = cellWidth / cellHeight;
-      const aspectRatioScore = 1 / (1 + Math.abs(actualAspectRatio - targetAspectRatio) * 0.3);
-      const score = spaceUtilization * 0.9 + aspectRatioScore * 0.1;
-      if (score > bestScore) {
-        bestScore = score;
-        bestCols = cols;
-      }
-    }
-    if (bestScore === 0) {
-      bestCols = Math.ceil(Math.sqrt(count));
+    if (containerAspectRatio > targetAspectRatio * 1.5 && count > 6) {
+      bestCols = Math.min(bestCols + 1, Math.ceil(count / 2));
+    }
+    const minCellWidth = selectedLine ? 150 : 100;
+    const availableWidth = containerWidth - gap * (bestCols - 1);
+    const cellWidth = availableWidth / bestCols;
+    if (cellWidth < minCellWidth && bestCols > 1) {
+      bestCols = Math.floor((containerWidth + gap) / (minCellWidth + gap));
     }
+    const rows = Math.ceil(count / bestCols);
     setGridCols(bestCols);
+    setGridRows(rows);
+    const cardWidth = (containerWidth - gap * (bestCols - 1)) / bestCols;
+    const cardHeight = (containerHeight - gap * (rows - 1)) / rows;
+    setCardDimensions({ width: Math.floor(cardWidth), height: Math.floor(cardHeight) });
   }, [filteredWorkspaces.length, selectedLine]);
   React19.useEffect(() => {
     calculateOptimalGrid();
@@ -18748,7 +18819,7 @@ var VideoGridView = React19__namespace.default.memo(({
       efficiency: workspace.efficiency,
       action_count: workspace.action_count
     });
-    const displayName = getWorkspaceDisplayName(workspace.workspace_name);
+    const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
     const navParams = getWorkspaceNavigationParams(workspaceId, displayName);
     router$1.push(`/workspace/${workspaceId}${navParams}`);
   }, [router$1]);
@@ -18758,8 +18829,8 @@ var VideoGridView = React19__namespace.default.memo(({
       className: "grid h-full w-full gap-2",
       style: {
         gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
-        gridTemplateRows: `repeat(${Math.ceil(filteredWorkspaces.length / gridCols)}, 1fr)`,
-        minHeight: "100%"
+        gridTemplateRows: `repeat(${gridRows}, 1fr)`,
+        gridAutoFlow: "row"
       },
       children: filteredWorkspaces.sort((a, b) => {
         if (a.line_id !== b.line_id) {
@@ -18782,9 +18853,8 @@ var VideoGridView = React19__namespace.default.memo(({
           "div",
           {
             "data-workspace-id": workspaceId,
-            className: "workspace-card relative min-h-0 min-w-0",
-            style: { width: "100%", height: "100%" },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            className: "workspace-card relative w-full h-full",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0", children: /* @__PURE__ */ jsxRuntime.jsx(
               VideoCard,
               {
                 workspace,
@@ -18798,7 +18868,7 @@ var VideoGridView = React19__namespace.default.memo(({
                 useRAF: canvasConfig?.useRAF,
                 compact: !selectedLine
               }
-            )
+            ) })
           },
           workspaceId
         );
@@ -20223,7 +20293,7 @@ var LineMonthlyHistory = ({
                 className: "block hover:bg-gray-50 transition-colors rounded-lg w-full text-left",
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-3 px-2 border-b border-gray-100 last:border-b-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-medium text-gray-900", children: [
-                    getWorkspaceDisplayName(workspace.workspace_name),
+                    getWorkspaceDisplayName(workspace.workspace_name, lineId),
                     workspace.avg_efficiency !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-sm text-gray-500", children: [
                       "(",
                       workspace.avg_efficiency.toFixed(1),
@@ -20807,7 +20877,7 @@ var LinePdfGenerator = ({
             doc.setFillColor(252, 252, 252);
             doc.roundedRect(20, yPos - 5, 170, 8, 1, 1, "F");
           }
-          const workspaceName = getWorkspaceDisplayName(ws.workspace_name);
+          const workspaceName = getWorkspaceDisplayName(ws.workspace_name, lineInfo.line_id);
           const maxWidth = 55;
           const truncatedName = workspaceName.length > 25 ? workspaceName.substring(0, 22) + "..." : workspaceName;
           doc.text(truncatedName, 25, yPos);
@@ -21488,7 +21558,7 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
       doc.setFontSize(22);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(40, 40, 40);
-      doc.text(getWorkspaceDisplayName(workspace.workspace_name), 20, 52);
+      doc.text(getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id), 20, 52);
       doc.setFontSize(13);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(60, 60, 60);
@@ -23957,7 +24027,7 @@ var WorkspaceGridItem = React19__namespace.default.memo(({
   const handleClick = React19.useCallback((e) => {
     e.preventDefault();
     if (isInactive) return;
-    const displayName = getWorkspaceDisplayName(data.workspace_name);
+    const displayName = getWorkspaceDisplayName(data.workspace_name, data.line_id);
     const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName);
     navigate(`/workspace/${data.workspace_id}${navParams}`, {
       trackingEvent: {
@@ -24005,7 +24075,7 @@ var WorkspaceGridItem = React19__namespace.default.memo(({
             onClick: handleClick,
             className: `${styles2} ${colorClass} ${isBottleneck ? "ring-2 ring-red-500/70" : ""} ${isVeryLowEfficiency ? "ring-2 ring-red-500/50" : ""} ${isInactive ? "bg-gray-200" : ""} shadow-lg`,
             "aria-label": isInactive ? `Inactive workspace ${workspaceNumber}` : `View details for workspace ${workspaceNumber}`,
-            title: isInactive ? `Inactive: ${getWorkspaceDisplayName(data.workspace_name)}` : getWorkspaceDisplayName(data.workspace_name),
+            title: isInactive ? `Inactive: ${getWorkspaceDisplayName(data.workspace_name, data.line_id)}` : getWorkspaceDisplayName(data.workspace_name, data.line_id),
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `font-semibold tracking-wide text-[min(4vw,2rem)] uppercase ${isInactive ? "text-gray-400" : "text-white"} drop-shadow-sm`, children: workspaceNumber })
           }
         ),
@@ -28820,6 +28890,7 @@ var MetricCards = React19.memo(({ lineInfo }) => {
 MetricCards.displayName = "MetricCards";
 var BottomSection = React19.memo(({
   lineInfo,
+  lineId,
   workspaceData,
   sortedByEfficiency,
   hourlyOutputData,
@@ -28877,7 +28948,7 @@ var BottomSection = React19.memo(({
                 return null;
               }
               const clickHandler = () => handleWorkspaceClick(ws, index);
-              const displayName = getWorkspaceDisplayName(ws.workspace_name);
+              const displayName = getWorkspaceDisplayName(ws.workspace_name, lineId);
               const navParams = wsUuid ? getWorkspaceNavigationParams2(wsUuid, displayName) : "";
               const dateShiftParams = urlDate ? `&date=${urlDate}&shift=${urlShift || "0"}` : "";
               const returnToParam = `&returnTo=${encodeURIComponent(`/kpis/${lineInfo?.line_id}`)}`;
@@ -28911,7 +28982,7 @@ var BottomSection = React19.memo(({
               // Fallback to sorted workspaces if no poorest performing workspaces provided
               sortedByEfficiency.map((ws, index) => {
                 const clickHandler = () => handleWorkspaceClick(ws, index);
-                const displayName = getWorkspaceDisplayName(ws.workspace_name);
+                const displayName = getWorkspaceDisplayName(ws.workspace_name, lineId);
                 const navParams = ws.workspace_uuid ? getWorkspaceNavigationParams2(ws.workspace_uuid, displayName) : "";
                 const dateShiftParams = urlDate ? `&date=${urlDate}&shift=${urlShift || "0"}` : "";
                 const returnToParam = `&returnTo=${encodeURIComponent(`/kpis/${lineInfo?.line_id}`)}`;
@@ -29408,6 +29479,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29510,6 +29582,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29528,34 +29601,10 @@ var KPIDetailView = ({
 var KPIDetailView_default = KPIDetailView;
 var LineCard = ({ line, onClick }) => {
   const { kpis, isLoading, error } = useLineKPIs({ lineId: line.id });
-  const shiftConfig = useShiftConfig();
-  const dateTimeConfig = useDateTimeConfig();
   const isOnTrack = React19__namespace.default.useMemo(() => {
     if (!kpis) return null;
-    const currentTime = /* @__PURE__ */ new Date();
-    const timezone = dateTimeConfig.defaultTimezone || "Asia/Kolkata";
-    const currentShiftDetails = getCurrentShift(timezone, shiftConfig);
-    const shiftStartTime = currentShiftDetails.shiftId === 0 ? shiftConfig.dayShift?.startTime || "06:00" : shiftConfig.nightShift?.startTime || "18:00";
-    const shiftEndTime = currentShiftDetails.shiftId === 0 ? shiftConfig.dayShift?.endTime || "14:00" : shiftConfig.nightShift?.endTime || "02:00";
-    const [startHour, startMin] = shiftStartTime.split(":").map(Number);
-    const [endHour, endMin] = shiftEndTime.split(":").map(Number);
-    const shiftStart = /* @__PURE__ */ new Date();
-    shiftStart.setHours(startHour, startMin, 0, 0);
-    const shiftEnd = /* @__PURE__ */ new Date();
-    shiftEnd.setHours(endHour, endMin, 0, 0);
-    if (endHour < startHour) {
-      if (currentTime.getHours() < endHour) {
-        shiftStart.setDate(shiftStart.getDate() - 1);
-      } else {
-        shiftEnd.setDate(shiftEnd.getDate() + 1);
-      }
-    }
-    const totalShiftMinutes = (shiftEnd.getTime() - shiftStart.getTime()) / (1e3 * 60);
-    const elapsedMinutes = (currentTime.getTime() - shiftStart.getTime()) / (1e3 * 60);
-    const shiftProgress = Math.max(0, Math.min(1, elapsedMinutes / totalShiftMinutes));
-    const outputProgress = kpis.outputProgress.current / kpis.outputProgress.target;
-    return outputProgress >= shiftProgress - 0.05;
-  }, [kpis, shiftConfig, dateTimeConfig]);
+    return kpis.efficiency.value > 90;
+  }, [kpis]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     motion.div,
     {
@@ -29871,7 +29920,7 @@ var MobileWorkspaceCard = React19.memo(({
             getMedalIcon(rank)
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: getLineName(workspace.line_id) })
           ] })
         ] }),
@@ -29921,7 +29970,7 @@ var DesktopWorkspaceRow = React19.memo(({
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: index + 1 }),
         getMedalIcon(index + 1)
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: getWorkspaceDisplayName(workspace.workspace_name) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: getLineName(workspace.line_id) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: [
         (workspace.efficiency || 0).toFixed(1),
@@ -30038,7 +30087,7 @@ var LeaderboardDetailView = React19.memo(({
       action_count: workspace.action_count,
       action_threshold: workspace.action_threshold
     });
-    const displayName = getWorkspaceDisplayName(workspace.workspace_name);
+    const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
     const navParams = workspace.workspace_uuid ? getWorkspaceNavigationParams(workspace.workspace_uuid, displayName) : "";
     const returnToParam = `&returnTo=${encodeURIComponent(`/leaderboard`)}`;
     if (onWorkspaceClick) {
@@ -31266,8 +31315,8 @@ var calculateDayOutput = (pph, shiftHours, breaks = []) => {
   const realWorkHours = shiftHours - totalBreakHours;
   return Math.round(pph * realWorkHours);
 };
-var formatWorkspaceName = (name) => {
-  return getWorkspaceDisplayName(name);
+var formatWorkspaceName = (name, lineId) => {
+  return getWorkspaceDisplayName(name, lineId);
 };
 var getStoredLineState2 = (lineId) => {
   try {
@@ -31295,6 +31344,7 @@ var BulkConfigureModal = ({
   isOpen,
   onClose,
   lineWorkspaces,
+  lineNames,
   onSave,
   selectedShift
 }) => {
@@ -31445,10 +31495,7 @@ var BulkConfigureModal = ({
                     className: "block w-full rounded-lg border border-gray-300 bg-white px-3 py-2 text-sm\n                    shadow-sm focus:border-blue-500 focus:ring-blue-500 \n                    transition-all duration-200 hover:border-blue-400\n                    appearance-none bg-no-repeat bg-right pr-10\n                    hover:bg-blue-50/50",
                     children: [
                       /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Select a line" }),
-                      Object.entries(lineWorkspaces).map(([lineId, line]) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: lineId, className: "py-2", children: [
-                        lineId,
-                        " "
-                      ] }, lineId))
+                      Object.entries(lineWorkspaces).map(([lineId, line]) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: lineId, className: "py-2", children: lineNames[lineId] || lineId }, lineId))
                     ]
                   }
                 )
@@ -31506,7 +31553,7 @@ var BulkConfigureModal = ({
                           className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500"
                         }
                       ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${selectedWorkspaces.includes(workspace.id) ? "text-blue-900 font-medium" : "text-gray-900"}`, children: formatWorkspaceName(workspace.name) })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-sm ${selectedWorkspaces.includes(workspace.id) ? "text-blue-900 font-medium" : "text-gray-900"}`, children: formatWorkspaceName(workspace.name, selectedLine) })
                     ]
                   },
                   workspace.id
@@ -32193,7 +32240,7 @@ var TargetsViewUI = ({
                 {
                   className: "px-6 py-4 hover:bg-gray-50 transition-all duration-200",
                   children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-12 gap-6 items-center", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: formatWorkspaceName(workspace.name) }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-gray-900", children: formatWorkspaceName(workspace.name, lineId) }) }),
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
                       "select",
                       {
@@ -32203,7 +32250,7 @@ var TargetsViewUI = ({
                           onActionTypeChange(lineId, workspace.id, newActionType);
                         },
                         className: "w-full p-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm",
-                        "aria-label": `Action type for ${formatWorkspaceName(workspace.name)}`,
+                        "aria-label": `Action type for ${formatWorkspaceName(workspace.name, lineId)}`,
                         children: [
                           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "assembly", className: "py-2", children: "Assembly" }),
                           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "packaging", className: "py-2", children: "Packaging" })
@@ -32262,6 +32309,7 @@ var TargetsViewUI = ({
         isOpen: isBulkConfigureOpen,
         onClose: onToggleBulkConfigure,
         lineWorkspaces,
+        lineNames,
         onSave: onBulkConfigure,
         selectedShift
       }