@optifye/dashboard-core 6.0.7 → 6.0.8

package/dist/index.d.mts

@@ -2083,19 +2083,19 @@ interface UseWorkspaceDisplayNamesReturn {
  * loading states, error handling, and caching. It automatically fetches workspace display names
  * on mount and provides utility methods for accessing individual workspace names.
  *
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {UseWorkspaceDisplayNamesReturn} An object containing display names, loading state, error, and utility functions
  *
  * @example
- * const { displayNames, loading, error, getDisplayName } = useWorkspaceDisplayNames();
+ * const { displayNames, loading, error } = useWorkspaceDisplayNames(lineId);
  *
  * if (loading) return <div>Loading...</div>;
  * if (error) return <div>Error: {error.message}</div>;
  *
- * const workspaceName = getDisplayName('WS01'); // Returns display name or fallback
+ * const workspaceName = displayNames['WS01'] || 'WS01'; // Returns display name or fallback
  */
-declare const useWorkspaceDisplayNames: (companyId?: string, lineId?: string) => UseWorkspaceDisplayNamesReturn;
+declare const useWorkspaceDisplayNames: (lineId?: string, companyId?: string) => UseWorkspaceDisplayNamesReturn;
 /**
  * @hook useWorkspaceDisplayName
  * @summary Hook for fetching a single workspace display name
@@ -2103,17 +2103,17 @@ declare const useWorkspaceDisplayNames: (companyId?: string, lineId?: string) =>
  * loading state and error handling. It's useful when you only need one workspace name.
  *
  * @param {string} workspaceId - The workspace ID to fetch the display name for
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {object} An object containing displayName, loading state, error, and refetch function
  *
  * @example
- * const { displayName, loading, error } = useWorkspaceDisplayName('WS01');
+ * const { displayName, loading, error } = useWorkspaceDisplayName('WS01', lineId);
  *
  * if (loading) return <span>Loading...</span>;
  * return <span>{displayName}</span>;
  */
-declare const useWorkspaceDisplayName: (workspaceId: string, companyId?: string, lineId?: string) => {
+declare const useWorkspaceDisplayName: (workspaceId: string, lineId?: string, companyId?: string) => {
     displayName: string;
     loading: boolean;
     error: Error | null;
@@ -2126,20 +2126,20 @@ declare const useWorkspaceDisplayName: (workspaceId: string, companyId?: string,
  * as a Record<string, string> for easy lookup. Useful when you need names for a specific set of workspaces.
  *
  * @param {string[]} workspaceIds - Array of workspace IDs to fetch display names for
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {object} An object containing displayNamesMap, loading state, error, and refetch function
  *
  * @example
- * const { displayNamesMap, loading } = useWorkspaceDisplayNamesMap(['WS01', 'WS02', 'WS03']);
+ * const { displayNames, loading } = useWorkspaceDisplayNamesMap(['WS01', 'WS02', 'WS03'], lineId);
  *
  * if (!loading) {
  *   workspaceIds.forEach(id => {
- *     console.log(`${id}: ${displayNamesMap[id]}`);
+ *     console.log(`${id}: ${displayNames[id]}`);
  *   });
  * }
  */
-declare const useWorkspaceDisplayNamesMap: (workspaceIds: string[], companyId?: string, lineId?: string) => {
+declare const useWorkspaceDisplayNamesMap: (workspaceIds: string[], lineId?: string, companyId?: string) => {
     displayNames: Record<string, string>;
     loading: boolean;
     error: Error | null;
@@ -2957,10 +2957,14 @@ declare const forceRefreshWorkspaceDisplayNames: (lineId?: string) => Promise<vo
 /**
  * Gets workspace display name synchronously
  * If not initialized, triggers lazy initialization and returns workspace ID
+ * @param workspaceId - The workspace ID to get display name for
+ * @param lineId - Optional line ID to filter workspaces by line
  */
 declare const getWorkspaceDisplayName: (workspaceId: string, lineId?: string) => string;
 /**
  * Short version of workspace display name (synchronous version for backward compatibility)
+ * @param workspaceId - The workspace ID to get display name for
+ * @param lineId - Optional line ID to filter workspaces by line
  */
 declare const getShortWorkspaceDisplayName: (workspaceId: string, lineId?: string) => string;
 /**

package/dist/index.d.ts

@@ -2083,19 +2083,19 @@ interface UseWorkspaceDisplayNamesReturn {
  * loading states, error handling, and caching. It automatically fetches workspace display names
  * on mount and provides utility methods for accessing individual workspace names.
  *
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {UseWorkspaceDisplayNamesReturn} An object containing display names, loading state, error, and utility functions
  *
  * @example
- * const { displayNames, loading, error, getDisplayName } = useWorkspaceDisplayNames();
+ * const { displayNames, loading, error } = useWorkspaceDisplayNames(lineId);
  *
  * if (loading) return <div>Loading...</div>;
  * if (error) return <div>Error: {error.message}</div>;
  *
- * const workspaceName = getDisplayName('WS01'); // Returns display name or fallback
+ * const workspaceName = displayNames['WS01'] || 'WS01'; // Returns display name or fallback
  */
-declare const useWorkspaceDisplayNames: (companyId?: string, lineId?: string) => UseWorkspaceDisplayNamesReturn;
+declare const useWorkspaceDisplayNames: (lineId?: string, companyId?: string) => UseWorkspaceDisplayNamesReturn;
 /**
  * @hook useWorkspaceDisplayName
  * @summary Hook for fetching a single workspace display name
@@ -2103,17 +2103,17 @@ declare const useWorkspaceDisplayNames: (companyId?: string, lineId?: string) =>
  * loading state and error handling. It's useful when you only need one workspace name.
  *
  * @param {string} workspaceId - The workspace ID to fetch the display name for
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {object} An object containing displayName, loading state, error, and refetch function
  *
  * @example
- * const { displayName, loading, error } = useWorkspaceDisplayName('WS01');
+ * const { displayName, loading, error } = useWorkspaceDisplayName('WS01', lineId);
  *
  * if (loading) return <span>Loading...</span>;
  * return <span>{displayName}</span>;
  */
-declare const useWorkspaceDisplayName: (workspaceId: string, companyId?: string, lineId?: string) => {
+declare const useWorkspaceDisplayName: (workspaceId: string, lineId?: string, companyId?: string) => {
     displayName: string;
     loading: boolean;
     error: Error | null;
@@ -2126,20 +2126,20 @@ declare const useWorkspaceDisplayName: (workspaceId: string, companyId?: string,
  * as a Record<string, string> for easy lookup. Useful when you need names for a specific set of workspaces.
  *
  * @param {string[]} workspaceIds - Array of workspace IDs to fetch display names for
- * @param {string} [companyId] - Optional company ID to filter workspaces
  * @param {string} [lineId] - Optional line ID to filter workspaces
+ * @param {string} [companyId] - Optional company ID to filter workspaces
  * @returns {object} An object containing displayNamesMap, loading state, error, and refetch function
  *
  * @example
- * const { displayNamesMap, loading } = useWorkspaceDisplayNamesMap(['WS01', 'WS02', 'WS03']);
+ * const { displayNames, loading } = useWorkspaceDisplayNamesMap(['WS01', 'WS02', 'WS03'], lineId);
  *
  * if (!loading) {
  *   workspaceIds.forEach(id => {
- *     console.log(`${id}: ${displayNamesMap[id]}`);
+ *     console.log(`${id}: ${displayNames[id]}`);
  *   });
  * }
  */
-declare const useWorkspaceDisplayNamesMap: (workspaceIds: string[], companyId?: string, lineId?: string) => {
+declare const useWorkspaceDisplayNamesMap: (workspaceIds: string[], lineId?: string, companyId?: string) => {
     displayNames: Record<string, string>;
     loading: boolean;
     error: Error | null;
@@ -2957,10 +2957,14 @@ declare const forceRefreshWorkspaceDisplayNames: (lineId?: string) => Promise<vo
 /**
  * Gets workspace display name synchronously
  * If not initialized, triggers lazy initialization and returns workspace ID
+ * @param workspaceId - The workspace ID to get display name for
+ * @param lineId - Optional line ID to filter workspaces by line
  */
 declare const getWorkspaceDisplayName: (workspaceId: string, lineId?: string) => string;
 /**
  * Short version of workspace display name (synchronous version for backward compatibility)
+ * @param workspaceId - The workspace ID to get display name for
+ * @param lineId - Optional line ID to filter workspaces by line
  */
 declare const getShortWorkspaceDisplayName: (workspaceId: string, lineId?: string) => string;
 /**

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";
@@ -18748,7 +18801,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]);
@@ -20223,7 +20276,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 +20860,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 +21541,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 +24010,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 +24058,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 +28873,7 @@ var MetricCards = React19.memo(({ lineInfo }) => {
 MetricCards.displayName = "MetricCards";
 var BottomSection = React19.memo(({
   lineInfo,
+  lineId,
   workspaceData,
   sortedByEfficiency,
   hourlyOutputData,
@@ -28877,7 +28931,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 +28965,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 +29462,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29510,6 +29565,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29528,34 +29584,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 +29903,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 +29953,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 +30070,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 +31298,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 +31327,7 @@ var BulkConfigureModal = ({
   isOpen,
   onClose,
   lineWorkspaces,
+  lineNames,
   onSave,
   selectedShift
 }) => {
@@ -31445,10 +31478,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 +31536,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 +32223,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 +32233,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 +32292,7 @@ var TargetsViewUI = ({
         isOpen: isBulkConfigureOpen,
         onClose: onToggleBulkConfigure,
         lineWorkspaces,
+        lineNames,
         onSave: onBulkConfigure,
         selectedShift
       }

package/dist/index.mjs

@@ -4584,20 +4584,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),
@@ -4649,22 +4642,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,
@@ -4683,7 +4668,6 @@ var useRealtimeLineMetrics = ({
         } else {
           setMetrics({
             ...metricsData,
-            avg_efficiency: avgEfficiency > 0 ? avgEfficiency : metricsData.avg_efficiency,
             poorest_performing_workspaces: poorestPerformingWorkspaces
           });
         }
@@ -5532,6 +5516,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();
@@ -5563,28 +5548,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 {
@@ -5594,7 +5580,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);
@@ -5607,45 +5606,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;
   }
@@ -5666,7 +5711,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);
@@ -5695,10 +5747,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] = useState({});
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -5724,7 +5777,7 @@ var useWorkspaceDisplayNames = (companyId, lineId) => {
     refetch: fetchDisplayNames
   };
 };
-var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
+var useWorkspaceDisplayName = (workspaceId, lineId, companyId) => {
   const [displayName, setDisplayName] = useState(workspaceId);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -5751,7 +5804,7 @@ var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
     refetch: fetchDisplayName
   };
 };
-var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
+var useWorkspaceDisplayNamesMap = (workspaceIds, lineId, companyId) => {
   const [displayNames, setDisplayNames] = useState({});
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -18462,7 +18515,7 @@ var VideoCard = React19__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";
@@ -18719,7 +18772,7 @@ var VideoGridView = React19__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.push(`/workspace/${workspaceId}${navParams}`);
   }, [router]);
@@ -20194,7 +20247,7 @@ var LineMonthlyHistory = ({
                 className: "block hover:bg-gray-50 transition-colors rounded-lg w-full text-left",
                 children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-3 px-2 border-b border-gray-100 last:border-b-0", children: [
                   /* @__PURE__ */ jsxs("div", { className: "font-medium text-gray-900", children: [
-                    getWorkspaceDisplayName(workspace.workspace_name),
+                    getWorkspaceDisplayName(workspace.workspace_name, lineId),
                     workspace.avg_efficiency !== void 0 && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-sm text-gray-500", children: [
                       "(",
                       workspace.avg_efficiency.toFixed(1),
@@ -20778,7 +20831,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);
@@ -21459,7 +21512,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);
@@ -23928,7 +23981,7 @@ var WorkspaceGridItem = React19__default.memo(({
   const handleClick = 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: {
@@ -23976,7 +24029,7 @@ var WorkspaceGridItem = React19__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__ */ jsx("div", { className: `font-semibold tracking-wide text-[min(4vw,2rem)] uppercase ${isInactive ? "text-gray-400" : "text-white"} drop-shadow-sm`, children: workspaceNumber })
           }
         ),
@@ -28791,6 +28844,7 @@ var MetricCards = memo(({ lineInfo }) => {
 MetricCards.displayName = "MetricCards";
 var BottomSection = memo(({
   lineInfo,
+  lineId,
   workspaceData,
   sortedByEfficiency,
   hourlyOutputData,
@@ -28848,7 +28902,7 @@ var BottomSection = 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}`)}`;
@@ -28882,7 +28936,7 @@ var BottomSection = 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}`)}`;
@@ -29379,6 +29433,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29481,6 +29536,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29499,34 +29555,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__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__ */ jsxs(
     motion.div,
     {
@@ -29842,7 +29874,7 @@ var MobileWorkspaceCard = memo(({
             getMedalIcon(rank)
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name) }),
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id) }),
             /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: getLineName(workspace.line_id) })
           ] })
         ] }),
@@ -29892,7 +29924,7 @@ var DesktopWorkspaceRow = memo(({
         /* @__PURE__ */ jsx("span", { children: index + 1 }),
         getMedalIcon(index + 1)
       ] }) }),
-      /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: getWorkspaceDisplayName(workspace.workspace_name) }) }),
+      /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id) }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: getLineName(workspace.line_id) }) }),
       /* @__PURE__ */ 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),
