@optifye/dashboard-core 6.0.5 → 6.0.7

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { noop, warning, invariant, progress, secondsToMilliseconds, milliseconds
 import { getValueTransition, hover, press, isPrimaryPointer, GroupPlaybackControls, setDragLock, supportsLinearEasing, attachTimeline, isGenerator, calcGeneratorDuration, isWaapiSupportedEasing, mapEasingToNativeEasing, maxGeneratorDuration, generateLinearEasing, isBezierDefinition } from 'motion-dom';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, PieChart, Pie, Cell, ReferenceLine, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
-import { Camera, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, X, Coffee, Plus, Clock, Minus, ArrowDown, ArrowUp, Search, CheckCircle, AlertTriangle, Info, Share2, Download, User, XCircle, ChevronLeft, ChevronRight, AlertCircle, Sun, Moon, MessageSquare, Trash2, ArrowLeft, RefreshCw, Menu, Send, Copy, Edit2, UserCheck, Save, LogOut, Calendar, Package, Settings, LifeBuoy, Loader2, ArrowLeftIcon as ArrowLeftIcon$1, Settings2, CheckCircle2, EyeOff, Eye, Zap, UserCircle } from 'lucide-react';
+import { Camera, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, X, Coffee, Plus, Clock, Minus, ArrowDown, ArrowUp, Search, CheckCircle, AlertTriangle, Info, Share2, Download, User, XCircle, ChevronLeft, ChevronRight, AlertCircle, Sun, Moon, MessageSquare, Trash2, ArrowLeft, RefreshCw, Menu, Send, Copy, Edit2, UserCheck, Save, LogOut, Calendar, Package, Settings, LifeBuoy, ArrowLeftIcon as ArrowLeftIcon$1, Settings2, CheckCircle2, EyeOff, Eye, Zap, UserCircle } from 'lucide-react';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
 import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
@@ -349,24 +349,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 [];
@@ -577,7 +559,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";
@@ -588,7 +570,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,
@@ -599,28 +581,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
@@ -633,15 +616,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: [],
@@ -675,13 +656,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) {
@@ -691,7 +665,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: [],
@@ -704,12 +678,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 || [],
@@ -720,9 +694,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,
@@ -985,7 +956,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";
@@ -1000,25 +971,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,
@@ -1026,6 +989,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: []
         };
@@ -1036,13 +1003,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",
@@ -1053,22 +1028,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: []
           }
         };
@@ -1076,25 +1049,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,
@@ -1105,13 +1070,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",
@@ -1996,14 +1960,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 };
   },
@@ -2078,7 +2045,7 @@ var authRateLimitService = {
 };
 var isMixpanelInitialized = false;
 var currentUserProperties;
