@optifye/dashboard-core 6.0.6 → 6.0.7

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 };
   },
@@ -16771,25 +16738,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 +16785,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;
@@ -18670,7 +18640,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(() => {
@@ -18806,7 +18776,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 +19946,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 +19981,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 +20002,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 +20034,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)
         ] })
       }
     );
@@ -21167,6 +21140,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 +21196,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 +21216,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 +21255,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 +21270,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 +21322,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 +21379,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: [
@@ -22133,10 +22118,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 +22943,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 +23461,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 +23639,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." })
@@ -25361,11 +25329,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 +25357,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 +25408,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 +25637,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 +25648,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 +27409,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 +27445,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 +28473,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 +28658,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 },
@@ -30314,7 +30285,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 +30442,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 +30506,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" }),
@@ -31982,7 +31953,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 +32039,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 +32141,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" }),
@@ -33308,13 +33279,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 +34173,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 +34180,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;