@optifye/dashboard-core 6.0.6 → 6.0.8

package/dist/index.js

@@ -378,24 +378,6 @@ function createMemoizedFunction(fn, getCacheKey) {
     return result;
   };
 }
-var memoizedEfficiencyFilter = createMemoizedFunction(
-  (data, minEfficiency, maxEfficiency) => {
-    return data.filter((item) => {
-      const eff = item.efficiency ?? 0;
-      return eff >= minEfficiency && (maxEfficiency === void 0 || eff < maxEfficiency);
-    });
-  },
-  (data, min, max = void 0) => `${data.length}-${min}-${max}`
-);
-var memoizedAverageEfficiency = createMemoizedFunction(
-  (data, minThreshold = 10) => {
-    const validItems = data.filter((item) => (item.efficiency ?? 0) >= minThreshold);
-    if (validItems.length === 0) return 0;
-    const sum = validItems.reduce((acc, item) => acc + (item.efficiency ?? 0), 0);
-    return sum / validItems.length;
-  },
-  (data, threshold) => `${data.length}-${threshold}`
-);
 var memoizedOutputArrayAggregation = createMemoizedFunction(
   (arrays) => {
     if (arrays.length === 0) return [];
@@ -606,7 +588,7 @@ var dashboardService = {
     const lineMetricsTable = getTable2(dbConfig, "lineMetrics");
     const companyId = entityConfig.companyId;
     const metricsTablePrefixStr = getMetricsTablePrefix();
-    const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
+    `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
     const configuredLineIds = getConfiguredLineIds(entityConfig);
     const defaultLineId = configuredLineIds[0];
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
@@ -617,7 +599,7 @@ var dashboardService = {
       if (!isValidFactoryViewConfiguration(entityConfig) || !companyId) {
         throw new Error("Factory View requires at least one configured line and companyId to be configured.");
       }
-      const [lineResult, metricsResult, performanceResult] = await Promise.all([
+      const [lineResult, metricsResult] = await Promise.all([
         // Get Line 1's info for general factory details
         supabase.from(linesTable).select(`
             id,
@@ -628,28 +610,29 @@ var dashboardService = {
             companies!lines_company_id_fkey(company_name:name)
           `).eq("id", defaultLineId).maybeSingle(),
         // Get metrics from line_metrics table for all configured lines
-        supabase.from(lineMetricsTable).select("*").in("line_id", configuredLineIds).eq("shift_id", shiftId).eq("date", date),
-        // Get performance data from the dynamic metrics table for all configured lines
-        supabase.from(metricsTable).select("efficiency").in("line_id", configuredLineIds).eq("shift_id", shiftId).eq("date", date)
+        supabase.from(lineMetricsTable).select("*").in("line_id", configuredLineIds).eq("shift_id", shiftId).eq("date", date)
       ]);
       if (lineResult.error) throw lineResult.error;
       if (!lineResult.data) throw new Error(`Configured default line (${defaultLineId}) not found`);
       if (metricsResult.error) throw metricsResult.error;
-      if (performanceResult.error) throw performanceResult.error;
       const lineData2 = lineResult.data;
       const metricsData = metricsResult.data;
-      const performanceData2 = performanceResult.data;
-      const underperformingWorkspaces2 = memoizedEfficiencyFilter(performanceData2 || [], 10, 70);
-      const validWorkspaces2 = memoizedEfficiencyFilter(performanceData2 || [], 10);
-      const underperformingCount2 = underperformingWorkspaces2.length;
-      validWorkspaces2.length;
       const combinedMetrics = (metricsData || []).reduce((acc, m) => {
-        acc.avg_efficiency += m.efficiency ?? 0;
         acc.current_output += m.current_output ?? 0;
         acc.ideal_output += m.ideal_output ?? m.line_threshold ?? 0;
+        acc.total_workspaces += m.total_workspaces ?? 0;
+        acc.underperforming_workspaces += m.underperforming_workspaces ?? 0;
+        acc.weightedEfficiencySum += (m.avg_efficiency ?? 0) * (m.total_workspaces ?? 0);
         return acc;
-      }, { avg_efficiency: 0, current_output: 0, ideal_output: 0 });
+      }, {
+        current_output: 0,
+        ideal_output: 0,
+        total_workspaces: 0,
+        underperforming_workspaces: 0,
+        weightedEfficiencySum: 0
+      });
       metricsData?.length || 1;
+      const avgEfficiency = combinedMetrics.total_workspaces > 0 ? combinedMetrics.weightedEfficiencySum / combinedMetrics.total_workspaces : 0;
       return {
         line_id: factoryViewId,
         // Use configured factory view ID
@@ -662,15 +645,13 @@ var dashboardService = {
         shift_id: shiftId,
         date,
         metrics: {
-          avg_efficiency: memoizedAverageEfficiency(performanceData2 || [], 10),
-          // Use memoized calculation for efficiency
+          avg_efficiency: avgEfficiency,
           avg_cycle_time: 0,
           // Needs calculation logic if required for factory view
           current_output: combinedMetrics.current_output,
           ideal_output: combinedMetrics.ideal_output,
-          total_workspaces: 0,
-          // SRC ALIGNMENT: Use hardcoded 44 for factory view total_workspaces
-          underperforming_workspaces: underperformingCount2,
+          total_workspaces: combinedMetrics.total_workspaces || 0,
+          underperforming_workspaces: combinedMetrics.underperforming_workspaces,
           underperforming_workspace_names: [],
           // Populate if needed
           underperforming_workspace_uuids: [],
@@ -704,13 +685,6 @@ var dashboardService = {
     } catch (err) {
       console.error(`Error fetching line metrics for ${lineId}:`, err);
     }
-    const { data: performanceData, error: performanceError } = await supabase.from(metricsTable).select("efficiency").eq("line_id", lineId).eq("shift_id", shiftId).eq("date", date);
-    if (performanceError) throw performanceError;
-    const underperformingWorkspaces = memoizedEfficiencyFilter(performanceData || [], 10, 70);
-    const validWorkspaces = memoizedEfficiencyFilter(performanceData || [], 10);
-    const underperformingCount = underperformingWorkspaces.length;
-    validWorkspaces.length;
-    const avgEfficiencyFromPerf = memoizedAverageEfficiency(performanceData || [], 10);
     const useFallbackMetrics = !metricsFromDb;
     let metricsForReturn;
     if (useFallbackMetrics) {
@@ -720,7 +694,7 @@ var dashboardService = {
         current_output: 0,
         ideal_output: 0,
         total_workspaces: 42,
-        underperforming_workspaces: underperformingCount,
+        underperforming_workspaces: 0,
         underperforming_workspace_names: [],
         underperforming_workspace_uuids: [],
         output_array: [],
@@ -733,12 +707,12 @@ var dashboardService = {
       };
     } else {
       metricsForReturn = {
-        avg_efficiency: metricsFromDb.efficiency ?? avgEfficiencyFromPerf,
+        avg_efficiency: metricsFromDb.avg_efficiency ?? 0,
         avg_cycle_time: metricsFromDb.avg_cycle_time || 0,
         current_output: metricsFromDb.current_output || 0,
         ideal_output: metricsFromDb.ideal_output || metricsFromDb.line_threshold || 0,
         total_workspaces: metricsFromDb.total_workspaces ?? workspaceConfig.totalWorkspaces ?? 42,
-        underperforming_workspaces: underperformingCount,
+        underperforming_workspaces: metricsFromDb.underperforming_workspaces ?? 0,
         underperforming_workspace_names: metricsFromDb.underperforming_workspace_names || [],
         underperforming_workspace_uuids: metricsFromDb.underperforming_workspace_uuids || [],
         output_array: metricsFromDb.output_array || [],
@@ -749,9 +723,6 @@ var dashboardService = {
         last_updated: metricsFromDb.last_updated || (/* @__PURE__ */ new Date()).toISOString(),
         poorest_performing_workspaces: metricsFromDb.poorest_performing_workspaces || []
       };
-      if (metricsFromDb.efficiency === null || metricsFromDb.efficiency === void 0) {
-        metricsForReturn.avg_efficiency = avgEfficiencyFromPerf;
-      }
     }
     return {
       line_id: lineData.id,
@@ -1014,7 +985,7 @@ var dashboardService = {
     const lineMetricsTable = getTable2(dbConfig, "lineMetrics");
     const companyId = entityConfig.companyId;
     const metricsTablePrefixStr = getMetricsTablePrefix();
-    const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
+    `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
     const configuredLineIds = getConfiguredLineIds(entityConfig);
     const defaultLineId = configuredLineIds[0];
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
@@ -1029,25 +1000,17 @@ var dashboardService = {
           throw new Error("Factory View requires at least one configured line and companyId to be configured.");
         }
         const lineIdsToQuery = configuredLineIds;
-        const [line1Result, metricsResult2, performanceResult2] = await Promise.all([
+        const [line1Result, metricsResult2] = await Promise.all([
           supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", defaultLineId).single(),
-          supabase.from(lineMetricsTable).select("*").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate),
-          supabase.from(metricsTable).select("efficiency").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate)
+          supabase.from(lineMetricsTable).select("*").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate)
         ]);
         if (line1Result.error) throw line1Result.error;
         if (!line1Result.data) {
           throw new Error(`Default line ${defaultLineId} for Factory View not found.`);
         }
         if (metricsResult2.error) throw metricsResult2.error;
-        if (performanceResult2.error) throw performanceResult2.error;
         const line1Data = line1Result.data;
         const metricsData = metricsResult2.data;
-        const performanceData2 = performanceResult2.data;
-        const underperformingWorkspaces2 = memoizedEfficiencyFilter(performanceData2 || [], 10, 70);
-        const validWorkspaces2 = memoizedEfficiencyFilter(performanceData2 || [], 10);
-        const underperformingCount2 = underperformingWorkspaces2.length;
-        const totalValidWorkspaces2 = validWorkspaces2.length;
-        const avgEfficiencyFromPerf2 = memoizedAverageEfficiency(performanceData2 || [], 10);
         const initialAccumulator = {
           avg_cycle_time: 0,
           current_output: 0,
@@ -1055,6 +1018,10 @@ var dashboardService = {
           line_threshold: 0,
           threshold_pph: 0,
           total_workspaces: 0,
+          underperforming_workspaces: 0,
+          weightedEfficiencySum: 0,
+          underperforming_workspace_names: [],
+          underperforming_workspace_uuids: [],
           output_array: [],
           outputArrays: []
         };
@@ -1065,13 +1032,21 @@ var dashboardService = {
           acc.line_threshold += m.line_threshold ?? 0;
           acc.threshold_pph += m.threshold_pph ?? 0;
           acc.total_workspaces += m.total_workspaces ?? 0;
+          acc.underperforming_workspaces += m.underperforming_workspaces ?? 0;
+          acc.weightedEfficiencySum += (m.avg_efficiency ?? 0) * (m.total_workspaces ?? 0);
+          if (m.underperforming_workspace_names) {
+            acc.underperforming_workspace_names.push(...m.underperforming_workspace_names);
+          }
+          if (m.underperforming_workspace_uuids) {
+            acc.underperforming_workspace_uuids.push(...m.underperforming_workspace_uuids);
+          }
           if (m.output_array && m.output_array.length > 0) {
             acc.outputArrays.push(m.output_array);
           }
           return acc;
         }, initialAccumulator);
         const numLines = Math.max(metricsData?.length || 0, 1);
-        const avgEfficiencyFromLineMetrics = (metricsData?.reduce((sum, m) => sum + (m.avg_efficiency || 0), 0) || 0) / numLines;
+        const avgEfficiency = combinedMetricsData.total_workspaces > 0 ? combinedMetricsData.weightedEfficiencySum / combinedMetricsData.total_workspaces : 0;
         return {
           line_id: factoryViewId,
           line_name: "Factory View",
@@ -1082,22 +1057,20 @@ var dashboardService = {
           date: queryDate,
           shift_id: queryShiftId,
           metrics: {
-            avg_efficiency: avgEfficiencyFromPerf2 > 0 ? avgEfficiencyFromPerf2 : avgEfficiencyFromLineMetrics,
-            // Use performance data first, fallback to line metrics
+            avg_efficiency: avgEfficiency,
             avg_cycle_time: combinedMetricsData.avg_cycle_time / numLines,
             current_output: combinedMetricsData.current_output,
             ideal_output: combinedMetricsData.ideal_output,
             total_workspaces: combinedMetricsData.total_workspaces || 0,
-            // Use combined or default
-            underperforming_workspaces: underperformingCount2,
+            underperforming_workspaces: combinedMetricsData.underperforming_workspaces,
             line_threshold: combinedMetricsData.line_threshold,
             threshold_pph: combinedMetricsData.threshold_pph / numLines,
             shift_start: metricsData?.[0]?.shift_start || shiftConfig.dayShift?.startTime || "06:00",
             shift_end: metricsData?.[0]?.shift_end || shiftConfig.dayShift?.endTime || "18:00",
             last_updated: (/* @__PURE__ */ new Date()).toISOString(),
             output_array: combinedMetricsData.outputArrays.length > 0 ? memoizedOutputArrayAggregation(combinedMetricsData.outputArrays) : [],
-            underperforming_workspace_names: [],
-            underperforming_workspace_uuids: [],
+            underperforming_workspace_names: combinedMetricsData.underperforming_workspace_names,
+            underperforming_workspace_uuids: combinedMetricsData.underperforming_workspace_uuids,
             poorest_performing_workspaces: []
           }
         };
@@ -1105,25 +1078,17 @@ var dashboardService = {
       if (!companyId) {
         throw new Error("Company ID must be configured for detailed line requests.");
       }
-      const [lineResult, metricsResult, performanceResult] = await Promise.all([
+      const [lineResult, metricsResult] = await Promise.all([
         supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", lineIdToQuery).single(),
-        supabase.from(lineMetricsTable).select("*").eq("line_id", lineIdToQuery).eq("shift_id", queryShiftId).eq("date", queryDate).maybeSingle(),
-        supabase.from(metricsTable).select("efficiency").eq("line_id", lineIdToQuery).eq("shift_id", queryShiftId).eq("date", queryDate)
+        supabase.from(lineMetricsTable).select("*").eq("line_id", lineIdToQuery).eq("shift_id", queryShiftId).eq("date", queryDate).maybeSingle()
       ]);
       if (lineResult.error) throw lineResult.error;
       if (!lineResult.data) {
         throw new Error(`Line ${lineIdToQuery} not found.`);
       }
       if (metricsResult.error) throw metricsResult.error;
-      if (performanceResult.error) throw performanceResult.error;
       const lineData = lineResult.data;
       const metrics2 = metricsResult.data;
-      const performanceData = performanceResult.data;
-      const underperformingWorkspaces = memoizedEfficiencyFilter(performanceData || [], 10, 70);
-      const validWorkspaces = memoizedEfficiencyFilter(performanceData || [], 10);
-      const underperformingCount = underperformingWorkspaces.length;
-      const totalValidWorkspaces = validWorkspaces.length;
-      const avgEfficiencyFromPerf = memoizedAverageEfficiency(performanceData || [], 10);
       return {
         line_id: lineData.id,
         line_name: lineData.line_name,
@@ -1134,13 +1099,12 @@ var dashboardService = {
         date: queryDate,
         shift_id: queryShiftId,
         metrics: {
-          avg_efficiency: avgEfficiencyFromPerf > 0 ? avgEfficiencyFromPerf : metrics2?.avg_efficiency ?? 0,
-          // Use performance data first, fallback to line metrics
+          avg_efficiency: metrics2?.avg_efficiency ?? 0,
           avg_cycle_time: metrics2?.avg_cycle_time || 0,
           current_output: metrics2?.current_output || 0,
           ideal_output: metrics2?.ideal_output || metrics2?.line_threshold || 0,
           total_workspaces: metrics2?.total_workspaces ?? workspaceConfig.totalWorkspaces ?? 42,
-          underperforming_workspaces: underperformingCount,
+          underperforming_workspaces: metrics2?.underperforming_workspaces ?? 0,
           line_threshold: metrics2?.line_threshold || 0,
           threshold_pph: metrics2?.threshold_pph || 0,
           shift_start: metrics2?.shift_start || shiftConfig.dayShift?.startTime || "06:00",
@@ -2025,14 +1989,17 @@ var authOTPService = {
     const { error } = await supabase.auth.signInWithOtp({
       email,
       options: {
-        shouldCreateUser: true,
-        // Creates user if doesn't exist
+        shouldCreateUser: false,
+        // Only allow existing users to log in
         emailRedirectTo: void 0
         // Disable magic link redirect
       }
     });
     if (error) {
       console.error("Error sending OTP:", error);
+      if (error.message.toLowerCase().includes("signups not allowed") || error.message.toLowerCase().includes("signup") || error.message.toLowerCase().includes("not allowed")) {
+        error.message = "You don't have an account with us. Please contact the Optifye team for more details.";
+      }
     }
     return { error };
   },
@@ -4646,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),
@@ -4711,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,
@@ -4745,7 +4697,6 @@ var useRealtimeLineMetrics = ({
         } else {
           setMetrics({
             ...metricsData,
-            avg_efficiency: avgEfficiency > 0 ? avgEfficiency : metricsData.avg_efficiency,
             poorest_performing_workspaces: poorestPerformingWorkspaces
           });
         }
@@ -5594,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();
@@ -5625,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 {
@@ -5656,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);
@@ -5669,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;
   }
@@ -5728,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);
@@ -5757,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);
@@ -5786,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);
@@ -5813,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);
@@ -16771,25 +16791,40 @@ var createMotionComponent = /* @__PURE__ */ createMotionComponentFactory({
 
 // ../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
 var motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
-var LoadingSpinner = ({
+var OptifyeLogoLoader = ({
   size = "md",
   message,
   className
 }) => {
   const sizeClasses = {
-    sm: "w-5 h-5",
-    md: "w-8 h-8",
-    lg: "w-12 h-12"
+    sm: "w-10",
+    // 40px
+    md: "w-16",
+    // 64px
+    lg: "w-24"
+    // 96px
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col items-center justify-center p-4 ${className || ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${sizeClasses[size]} animate-spin`, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-full h-full text-[var(--primary-DEFAULT)]", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-    ] }) }),
-    message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-gray-600 text-sm font-medium", children: message })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: `flex flex-col items-center justify-center p-4 ${className || ""}`.trim(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: "/optifye-logo.png",
+            alt: "Optifye Logo",
+            className: `${sizeClasses[size]} h-auto animate-pulse select-none pointer-events-none`
+          }
+        ),
+        message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-gray-600 text-sm font-medium text-center", children: message })
+      ]
+    }
+  );
 };
-var LoadingSpinner_default = LoadingSpinner;
+var OptifyeLogoLoader_default = OptifyeLogoLoader;
 var LoadingPage = ({
   message = "Loading Dashboard...",
   subMessage = "Please wait while we prepare your data",
@@ -16803,29 +16838,17 @@ var LoadingPage = ({
     return () => clearTimeout(timeout);
   }, [message]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full w-full items-center justify-center bg-slate-50 ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-6 text-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "lg", message: void 0 }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        motion.h3,
-        {
-          className: "text-xl font-semibold text-gray-800",
-          initial: { opacity: 0, y: 10 },
-          animate: { opacity: 1, y: 0 },
-          transition: { delay: 0.1, duration: 0.3 },
-          children: message
-        }
-      ),
-      subMessage && /* @__PURE__ */ jsxRuntime.jsx(
-        motion.p,
-        {
-          className: "mt-2 text-base text-gray-600",
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          transition: { delay: 0.2, duration: 0.3 },
-          children: subMessage
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message }),
+    subMessage && /* @__PURE__ */ jsxRuntime.jsx(
+      motion.p,
+      {
+        className: "mt-2 text-base text-gray-600",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        transition: { delay: 0.2, duration: 0.3 },
+        children: subMessage
+      }
+    )
   ] }) });
 };
 var LoadingPage_default = LoadingPage;
@@ -18521,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";
@@ -18670,7 +18693,7 @@ var VideoGridView = React19__namespace.default.memo(({
   }, [cropping]);
   const veryLowEfficiencyWorkspaces = React19.useMemo(() => {
     return new Set(
-      workspaces.filter((w) => w.efficiency < 50 && w.efficiency >= 10).map((w) => w.workspace_name)
+      workspaces.filter((w) => w.efficiency < 50 && w.efficiency >= 10).map((w) => `${w.line_id}_${w.workspace_name}`)
     );
   }, [workspaces]);
   const filteredWorkspaces = React19.useMemo(() => {
@@ -18778,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]);
@@ -18806,7 +18829,7 @@ var VideoGridView = React19__namespace.default.memo(({
       }).map((workspace) => {
         const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
         const isVisible = visibleWorkspaces.has(workspaceId);
-        const isVeryLowEfficiency = veryLowEfficiencyWorkspaces.has(workspace.workspace_name);
+        const isVeryLowEfficiency = veryLowEfficiencyWorkspaces.has(`${workspace.line_id}_${workspace.workspace_name}`);
         const workspaceCropping = getWorkspaceCropping(workspace.workspace_name);
         return /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -19976,20 +19999,23 @@ var LineHistoryCalendar = ({
       } else {
         calendar.push({
           date: currentDate,
-          dayShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0 },
-          nightShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0 }
+          dayShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0, hasData: false },
+          nightShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0, hasData: false }
         });
       }
     }
     return calendar;
   }, [data, month, year, configuredTimezone]);
-  const getPerformanceColor = (efficiency, date) => {
+  const hasRealData = (shift) => {
+    if (shift.hasData !== void 0) return shift.hasData;
+    return shift.total_workspaces > 0 || shift.avg_efficiency > 0 || shift.underperforming_workspaces > 0;
+  };
+  const getPerformanceColor = (efficiency, date, hasData) => {
     const istNow = todayInZone;
     const nowString = `${istNow.getFullYear()}-${String(istNow.getMonth() + 1).padStart(2, "0")}-${String(istNow.getDate()).padStart(2, "0")}`;
     const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-    if (date.getDay() === 0) return "bg-gray-300 dark:bg-gray-600";
     if (dateString > nowString) return "bg-gray-200 dark:bg-gray-700";
-    if (efficiency < 10) return "bg-gray-300 dark:bg-gray-600";
+    if (!hasData) return "bg-gray-300 dark:bg-gray-600";
     return efficiency >= 75 ? "bg-green-500 dark:bg-green-600" : "bg-red-500 dark:bg-red-600";
   };
   const isCurrentDate = (date) => {
@@ -20008,7 +20034,7 @@ var LineHistoryCalendar = ({
     const istNow = todayInZone;
     const nowString = `${istNow.getFullYear()}-${String(istNow.getMonth() + 1).padStart(2, "0")}-${String(istNow.getDate()).padStart(2, "0")}`;
     const dateString = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
-    if (dateString > nowString || date.getDay() === 0) return null;
+    if (dateString > nowString) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-lg p-2 text-white opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         "Efficiency: ",
@@ -20029,14 +20055,14 @@ var LineHistoryCalendar = ({
     if (!shiftData) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full border border-gray-100 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800" });
     const isToday = isCurrentDate(day.date instanceof Date ? day.date : new Date(day.date));
     const isFuture = isFutureDate(day.date instanceof Date ? day.date : new Date(day.date));
-    const isInactive = (shiftData.avg_efficiency || 0) < 10;
+    const hasData = hasRealData(shiftData);
     const dateObj = day.date instanceof Date ? day.date : new Date(day.date);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `group h-full ${isFuture || isInactive ? "cursor-not-allowed" : "cursor-pointer hover:opacity-90"}`,
+        className: `group h-full ${isFuture || !hasData ? "cursor-not-allowed" : "cursor-pointer hover:opacity-90"}`,
         onClick: () => {
-          if (!isFuture && !isInactive) {
+          if (!isFuture && hasData) {
             const dateObj2 = day.date instanceof Date ? day.date : new Date(day.date);
             const year2 = dateObj2.getFullYear();
             const month2 = String(dateObj2.getMonth() + 1).padStart(2, "0");
@@ -20061,15 +20087,15 @@ var LineHistoryCalendar = ({
           }
         },
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `
-          ${getPerformanceColor(shiftData.avg_efficiency || 0, dateObj)} 
+          ${getPerformanceColor(shiftData.avg_efficiency || 0, dateObj, hasData)} 
           rounded-lg h-full p-2 relative
           ${isToday ? "ring-2 ring-blue-500 dark:ring-blue-400 ring-offset-2 dark:ring-offset-gray-800 shadow-md" : ""}
         `, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `
-            text-base font-medium text-white flex items-center
+            text-base font-medium ${hasData ? "text-white" : "text-gray-500"} flex items-center
             ${isToday ? "bg-blue-500 dark:bg-blue-600 rounded-full w-7 h-7 justify-center" : ""}
           `, children: dateObj.getDate() }),
-          !isFuture && !isInactive && renderStats(shiftData, dateObj)
+          !isFuture && hasData && renderStats(shiftData, dateObj)
         ] })
       }
     );
@@ -20250,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),
@@ -20834,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);
@@ -21167,6 +21193,10 @@ var WorkspaceHistoryCalendar = ({
   const { dateTimeConfig } = useDashboardConfig();
   const configuredTimezone = dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
   const [animationComplete, setAnimationComplete] = React19.useState(false);
+  const hasRealData = (shift) => {
+    if (shift.hasData !== void 0) return shift.hasData;
+    return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0;
+  };
   React19.useEffect(() => {
     setAnimationComplete(false);
     const timer = setTimeout(() => {
@@ -21219,10 +21249,14 @@ var WorkspaceHistoryCalendar = ({
       istNow.setHours(0, 0, 0, 0);
       const compareDate = new Date(date);
       compareDate.setHours(0, 0, 0, 0);
-      if (date.getDay() === 0 || compareDate > istNow) {
+      if (compareDate > istNow) {
         return [];
       }
-      return [day.dayShift, day.nightShift];
+      const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
+      if (hasRealData(shiftData)) {
+        return [shiftData];
+      }
+      return [];
     });
     if (validShifts.length === 0) return null;
     const badShiftsCount = validShifts.filter((shift) => shift.efficiency < 75).length;
@@ -21235,7 +21269,7 @@ var WorkspaceHistoryCalendar = ({
       badDaysCount: badShiftsCount,
       totalDays: validShifts.length
     };
-  }, [data, month, year, configuredTimezone]);
+  }, [data, month, year, configuredTimezone, selectedShift]);
   const handleDayClick = React19.useCallback((day, shift) => {
     if (!day || isFutureDate(day.date)) return;
     const year2 = day.date.getFullYear();
@@ -21274,13 +21308,13 @@ var WorkspaceHistoryCalendar = ({
     compareDate.setHours(0, 0, 0, 0);
     return compareDate > istNow;
   }, [configuredTimezone]);
-  const getPerformanceColor = React19.useCallback((efficiency, date) => {
+  const getPerformanceColor = React19.useCallback((efficiency, date, hasData) => {
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     istNow.setHours(0, 0, 0, 0);
     const compareDate = dateFnsTz.toZonedTime(date, configuredTimezone);
     compareDate.setHours(0, 0, 0, 0);
-    if (compareDate.getDay() === 0) return "bg-gray-300";
     if (compareDate > istNow) return "bg-gray-200";
+    if (!hasData) return "bg-gray-300";
     if (efficiency >= 80) return "bg-[#00AB45]/90";
     if (efficiency >= 70) return "bg-[#FFB020]/90";
     return "bg-[#E34329]/90";
@@ -21289,7 +21323,7 @@ var WorkspaceHistoryCalendar = ({
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     const compareDate = dateFnsTz.toZonedTime(date, configuredTimezone);
     compareDate.setHours(0, 0, 0, 0);
-    if (compareDate > istNow || compareDate.getDay() === 0) return null;
+    if (compareDate > istNow || !hasRealData(shift)) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-lg p-2 text-white opacity-0 group-hover:opacity-100 transition-all duration-200 ease-in-out", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         "Efficiency: ",
@@ -21341,25 +21375,26 @@ var WorkspaceHistoryCalendar = ({
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-full border border-gray-200 rounded-lg ${bgColor} ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} cursor-not-allowed opacity-60`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-base font-medium ${textColor} ${isToday ? "text-blue-500" : ""}`, children: dayNumber }) }) });
     }
     const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
+    const hasData = hasRealData(shiftData);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: `group h-full ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} ${!isFuture && animationComplete ? "cursor-pointer hover:opacity-90 hover:scale-105" : "cursor-not-allowed"}`,
-        onClick: () => !isFuture && handleDayClick(day, selectedShift),
+        className: `group h-full ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} ${!isFuture && hasData && animationComplete ? "cursor-pointer hover:opacity-90 hover:scale-105" : "cursor-not-allowed"}`,
+        onClick: () => !isFuture && hasData && handleDayClick(day, selectedShift),
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `
-          ${getPerformanceColor(shiftData.efficiency, day.date)} 
+          ${getPerformanceColor(shiftData.efficiency, day.date, hasData)} 
           rounded-lg h-full p-2 relative ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} shadow-sm
           ${isToday ? "ring-2 ring-blue-500 ring-offset-2 shadow-md" : ""}
         `, children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `
-            text-base font-medium text-white flex items-center ${animationComplete ? "transition-all duration-300 ease-in-out" : ""}
+            text-base font-medium ${hasData ? "text-white" : "text-gray-500"} flex items-center ${animationComplete ? "transition-all duration-300 ease-in-out" : ""}
             ${isToday ? "bg-blue-500 rounded-full w-7 h-7 justify-center" : ""}
           `, children: day.date.getDate() }),
-          !isFuture && animationComplete && renderStats(shiftData, day.date)
+          !isFuture && hasData && animationComplete && renderStats(shiftData, day.date)
         ] })
       }
     );
-  }, [selectedShift, isCurrentDate, isFutureDate, getPerformanceColor, handleDayClick, year, month, configuredTimezone, animationComplete]);
+  }, [selectedShift, isCurrentDate, isFutureDate, getPerformanceColor, handleDayClick, year, month, configuredTimezone, animationComplete, hasRealData]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `calendar-wrapper space-y-6 ${className || ""} ${animationComplete ? "animation-complete" : ""}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: styles } }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: [
@@ -21397,7 +21432,10 @@ var WorkspaceHistoryCalendar = ({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "calendar-container bg-white rounded-xl shadow-sm border border-gray-100 p-6 transition-all duration-200 ease-in-out", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-gray-900 text-lg", children: "Monthly Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "font-semibold text-gray-900 text-lg", children: [
+            "Monthly Summary - ",
+            selectedShift === "day" ? "Day Shift" : "Night Shift"
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-1", children: "Overview of monthly performance metrics" })
         ] }),
         monthlyMetrics ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
@@ -21503,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);
@@ -22133,10 +22171,7 @@ var LoadingOverlay = ({
       className: `fixed inset-0 z-[100] flex items-center justify-center bg-black/30 backdrop-blur-sm ${className || ""}`,
       "aria-modal": "true",
       role: "dialog",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-3 rounded-lg bg-white p-8 shadow-xl", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "md" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium text-gray-700", children: message })
-      ] })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center space-y-3 rounded-lg bg-white p-8 shadow-xl", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message }) })
     }
   );
 };
@@ -22961,20 +22996,6 @@ var S3ClipsService = class {
     return videos;
   }
 };