-var initializeCoreMixpanel = (token, debug, trackPageView) => {
+var initializeCoreMixpanel = (token, debugOrOptions, trackPageViewArg) => {
   if (!token) {
     console.warn("Mixpanel token not provided for initialization. Mixpanel will not be enabled.");
     return;
@@ -2087,15 +2054,51 @@ var initializeCoreMixpanel = (token, debug, trackPageView) => {
     console.warn("Mixpanel already initialized. Ignoring subsequent initialization.");
     return;
   }
-  mixpanel.init(token, {
+  let debug;
+  let trackPageView;
+  let sessionOpts = {};
+  if (typeof debugOrOptions === "boolean" || debugOrOptions === void 0) {
+    debug = debugOrOptions;
+    trackPageView = trackPageViewArg;
+  } else {
+    const opts = debugOrOptions;
+    ({ debug, trackPageView, ...sessionOpts } = opts);
+  }
+  const initOptions = {
     debug: debug ?? process.env.NODE_ENV === "development",
-    // Keep env var as fallback if not explicitly passed
     track_pageview: trackPageView ?? true,
-    // Default to true if not specified in config
     persistence: "localStorage"
+  };
+  if (sessionOpts.recordSessionsPercent !== void 0) {
+    initOptions.record_sessions_percent = sessionOpts.recordSessionsPercent;
+  } else {
+    initOptions.record_sessions_percent = 1;
+  }
+  if (sessionOpts.recordIdleTimeoutMs !== void 0) {
+    initOptions.record_idle_timeout_ms = sessionOpts.recordIdleTimeoutMs;
+  }
+  if (sessionOpts.recordHeatmapData !== void 0) {
+    initOptions.record_heatmap_data = sessionOpts.recordHeatmapData;
+  } else {
+    initOptions.record_heatmap_data = true;
+  }
+  if (sessionOpts.recordCanvas !== void 0) {
+    initOptions.record_canvas = sessionOpts.recordCanvas;
+  }
+  if (sessionOpts.recordBlockSelector !== void 0) {
+    initOptions.record_block_selector = sessionOpts.recordBlockSelector;
+  }
+  if (sessionOpts.recordMaskTextSelector !== void 0) {
+    initOptions.record_mask_text_selector = sessionOpts.recordMaskTextSelector;
+  }
+  Object.keys(sessionOpts).forEach((key) => {
+    if (!(key in initOptions)) {
+      initOptions[key] = sessionOpts[key];
+    }
   });
+  mixpanel.init(token, initOptions);
   isMixpanelInitialized = true;
-  console.log("Mixpanel initialized in dashboard-core.");
+  console.log("Mixpanel initialized in dashboard-core with Session Replay support.");
 };
 var trackCorePageView = (pageName, properties) => {
   if (!isMixpanelInitialized) return;
@@ -2111,6 +2114,46 @@ var trackCoreEvent = (eventName, properties) => {
   };
   mixpanel.track(eventName, mergedProps);
 };
+var startCoreSessionRecording = () => {
+  try {
+    if (!isMixpanelInitialized) return;
+    if (typeof mixpanel.start_session_recording === "function") {
+      mixpanel.start_session_recording();
+    }
+  } catch (err) {
+    console.error("[Mixpanel] Unable to start session recording:", err);
+  }
+};
+var stopCoreSessionRecording = () => {
+  try {
+    if (!isMixpanelInitialized) return;
+    if (typeof mixpanel.stop_session_recording === "function") {
+      mixpanel.stop_session_recording();
+    }
+  } catch (err) {
+    console.error("[Mixpanel] Unable to stop session recording:", err);
+  }
+};
+var getCoreSessionRecordingProperties = () => {
+  try {
+    if (!isMixpanelInitialized) return {};
+    if (typeof mixpanel.get_session_recording_properties === "function") {
+      return mixpanel.get_session_recording_properties() || {};
+    }
+  } catch {
+  }
+  return {};
+};
+var getCoreSessionReplayUrl = () => {
+  try {
+    if (!isMixpanelInitialized) return null;
+    if (typeof mixpanel.get_session_replay_url === "function") {
+      return mixpanel.get_session_replay_url();
+    }
+  } catch {
+  }
+  return null;
+};
 var identifyCoreUser = (userId, userProperties) => {
   if (!isMixpanelInitialized) return;
   mixpanel.identify(userId);
@@ -2162,8 +2205,9 @@ var SSEChatClient = class {
         thread_id: threadId,
         user_id: userId,
         company_id: context.companyId,
-        line_id: context.lineId,
-        shift_id: context.shiftId
+        shift_id: context.shiftId,
+        // Send all_lines if available, otherwise fall back to single line_id
+        ...context.allLines && context.allLines.length > 0 ? { all_lines: context.allLines } : { line_id: context.lineId }
       }),
       signal: controller.signal,
       // Don't include credentials since the API returns Access-Control-Allow-Origin: *
@@ -16665,25 +16709,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__ */ jsxs("div", { className: `flex flex-col items-center justify-center p-4 ${className || ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: `${sizeClasses[size]} animate-spin`, children: /* @__PURE__ */ 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__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ 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__ */ jsx("div", { className: "mt-3 text-gray-600 text-sm font-medium", children: message })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: `flex flex-col items-center justify-center p-4 ${className || ""}`.trim(),
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: "/optifye-logo.png",
+            alt: "Optifye Logo",
+            className: `${sizeClasses[size]} h-auto animate-pulse select-none pointer-events-none`
+          }
+        ),
+        message && /* @__PURE__ */ 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",
@@ -16697,29 +16756,17 @@ var LoadingPage = ({
     return () => clearTimeout(timeout);
   }, [message]);
   return /* @__PURE__ */ jsx("div", { className: `flex h-full w-full items-center justify-center bg-slate-50 ${className || ""}`, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center space-y-6 text-center", children: [
-    /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "lg", message: void 0 }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ 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__ */ 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__ */ jsx(OptifyeLogoLoader_default, { size: "lg", message }),
+    subMessage && /* @__PURE__ */ 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;
@@ -18564,7 +18611,7 @@ var VideoGridView = React19__default.memo(({
   }, [cropping]);
   const veryLowEfficiencyWorkspaces = 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 = useMemo(() => {
@@ -18700,7 +18747,7 @@ var VideoGridView = React19__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__ */ jsx(
           "div",
@@ -19870,20 +19917,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) => {
@@ -19902,7 +19952,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__ */ 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__ */ jsxs("div", { className: "text-xs space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         "Efficiency: ",
@@ -19923,14 +19973,14 @@ var LineHistoryCalendar = ({
     if (!shiftData) return /* @__PURE__ */ 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__ */ 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");
@@ -19955,15 +20005,15 @@ var LineHistoryCalendar = ({
           }
         },
         children: /* @__PURE__ */ 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__ */ 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)
         ] })
       }
     );
@@ -21061,6 +21111,10 @@ var WorkspaceHistoryCalendar = ({
   const { dateTimeConfig } = useDashboardConfig();
   const configuredTimezone = dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
   const [animationComplete, setAnimationComplete] = 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;
+  };
   useEffect(() => {
     setAnimationComplete(false);
     const timer = setTimeout(() => {
@@ -21113,10 +21167,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;
@@ -21129,7 +21187,7 @@ var WorkspaceHistoryCalendar = ({
       badDaysCount: badShiftsCount,
       totalDays: validShifts.length
     };
-  }, [data, month, year, configuredTimezone]);
+  }, [data, month, year, configuredTimezone, selectedShift]);
   const handleDayClick = useCallback((day, shift) => {
     if (!day || isFutureDate(day.date)) return;
     const year2 = day.date.getFullYear();
@@ -21168,13 +21226,13 @@ var WorkspaceHistoryCalendar = ({
     compareDate.setHours(0, 0, 0, 0);
     return compareDate > istNow;
   }, [configuredTimezone]);
-  const getPerformanceColor = useCallback((efficiency, date) => {
+  const getPerformanceColor = useCallback((efficiency, date, hasData) => {
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     istNow.setHours(0, 0, 0, 0);
     const compareDate = 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";
@@ -21183,7 +21241,7 @@ var WorkspaceHistoryCalendar = ({
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     const compareDate = 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__ */ 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__ */ jsxs("div", { className: "text-xs space-y-1", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         "Efficiency: ",
@@ -21235,25 +21293,26 @@ var WorkspaceHistoryCalendar = ({
       return /* @__PURE__ */ 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__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: `calendar-wrapper space-y-6 ${className || ""} ${animationComplete ? "animation-complete" : ""}`, children: [
     /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: styles } }),
     /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: [
@@ -21291,7 +21350,10 @@ var WorkspaceHistoryCalendar = ({
       ] }),
       /* @__PURE__ */ 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__ */ jsxs("div", { className: "mb-6", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-gray-900 text-lg", children: "Monthly Summary" }),
+          /* @__PURE__ */ jsxs("h3", { className: "font-semibold text-gray-900 text-lg", children: [
+            "Monthly Summary - ",
+            selectedShift === "day" ? "Day Shift" : "Night Shift"
+          ] }),
           /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mt-1", children: "Overview of monthly performance metrics" })
         ] }),
         monthlyMetrics ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
@@ -22027,10 +22089,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__ */ jsxs("div", { className: "flex flex-col items-center space-y-3 rounded-lg bg-white p-8 shadow-xl", children: [
-        /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "md" }),
-        /* @__PURE__ */ jsx("p", { className: "text-base font-medium text-gray-700", children: message })
-      ] })
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center space-y-3 rounded-lg bg-white p-8 shadow-xl", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message }) })
     }
   );
 };
@@ -22855,20 +22914,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__ */ jsxs("div", { className: "flex flex-col items-center justify-center", children: [
-    /* @__PURE__ */ 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__ */ jsx("span", { className: "text-gray-600 text-sm", children: message })
-  ] });
-};
 var BottlenecksContent = ({
   workspaceId,
   workspaceName,
@@ -23387,7 +23432,7 @@ var BottlenecksContent = ({
     ] });
   }
   if (isLoading && allVideos.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "flex-grow p-4 flex items-center justify-center h-[calc(100vh-12rem)]", children: /* @__PURE__ */ jsx(LoadingSpinner2, { size: "lg", message: "Loading clips..." }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex-grow p-4 flex items-center justify-center h-[calc(100vh-12rem)]", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading clips..." }) });
   }
   if (error) {
     return /* @__PURE__ */ jsxs("div", { className: "flex-grow p-4 flex flex-col items-center justify-center h-[calc(100vh-12rem)] text-center", children: [
@@ -23565,7 +23610,7 @@ var BottlenecksContent = ({
           }
         )
       ] }),
-      isLoading && allVideos.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsx(LoadingSpinner2, { size: "md", message: "Loading clips..." }) }) : allVideos.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxs("div", { className: "text-center p-8", children: [
+      isLoading && allVideos.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading clips..." }) }) : allVideos.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-4rem)]", children: /* @__PURE__ */ jsxs("div", { className: "text-center p-8", children: [
         /* @__PURE__ */ 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__ */ 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__ */ jsx("h3", { className: "text-xl font-medium text-gray-700 mb-2", children: "No Clips Found" }),
         /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: "There were no video clips found for this workspace today." })
@@ -25255,11 +25300,8 @@ var LoadingState = ({
   className = ""
 }) => {
   return /* @__PURE__ */ jsx("div", { className: `flex h-full w-full items-center justify-center bg-gray-50/50 ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center space-y-4 text-center", children: [
-    /* @__PURE__ */ jsx(LoadingSpinner_default, { size }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-gray-900", children: message }),
-      subMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-600", children: subMessage })
-    ] })
+    /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size, message }),
+    subMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-gray-600", children: subMessage })
   ] }) });
 };
 var LoadingSkeleton = ({
@@ -25286,10 +25328,7 @@ var LoadingSkeleton = ({
           /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-1/3" }),
           /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             /* @__PURE__ */ jsx(Skeleton, { className: "h-64 w-full" }),
-            showLoadingIndicator && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-white/80 rounded-lg p-3 shadow-sm", children: /* @__PURE__ */ 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__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ 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__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-white/80 rounded-lg p-3 shadow-sm", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm" }) }) })
           ] })
         ] });
       case "table":