@@ -30009,7 +30041,7 @@ var LeaderboardDetailView = 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) {
@@ -31237,8 +31269,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 {
@@ -31266,6 +31298,7 @@ var BulkConfigureModal = ({
   isOpen,
   onClose,
   lineWorkspaces,
+  lineNames,
   onSave,
   selectedShift
 }) => {
@@ -31416,10 +31449,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__ */ jsx("option", { value: "", children: "Select a line" }),
-                      Object.entries(lineWorkspaces).map(([lineId, line]) => /* @__PURE__ */ jsxs("option", { value: lineId, className: "py-2", children: [
-                        lineId,
-                        " "
-                      ] }, lineId))
+                      Object.entries(lineWorkspaces).map(([lineId, line]) => /* @__PURE__ */ jsx("option", { value: lineId, className: "py-2", children: lineNames[lineId] || lineId }, lineId))
                     ]
                   }
                 )
@@ -31477,7 +31507,7 @@ var BulkConfigureModal = ({
                           className: "rounded border-gray-300 text-blue-600 focus:ring-blue-500"
                         }
                       ),
-                      /* @__PURE__ */ jsx("span", { className: `text-sm ${selectedWorkspaces.includes(workspace.id) ? "text-blue-900 font-medium" : "text-gray-900"}`, children: formatWorkspaceName(workspace.name) })
+                      /* @__PURE__ */ jsx("span", { className: `text-sm ${selectedWorkspaces.includes(workspace.id) ? "text-blue-900 font-medium" : "text-gray-900"}`, children: formatWorkspaceName(workspace.name, selectedLine) })
                     ]
                   },
                   workspace.id
@@ -32164,7 +32194,7 @@ var TargetsViewUI = ({
                 {
                   className: "px-6 py-4 hover:bg-gray-50 transition-all duration-200",
                   children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-6 items-center", children: [
-                    /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: formatWorkspaceName(workspace.name) }) }),
+                    /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900", children: formatWorkspaceName(workspace.name, lineId) }) }),
                     /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxs(
                       "select",
                       {
@@ -32174,7 +32204,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__ */ jsx("option", { value: "assembly", className: "py-2", children: "Assembly" }),
                           /* @__PURE__ */ jsx("option", { value: "packaging", className: "py-2", children: "Packaging" })
@@ -32233,6 +32263,7 @@ var TargetsViewUI = ({
         isOpen: isBulkConfigureOpen,
         onClose: onToggleBulkConfigure,
         lineWorkspaces,
+        lineNames,
         onSave: onBulkConfigure,
         selectedShift
       }

package/package.json

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