-var LoadingSpinner2 = ({
-  size = "md",
-  message = "Loading..."
-}) => {
-  const sizeClasses = {
-    sm: "w-4 h-4",
-    md: "w-6 h-6",
-    lg: "w-8 h-8"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${sizeClasses[size]} border-2 border-t-blue-500 border-r-blue-500 border-b-gray-200 border-l-gray-200 rounded-full animate-spin mb-2` }),
-    message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600 text-sm", children: message })
-  ] });
-};
 var BottlenecksContent = ({
   workspaceId,
   workspaceName,
@@ -23493,7 +23514,7 @@ var BottlenecksContent = ({
     ] });
   }
   if (isLoading && allVideos.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow p-4 flex items-center justify-center h-[calc(100vh-12rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner2, { size: "lg", message: "Loading clips..." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow p-4 flex items-center justify-center h-[calc(100vh-12rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading clips..." }) });
   }
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center h-[calc(100vh-12rem)] text-center", children: [
@@ -23671,7 +23692,7 @@ var BottlenecksContent = ({
           }
         )
       ] }),
-      isLoading && allVideos.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner2, { size: "md", message: "Loading clips..." }) }) : allVideos.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
+      isLoading && allVideos.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading clips..." }) }) : allVideos.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-8", children: [
         /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-16 h-16 text-gray-300 mx-auto mb-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-medium text-gray-700 mb-2", children: "No Clips Found" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "There were no video clips found for this workspace today." })
@@ -23989,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: {
@@ -24037,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 })
           }
         ),
@@ -25361,11 +25382,8 @@ var LoadingState = ({
   className = ""
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full w-full items-center justify-center bg-gray-50/50 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-4 text-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-gray-900", children: message }),
-      subMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-600", children: subMessage })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size, message }),
+    subMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-600", children: subMessage })
   ] }) });
 };
 var LoadingSkeleton = ({
@@ -25392,10 +25410,7 @@ var LoadingSkeleton = ({
           /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-6 w-1/3" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-64 w-full" }),
-            showLoadingIndicator && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/80 rounded-lg p-3 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "animate-spin h-6 w-6 text-blue-500", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-            ] }) }) })
+            showLoadingIndicator && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/80 rounded-lg p-3 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm" }) }) })
           ] })
         ] });
       case "table":
@@ -25446,10 +25461,7 @@ var LoadingInline = ({
   size = "sm",
   className = ""
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `inline-flex items-center space-x-2 ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size }),
-    message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-600", children: message })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `inline-flex items-center space-x-2 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size, message }) });
 };
 var DEFAULT_HLS_CONFIG = {
   maxBufferLength: 15,
@@ -25678,7 +25690,7 @@ var ThreadSidebar = ({
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Chat History" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-1", children: "Your previous conversations" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "sm" }) }) : threads.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center text-gray-500 text-sm", children: "No conversations yet" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: threads.map((thread) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm" }) }) : threads.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center text-gray-500 text-sm", children: "No conversations yet" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: threads.map((thread) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         onClick: () => onSelectThread(thread.id),
@@ -25689,7 +25701,7 @@ var ThreadSidebar = ({
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `text-sm font-medium truncate ${activeThreadId === thread.id ? "text-blue-900" : "text-gray-900"}`, children: thread.title || "Untitled Chat" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-xs mt-0.5 ${activeThreadId === thread.id ? "text-blue-700" : "text-gray-500"}`, children: formatDate(thread.created_at) })
           ] }),
-          deletingId === thread.id ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "sm", className: "flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(
+          deletingId === thread.id ? /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm", className: "flex-shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: (e) => handleDelete(e, thread.id),
@@ -27450,7 +27462,13 @@ var AIAgentView = () => {
                       {
                         className: `relative px-5 py-4 rounded-2xl shadow-sm ${message.role === "user" ? "bg-blue-600 text-white max-w-[85%] ml-auto" : "bg-white border border-gray-200/80 max-w-full"}`,
                         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${message.role === "user" ? "text-white" : "text-gray-800"}`, children: [
-                          message.role === "assistant" ? renderAssistantContent(message.content) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
+                          message.role === "assistant" ? message.id === -1 ? /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
+                            {
+                              className: "formatted-content",
+                              dangerouslySetInnerHTML: { __html: formatMessage(message.content) }
+                            }
+                          ) : renderAssistantContent(message.content) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
                           message.id === -1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-4 bg-gray-400 animate-pulse ml-0.5" })
                         ] })
                       }