@@ -25340,10 +25379,7 @@ var LoadingInline = ({
   size = "sm",
   className = ""
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center space-x-2 ${className}`, children: [
-    /* @__PURE__ */ jsx(LoadingSpinner_default, { size }),
-    message && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-600", children: message })
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: `inline-flex items-center space-x-2 ${className}`, children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size, message }) });
 };
 var DEFAULT_HLS_CONFIG = {
   maxBufferLength: 15,
@@ -25572,7 +25608,7 @@ var ThreadSidebar = ({
       /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "Chat History" }),
       /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mt-1", children: "Your previous conversations" })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "sm" }) }) : threads.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-gray-500 text-sm", children: "No conversations yet" }) : /* @__PURE__ */ jsx("div", { className: "py-2", children: threads.map((thread) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto min-h-0", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm" }) }) : threads.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-gray-500 text-sm", children: "No conversations yet" }) : /* @__PURE__ */ jsx("div", { className: "py-2", children: threads.map((thread) => /* @__PURE__ */ jsxs(
       "div",
       {
         onClick: () => onSelectThread(thread.id),
@@ -25583,7 +25619,7 @@ var ThreadSidebar = ({
             /* @__PURE__ */ jsx("h3", { className: `text-sm font-medium truncate ${activeThreadId === thread.id ? "text-blue-900" : "text-gray-900"}`, children: thread.title || "Untitled Chat" }),
             /* @__PURE__ */ 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__ */ jsx(LoadingSpinner_default, { size: "sm", className: "flex-shrink-0" }) : /* @__PURE__ */ jsx(
+          deletingId === thread.id ? /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm", className: "flex-shrink-0" }) : /* @__PURE__ */ jsx(
             "button",
             {
               onClick: (e) => handleDelete(e, thread.id),
@@ -25741,6 +25777,12 @@ var AIAgentView = () => {
   const lineId = getLineIdFromPath();
   const { shiftId } = getCurrentShift(dateTimeConfig.defaultTimezone || "Asia/Kolkata", shiftConfig);
   const companyId = entityConfig.companyId || "default-company-id";
+  const configuredLineIds = getConfiguredLineIds(entityConfig);
+  const lineDisplayNames = getAllLineDisplayNames(entityConfig);
+  const allLines = configuredLineIds.map((id3) => ({
+    id: id3,
+    name: lineDisplayNames[id3] || `Line ${id3.substring(0, 8)}`
+  }));
   const ACTIVE_THREAD_STORAGE_KEY = `ai-agent-active-thread-${lineId}`;
   useLayoutEffect(() => {
     const savedThreadId = localStorage.getItem(ACTIVE_THREAD_STORAGE_KEY);
@@ -25911,7 +25953,8 @@ var AIAgentView = () => {
         {
           companyId,
           lineId,
-          shiftId
+          shiftId,
+          allLines
         },
         {
           onThreadCreated: (threadId) => {
@@ -26558,6 +26601,13 @@ var AIAgentView = () => {
             console.error("Bar chart missing required parameters:", { data: !!args.data, x_field: !!args.x_field, y_field: !!args.y_field });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Bar chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `bar-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-64", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart$1, { data: args.data, margin: CHART_STYLES.margin, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -26595,6 +26645,13 @@ var AIAgentView = () => {
             console.error("Line chart missing required parameters:", { data: !!args.data, x_field: !!args.x_field, y_field: !!args.y_field });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Line chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `line-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-64", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart$1, { data: args.data, margin: CHART_STYLES.margin, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -26636,6 +26693,13 @@ var AIAgentView = () => {
             console.error("Available args:", Object.keys(args));
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Pie chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `pie-error-${key}`);
+          }
           const pieData = args.data.map((item) => ({
             name: item[args.label_field],
             value: item[args.value_field]
@@ -26655,6 +26719,13 @@ var AIAgentView = () => {
             console.error("Comparison table missing required data");
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Comparison table data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Table data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `table-error-${key}`);
+          }
           const columns = args.columns || Object.keys(args.data[0] || {});
           let sortedData = [...args.data];
           if (args.sort_by && columns.includes(args.sort_by)) {
@@ -26694,6 +26765,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Multi-line chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `multi-line-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-80", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(LineChart$1, { data: args.data, margin: CHART_STYLES.margin, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -26747,6 +26825,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Stacked bar chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `stacked-bar-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-80", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart$1, { data: args.data, margin: CHART_STYLES.margin, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -26799,6 +26884,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Dual-axis chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `dual-axis-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-80", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ComposedChart, { data: args.data, margin: { ...CHART_STYLES.margin, bottom: 80 }, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -26886,6 +26978,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Scatter plot data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `scatter-error-${key}`);
+          }
           const groupedData = args.data.reduce((acc, item) => {
             const group = item[args.group_field];
             if (!acc[group]) {
@@ -26949,6 +27048,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Combo chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `combo-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-80", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ComposedChart, { data: args.data, margin: { ...CHART_STYLES.margin, bottom: 80 }, children: [
             /* @__PURE__ */ jsx(CartesianGrid, { ...CHART_STYLES.grid }),
             /* @__PURE__ */ jsx(
@@ -27023,6 +27129,13 @@ var AIAgentView = () => {
             });
             return null;
           }
+          if (!Array.isArray(args.data)) {
+            console.error("Area chart data must be an array, got:", typeof args.data, args.data);
+            return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 text-sm", children: [
+              "Error: Chart data must be an array. Received: ",
+              typeof args.data
+            ] }) }, `area-error-${key}`);
+          }
           return /* @__PURE__ */ jsx(ChartWrapper, { title: args.title, children: /* @__PURE__ */ jsx("div", { className: "w-full h-80", children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(ComposedChart, { data: args.data, margin: { ...CHART_STYLES.margin, bottom: 80 }, children: [
             /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
               /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: CHART_COLORS.primary, stopOpacity: 0.8 }),
@@ -27267,7 +27380,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__ */ jsxs("div", { className: `${message.role === "user" ? "text-white" : "text-gray-800"}`, children: [
-                          message.role === "assistant" ? renderAssistantContent(message.content) : /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
+                          message.role === "assistant" ? message.id === -1 ? /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "formatted-content",
+                              dangerouslySetInnerHTML: { __html: formatMessage(message.content) }
+                            }
+                          ) : renderAssistantContent(message.content) : /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
                           message.id === -1 && /* @__PURE__ */ jsx("span", { className: "inline-block w-0.5 h-4 bg-gray-400 animate-pulse ml-0.5" })
                         ] })
                       }
@@ -27297,7 +27416,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__ */ jsxs("div", { className: `${message.role === "user" ? "text-white" : "text-gray-800"}`, children: [
-                              message.role === "assistant" ? renderAssistantContent(message.content) : /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
+                              message.role === "assistant" ? message.id === -1 ? /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "formatted-content",
+                                  dangerouslySetInnerHTML: { __html: formatMessage(message.content) }
+                                }
+                              ) : renderAssistantContent(message.content) : /* @__PURE__ */ jsx("div", { className: "whitespace-pre-wrap leading-relaxed", children: message.content }),
                               message.id === -1 && /* @__PURE__ */ 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__ */ jsx(
@@ -28319,7 +28444,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__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(LoadingSpinner_default, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm" }),
                       "Submitting..."
                     ] }) : "Submit Ticket"
                   }
@@ -28504,7 +28629,7 @@ function HomeView({
           ) }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden relative", children: [
             lineSelectorComponent && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-2 sm:right-6 sm:top-3 z-30", children: lineSelectorComponent }),
-            /* @__PURE__ */ jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: isDataLoading && hasInitialDataLoaded && memoizedWorkspaceMetrics.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ 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__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: isDataLoading || !hasInitialDataLoaded ? /* @__PURE__ */ jsx("div", { className: "px-3 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ 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__ */ jsx(
               motion.div,
               {
                 initial: { opacity: 0, scale: 0.98 },
@@ -30131,7 +30256,7 @@ var ProfileView = () => {
     }
   };
   if (authLoading || loading) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "lg" }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "lg" }) });
   }
   if (!user) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