@@ -27480,7 +27498,13 @@ var AIAgentView = () => {
                           className: `relative px-5 py-4 rounded-2xl shadow-sm ${message.role === "user" ? "bg-blue-600 text-white max-w-[85%] ml-auto" : "bg-white border border-gray-200/80 max-w-full"}`,
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${message.role === "user" ? "text-white" : "text-gray-800"}`, children: [
-                              message.role === "assistant" ? renderAssistantContent(message.content) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
+                              message.role === "assistant" ? message.id === -1 ? /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  className: "formatted-content",
+                                  dangerouslySetInnerHTML: { __html: formatMessage(message.content) }
+                                }
+                              ) : renderAssistantContent(message.content) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
                               message.id === -1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-0.5 h-4 bg-gray-400 animate-pulse ml-0.5" })
                             ] }),
                             message.role === "assistant" && message.id !== -1 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -28502,7 +28526,7 @@ var HelpView = ({
                     disabled: isSubmitting,
                     className: "px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2 shadow-sm text-sm",
                     children: isSubmitting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm" }),
                       "Submitting..."
                     ] }) : "Submit Ticket"
                   }
@@ -28687,7 +28711,7 @@ function HomeView({
           ) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden relative", children: [
             lineSelectorComponent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-2 sm:right-6 sm:top-3 z-30", children: lineSelectorComponent }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: isDataLoading && hasInitialDataLoaded && memoizedWorkspaceMetrics.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSkeleton, { type: "workspace-card", count: 8, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4" }) }) : memoizedWorkspaceMetrics.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: isDataLoading || !hasInitialDataLoaded ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSkeleton, { type: "workspace-card", count: 8, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4" }) }) : memoizedWorkspaceMetrics.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
               motion.div,
               {
                 initial: { opacity: 0, scale: 0.98 },
@@ -28849,6 +28873,7 @@ var MetricCards = React19.memo(({ lineInfo }) => {
 MetricCards.displayName = "MetricCards";
 var BottomSection = React19.memo(({
   lineInfo,
+  lineId,
   workspaceData,
   sortedByEfficiency,
   hourlyOutputData,
@@ -28906,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}`)}`;
@@ -28940,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}`)}`;
@@ -29437,6 +29462,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29539,6 +29565,7 @@ var KPIDetailView = ({
             BottomSection,
             {
               lineInfo,
+              lineId,
               workspaceData: workspaces || [],
               sortedByEfficiency,
               hourlyOutputData,
@@ -29557,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,
     {
@@ -29900,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) })
           ] })
         ] }),
@@ -29950,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),
@@ -30067,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) {
@@ -30314,7 +30317,7 @@ var ProfileView = () => {
     }
   };
   if (authLoading || loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "lg" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg" }) });
   }
   if (!user) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
@@ -30471,7 +30474,7 @@ var ProfileView = () => {
             ] })
           ] }),
           isEditing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6 flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(Button2, { variant: "outline", onClick: handleSaveProfile, disabled: loading, children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "sm", className: "mr-2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
             "Saving..."
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "h-4 w-4 mr-2" }),
@@ -30535,7 +30538,7 @@ var ProfileView = () => {
             disabled: loading,
             className: "flex items-center gap-2 text-red-600 hover:text-red-700 border-red-200 hover:border-red-300",
             children: loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { size: "sm", className: "mr-2" }),
+              /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
               "Signing out..."
             ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "h-4 w-4" }),
@@ -31295,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 {
@@ -31324,6 +31327,7 @@ var BulkConfigureModal = ({
   isOpen,
   onClose,
   lineWorkspaces,
+  lineNames,
   onSave,
   selectedShift
 }) => {
@@ -31474,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))
                     ]
                   }
                 )
@@ -31535,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
@@ -31982,7 +31983,7 @@ var SKUList = ({
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-xl shadow-sm border border-gray-200 p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }),
+      /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-3 text-gray-600", children: "Loading SKUs..." })
     ] }) });
   }
@@ -32068,7 +32069,7 @@ var TargetsViewUI = ({
   skuRequired = false
 }) => {
   if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-screen bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-8 h-8 animate-spin text-blue-600" }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-screen bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading targets..." }) }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "min-h-screen flex-1 bg-gray-50", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white px-8 py-6 shadow-sm border-b border-gray-200/80", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between relative", children: [
@@ -32170,7 +32171,7 @@ var TargetsViewUI = ({
                     className: `ml-6 inline-flex items-center px-4 py-2 text-sm font-medium rounded-lg transition-all duration-200 
                           ${savingLines[lineId] ? "bg-gray-100 text-gray-400 cursor-not-allowed" : "bg-blue-600 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"}`,
                     children: savingLines[lineId] ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 mr-2 animate-spin" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
                       "Saving..."
                     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "w-4 h-4 mr-2" }),
@@ -32222,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",
                       {
@@ -32232,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" })
@@ -32291,6 +32292,7 @@ var TargetsViewUI = ({
         isOpen: isBulkConfigureOpen,
         onClose: onToggleBulkConfigure,
         lineWorkspaces,
+        lineNames,
         onSave: onBulkConfigure,
         selectedShift
       }
@@ -33308,13 +33310,7 @@ var WorkspaceDetailView = ({
             ] }) }, i)) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "animate-pulse", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-40 bg-gray-200 rounded mb-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-64 bg-gray-100 rounded relative overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/80 rounded-lg p-4 shadow-sm", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "animate-spin h-8 w-8 text-blue-500", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 mt-2", children: "Loading chart data..." })
-              ] }) }) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-64 bg-gray-100 rounded relative overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white/80 rounded-lg p-4 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading chart data..." }) }) }) })
             ] }) })
           ] })
         ] })
@@ -34208,7 +34204,6 @@ exports.LoadingInline = LoadingInline;
 exports.LoadingOverlay = LoadingOverlay_default;
 exports.LoadingPage = LoadingPage_default;
 exports.LoadingSkeleton = LoadingSkeleton;
-exports.LoadingSpinner = LoadingSpinner_default;
 exports.LoadingState = LoadingState;
 exports.LoginPage = LoginPage;
 exports.LoginView = LoginView_default;
@@ -34216,6 +34211,7 @@ exports.MainLayout = MainLayout;
 exports.MetricCard = MetricCard_default;
 exports.NoWorkspaceData = NoWorkspaceData;
 exports.OptifyeAgentClient = OptifyeAgentClient;
+exports.OptifyeLogoLoader = OptifyeLogoLoader_default;
 exports.OutputProgressChart = OutputProgressChart;
 exports.PageHeader = PageHeader;
 exports.PieChart = PieChart4;