@@ -30288,7 +30413,7 @@ var ProfileView = () => {
             ] })
           ] }),
           isEditing && /* @__PURE__ */ jsx("div", { className: "mt-6 flex gap-3", children: /* @__PURE__ */ jsx(Button2, { variant: "outline", onClick: handleSaveProfile, disabled: loading, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "sm", className: "mr-2" }),
+            /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
             "Saving..."
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Save, { className: "h-4 w-4 mr-2" }),
@@ -30352,7 +30477,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__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LoadingSpinner_default, { size: "sm", className: "mr-2" }),
+              /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
               "Signing out..."
             ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsx(LogOut, { className: "h-4 w-4" }),
@@ -31799,7 +31924,7 @@ var SKUList = ({
 }) => {
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "bg-white rounded-xl shadow-sm border border-gray-200 p-8", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" }),
+      /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md" }),
       /* @__PURE__ */ jsx("span", { className: "ml-3 text-gray-600", children: "Loading SKUs..." })
     ] }) });
   }
@@ -31885,7 +32010,7 @@ var TargetsViewUI = ({
   skuRequired = false
 }) => {
   if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-screen bg-gray-50", children: /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "w-8 h-8 animate-spin text-blue-600" }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex h-screen bg-gray-50", children: /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading targets..." }) }) });
   }
   return /* @__PURE__ */ jsxs("main", { className: "min-h-screen flex-1 bg-gray-50", children: [
     /* @__PURE__ */ jsx("div", { className: "bg-white px-8 py-6 shadow-sm border-b border-gray-200/80", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between relative", children: [
@@ -31987,7 +32112,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__ */ jsxs(Fragment, { children: [
-                      /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }),
+                      /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "sm", className: "mr-2" }),
                       "Saving..."
                     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                       /* @__PURE__ */ jsx(Save, { className: "w-4 h-4 mr-2" }),
@@ -33125,13 +33250,7 @@ var WorkspaceDetailView = ({
             ] }) }, i)) }),
             /* @__PURE__ */ jsx("div", { className: "bg-white rounded-lg p-6 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
               /* @__PURE__ */ jsx("div", { className: "h-6 w-40 bg-gray-200 rounded mb-4" }),
-              /* @__PURE__ */ jsx("div", { className: "h-64 bg-gray-100 rounded relative overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "bg-white/80 rounded-lg p-4 shadow-sm", children: [
-                /* @__PURE__ */ 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__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-                  /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-gray-600 mt-2", children: "Loading chart data..." })
-              ] }) }) })
+              /* @__PURE__ */ jsx("div", { className: "h-64 bg-gray-100 rounded relative overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-white/80 rounded-lg p-4 shadow-sm", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading chart data..." }) }) }) })
             ] }) })
           ] })
         ] })
@@ -33952,4 +34071,4 @@ var S3Service = class {
   }
 };
 
-export { ACTION_NAMES, AIAgentView_default as AIAgentView, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedTargetsView, BarChart, BaseHistoryCalendar, BottlenecksContent, BreakNotificationPopup, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, EmptyStateMessage, FactoryView_default as FactoryView, GaugeChart, GridComponentsPlaceholder, Header, HelpView_default as HelpView, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingSpinner_default as LoadingSpinner, LoadingState, LoginPage, LoginView_default as LoginView, MainLayout, MetricCard_default as MetricCard, NoWorkspaceData, OptifyeAgentClient, OutputProgressChart, PageHeader, PieChart4 as PieChart, ProfileView_default as ProfileView, RegistryProvider, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SingleVideoStream_default as SingleVideoStream, Skeleton, SlackAPI, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, TargetWorkspaceGrid, TargetsView_default as TargetsView, ThreadSidebar, TimeDisplay_default as TimeDisplay, TimePickerDropdown, VideoCard, VideoGridView, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, cacheService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createStreamProxyHandler, createSupabaseClient, createThrottledReload, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isTransitionPeriod, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetSubscriptionManager, s3VideoPreloader, skuService, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useActiveBreaks, useAllWorkspaceMetrics, useAnalyticsConfig, useAuth, useAuthConfig, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, useRealtimeLineMetrics, useRegistry, useSKUs, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTheme, useThemeConfig, useThreads, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, videoPreloader, whatsappService, withAuth, withRegistry, workspaceService };
+export { ACTION_NAMES, AIAgentView_default as AIAgentView, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedTargetsView, BarChart, BaseHistoryCalendar, BottlenecksContent, BreakNotificationPopup, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, EmptyStateMessage, FactoryView_default as FactoryView, GaugeChart, GridComponentsPlaceholder, Header, HelpView_default as HelpView, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, MainLayout, MetricCard_default as MetricCard, NoWorkspaceData, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, ProfileView_default as ProfileView, RegistryProvider, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SingleVideoStream_default as SingleVideoStream, Skeleton, SlackAPI, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, TargetWorkspaceGrid, TargetsView_default as TargetsView, ThreadSidebar, TimeDisplay_default as TimeDisplay, TimePickerDropdown, VideoCard, VideoGridView, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, cacheService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createStreamProxyHandler, createSupabaseClient, createThrottledReload, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isTransitionPeriod, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetSubscriptionManager, s3VideoPreloader, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useActiveBreaks, useAllWorkspaceMetrics, useAnalyticsConfig, useAuth, useAuthConfig, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, useRealtimeLineMetrics, useRegistry, useSKUs, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTheme, useThemeConfig, useThreads, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, videoPreloader, whatsappService, withAuth, withRegistry, workspaceService };