@optifye/dashboard-core 6.0.4 → 6.0.5

package/dist/index.mjs

@@ -487,6 +487,76 @@ var getMetricsTablePrefix = (companyId) => {
   return "performance_metrics";
 };
 
+// src/lib/utils/lineConfig.ts
+function getConfiguredLineIds(entityConfig) {
+  if (entityConfig.lines && Object.keys(entityConfig.lines).length > 0) {
+    return Object.keys(entityConfig.lines);
+  }
+  const lineIds = [];
+  if (entityConfig.defaultLineId) {
+    lineIds.push(entityConfig.defaultLineId);
+  }
+  if (entityConfig.secondaryLineId && entityConfig.secondaryLineId !== entityConfig.defaultLineId) {
+    lineIds.push(entityConfig.secondaryLineId);
+  }
+  return lineIds;
+}
+function getLineDisplayName(entityConfig, lineId) {
+  if (entityConfig.lines && entityConfig.lines[lineId]) {
+    return entityConfig.lines[lineId];
+  }
+  if (entityConfig.lineNames && entityConfig.lineNames[lineId]) {
+    return entityConfig.lineNames[lineId];
+  }
+  return `Line ${lineId.substring(0, 8)}`;
+}
+function getAllLineDisplayNames(entityConfig) {
+  const displayNames = {};
+  if (entityConfig.lineNames) {
+    Object.assign(displayNames, entityConfig.lineNames);
+  }
+  if (entityConfig.lines) {
+    Object.assign(displayNames, entityConfig.lines);
+  }
+  return displayNames;
+}
+function getDefaultLineId(entityConfig) {
+  if (entityConfig.lines && Object.keys(entityConfig.lines).length > 0) {
+    return Object.keys(entityConfig.lines)[0];
+  }
+  return entityConfig.defaultLineId;
+}
+function isLegacyConfiguration(entityConfig) {
+  return !entityConfig.lines || Object.keys(entityConfig.lines).length === 0;
+}
+function migrateLegacyConfiguration(entityConfig) {
+  if (!isLegacyConfiguration(entityConfig)) {
+    return entityConfig;
+  }
+  const lines = {};
+  if (entityConfig.defaultLineId) {
+    lines[entityConfig.defaultLineId] = getLineDisplayName(entityConfig, entityConfig.defaultLineId);
+  }
+  if (entityConfig.secondaryLineId && entityConfig.secondaryLineId !== entityConfig.defaultLineId) {
+    lines[entityConfig.secondaryLineId] = getLineDisplayName(entityConfig, entityConfig.secondaryLineId);
+  }
+  if (entityConfig.lineNames) {
+    Object.entries(entityConfig.lineNames).forEach(([id3, name]) => {
+      if (!lines[id3]) {
+        lines[id3] = name;
+      }
+    });
+  }
+  return {
+    ...entityConfig,
+    lines
+  };
+}
+function isValidFactoryViewConfiguration(entityConfig) {
+  const lineIds = getConfiguredLineIds(entityConfig);
+  return lineIds.length > 0;
+}
+
 // src/lib/services/dashboardService.ts
 var getTable2 = (dbConfig, tableName) => {
   const defaults2 = DEFAULT_DATABASE_CONFIG.tables;
@@ -508,15 +578,15 @@ var dashboardService = {
     const companyId = entityConfig.companyId;
     const metricsTablePrefixStr = getMetricsTablePrefix();
     const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    const defaultLineId = configuredLineIds[0];
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
     const defaultTimezone = dateTimeConfig.defaultTimezone;
     const { shiftId, date } = getCurrentShift(defaultTimezone, shiftConfig);
     const lineId = lineIdInput;
     if (lineId === factoryViewId) {
-      if (!defaultLineId || !secondaryLineId || !companyId) {
-        throw new Error("Factory View requires defaultLineId, secondaryLineId, and companyId to be configured.");
+      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([
         // Get Line 1's info for general factory details
@@ -528,10 +598,10 @@ var dashboardService = {
             company_id,
             companies!lines_company_id_fkey(company_name:name)
           `).eq("id", defaultLineId).maybeSingle(),
-        // Get metrics from line_metrics table for both lines
-        supabase.from(lineMetricsTable).select("*").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", shiftId).eq("date", date),
-        // Get performance data from the dynamic metrics table for both lines
-        supabase.from(metricsTable).select("efficiency").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", shiftId).eq("date", date)
+        // 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)
       ]);
       if (lineResult.error) throw lineResult.error;
       if (!lineResult.data) throw new Error(`Configured default line (${defaultLineId}) not found`);
@@ -678,8 +748,8 @@ var dashboardService = {
     }
     const metricsTablePrefixStr = getMetricsTablePrefix();
     const metricsTable = `${metricsTablePrefixStr}_${companyId.replace(/-/g, "_")}`;
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    configuredLineIds[0];
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
     const defaultTimezone = dateTimeConfig.defaultTimezone;
     const currentShiftResult = getCurrentShift(defaultTimezone, shiftConfig);
@@ -688,10 +758,10 @@ var dashboardService = {
     const lineId = lineIdInput;
     let query = supabase.from(metricsTable).select("company_id,line_id,shift_id,date,workspace_id,workspace_name,total_output,avg_pph,performance_score,avg_cycle_time,trend_score,ideal_output,efficiency,total_day_output").eq("shift_id", queryShiftId).eq("date", queryDate);
     if (!lineId || lineId === factoryViewId) {
-      if (!defaultLineId || !secondaryLineId) {
-        throw new Error("Factory View requires defaultLineId and secondaryLineId to be configured for workspace data.");
+      if (!isValidFactoryViewConfiguration(entityConfig)) {
+        throw new Error("Factory View requires at least one configured line for workspace data.");
       }
-      query = query.in("line_id", [defaultLineId, secondaryLineId]);
+      query = query.in("line_id", configuredLineIds);
     } else {
       query = query.eq("line_id", lineId);
     }
@@ -916,8 +986,8 @@ var dashboardService = {
     const companyId = entityConfig.companyId;
     const metricsTablePrefixStr = getMetricsTablePrefix();
     const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    const defaultLineId = configuredLineIds[0];
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
     const defaultTimezone = dateTimeConfig.defaultTimezone;
     const lineIdToQuery = lineIdInput || factoryViewId;
@@ -926,10 +996,10 @@ var dashboardService = {
     const queryShiftId = shiftProp !== void 0 ? shiftProp : currentShiftResult.shiftId;
     try {
       if (lineIdToQuery === factoryViewId) {
-        if (!defaultLineId || !companyId) {
-          throw new Error("Factory View requires at least defaultLineId and companyId to be configured.");
+        if (!isValidFactoryViewConfiguration(entityConfig) || !companyId) {
+          throw new Error("Factory View requires at least one configured line and companyId to be configured.");
         }
-        const lineIdsToQuery = [defaultLineId, secondaryLineId].filter((id3) => id3 !== void 0 && id3 !== null);
+        const lineIdsToQuery = configuredLineIds;
         const [line1Result, metricsResult2, performanceResult2] = 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),
@@ -1100,8 +1170,7 @@ var dashboardService = {
     const dbConfig = config.databaseConfig ?? DEFAULT_DATABASE_CONFIG;
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
     const lineMetricsTable = getTable2(dbConfig, "lineMetrics");
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
     const startDate = new Date(year, month, 1);
     const endDate = new Date(year, month + 1, 0);
@@ -1110,10 +1179,10 @@ var dashboardService = {
     const formattedEndDate = formatDate(endDate);
     let query = supabase.from(lineMetricsTable).select("date, shift_id, avg_efficiency, underperforming_workspaces, total_workspaces").gte("date", formattedStartDate).lte("date", formattedEndDate);
     if (lineIdInput === factoryViewId) {
-      if (!defaultLineId || !secondaryLineId) {
-        throw new Error("Factory View requires defaultLineId and secondaryLineId for monthly data.");
+      if (!isValidFactoryViewConfiguration(entityConfig)) {
+        throw new Error("Factory View requires at least one configured line for monthly data.");
       }
-      query = query.in("line_id", [defaultLineId, secondaryLineId]);
+      query = query.in("line_id", configuredLineIds);
     } else {
       query = query.eq("line_id", lineIdInput);
     }
@@ -1144,8 +1213,7 @@ var dashboardService = {
     const companyId = entityConfig.companyId;
     const metricsTablePrefixStr = getMetricsTablePrefix();
     const metricsTable = `${metricsTablePrefixStr}_${companyId ? companyId.replace(/-/g, "_") : "unknown_company"}`;
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
     const factoryViewId = entityConfig.factoryViewId ?? "factory";
     const worstPerformingEndpoint = endpointsConfig?.worstPerformingWorkspaces;
     if (!worstPerformingEndpoint) throw new Error("worstPerformingWorkspaces endpoint must be configured.");
@@ -1157,7 +1225,7 @@ var dashboardService = {
     const currentMonth = monthInput !== void 0 ? monthInput : currentDate.getMonth();
     const currentYear = yearInput !== void 0 ? yearInput : currentDate.getFullYear();
     const bodyPayload = {
-      lineId: lineIdInput === factoryViewId ? [defaultLineId, secondaryLineId] : lineIdInput,
+      lineId: lineIdInput === factoryViewId ? configuredLineIds : lineIdInput,
       month: currentMonth,
       year: currentYear,
       companyId,
@@ -3820,11 +3888,11 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
     let targetLineIdsForSubscription = [];
     const factoryViewIdentifier = entityConfig.factoryViewId || "factory";
     if (lineIdToUse === factoryViewIdentifier) {
-      if (entityConfig.defaultLineId && entityConfig.secondaryLineId) {
-        targetLineIdsForSubscription = [entityConfig.defaultLineId, entityConfig.secondaryLineId];
+      if (isValidFactoryViewConfiguration(entityConfig)) {
+        targetLineIdsForSubscription = getConfiguredLineIds(entityConfig);
         filterString += `,line_id=in.(${targetLineIdsForSubscription.join(",")})`;
       } else {
-        console.warn("[useLineDetailedMetrics] Factory view selected but defaultLineId/secondaryLineId not in entityConfig. Realtime updates may be incomplete.");
+        console.warn("[useLineDetailedMetrics] Factory view selected but no lines configured in entityConfig. Realtime updates may be incomplete.");
         return;
       }
     } else {
@@ -4042,9 +4110,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
     try {
       const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
       const operationalDate = getOperationalDate(defaultTimezone);
-      const targetLineIds = currentLineIdToUse === (entityConfig.factoryViewId || "factory") ? [entityConfig.defaultLineId, entityConfig.secondaryLineId].filter((id3) => !!id3) : [currentLineIdToUse];
+      const targetLineIds = currentLineIdToUse === (entityConfig.factoryViewId || "factory") ? getConfiguredLineIds(entityConfig) : [currentLineIdToUse];
       if (targetLineIds.length === 0 && currentLineIdToUse === (entityConfig.factoryViewId || "factory")) {
-        throw new Error("Factory view selected, but defaultLineId and/or secondaryLineId are not configured in entityConfig.");
+        throw new Error("Factory view selected, but no lines are configured in entityConfig.");
       }
       if (targetLineIds.length === 0) {
         throw new Error("No target line IDs available for fetching metrics.");
@@ -4144,7 +4212,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
     }
     const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
     const operationalDateForSubscription = getOperationalDate(defaultTimezone);
-    const targetLineIds = currentLineIdToUse === (entityConfig.factoryViewId || "factory") ? [entityConfig.defaultLineId, entityConfig.secondaryLineId].filter((id3) => !!id3) : [currentLineIdToUse];
+    const targetLineIds = currentLineIdToUse === (entityConfig.factoryViewId || "factory") ? getConfiguredLineIds(entityConfig) : [currentLineIdToUse];
     if (targetLineIds.length === 0) return;
     const wsMetricsFilter = `date=eq.${operationalDateForSubscription}&shift_id=eq.${currentShiftDetails.shiftId}&line_id=in.(${targetLineIds.join(",")})`;
     const lineMetricsFilter = `date=eq.${operationalDateForSubscription}&shift_id=eq.${currentShiftDetails.shiftId}&line_id=in.(${targetLineIds.join(",")})`;
@@ -4313,11 +4381,8 @@ var useLineKPIs = ({ lineId }) => {
     const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
     const operationalDate = currentShiftDetails.date;
     const factoryViewIdentifier = entityConfig.factoryViewId || "factory";
-    const targetLineIds = currentLineId === factoryViewIdentifier ? [entityConfig.defaultLineId, entityConfig.secondaryLineId].filter((id3) => !!id3) : [currentLineId];
-    if (targetLineIds.length === 0 && currentLineId === factoryViewIdentifier) {
-      console.warn("[useLineKPIs] Factory view: defaultLineId/secondaryLineId not in entityConfig. Cannot subscribe effectively.");
-      return;
-    } else if (targetLineIds.length === 0) {
+    const targetLineIds = currentLineId === factoryViewIdentifier ? getConfiguredLineIds(entityConfig) : [currentLineId];
+    if (targetLineIds.length === 0) {
       console.warn("[useLineKPIs] No target line IDs for subscription. LineId:", currentLineId);
       return;
     }
@@ -4417,10 +4482,8 @@ var useRealtimeLineMetrics = ({
         currentTime: (/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: dateTimeConfig.defaultTimezone || "Asia/Kolkata" })
       });
       const factoryViewId = entityConfig.factoryViewId || "factory";
-      const defaultLineId = entityConfig.defaultLineId;
-      const secondaryLineId = entityConfig.secondaryLineId;
       if (lineIdRef.current === factoryViewId) {
-        const targetLineIds = [defaultLineId, secondaryLineId].filter(Boolean);
+        const targetLineIds = getConfiguredLineIds(entityConfig);
         if (targetLineIds.length === 0) {
           throw new Error("No configured line IDs for factory view");
         }
@@ -4634,9 +4697,7 @@ var useRealtimeLineMetrics = ({
       console.log("Setting up line metrics subscriptions for:", lineIdRef.current);
     }
     const factoryViewId = entityConfig.factoryViewId || "factory";
-    const defaultLineId = entityConfig.defaultLineId;
-    const secondaryLineId = entityConfig.secondaryLineId;
-    const targetLineIds = lineIdRef.current === factoryViewId ? [defaultLineId, secondaryLineId].filter(Boolean) : [lineIdRef.current];
+    const targetLineIds = lineIdRef.current === factoryViewId ? getConfiguredLineIds(entityConfig) : [lineIdRef.current];
     if (targetLineIds.length === 0) {
       return;
     }
@@ -27399,20 +27460,33 @@ var DEFAULT_SHIFT_CONFIG2 = {
 var FactoryView = ({
   line1Id,
   line2Id,
+  lineIds,
+  lineNames = {},
   factoryName = "Plant 1",
   timezone = DEFAULT_TIMEZONE,
   shiftConfig = DEFAULT_SHIFT_CONFIG2,
   productIds = {}
 }) => {
+  const effectiveLineIds = useMemo(() => {
+    if (lineIds && lineIds.length > 0) {
+      return lineIds;
+    }
+    const ids = [];
+    if (line1Id) ids.push(line1Id);
+    if (line2Id && line2Id !== line1Id) ids.push(line2Id);
+    return ids;
+  }, [lineIds, line1Id, line2Id]);
   const router = useRouter();
   const supabase = useSupabase();
-  const line1DataHook = useLineDetailedMetrics(line1Id);
-  const line2DataHook = useLineDetailedMetrics(line2Id);
+  const lineDataHooks = effectiveLineIds.map((lineId) => ({
+    lineId,
+    hook: useLineDetailedMetrics(lineId)
+  }));
   const [lines, setLines] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
   useMemo(() => {
-    const processLineData = (hookData, defaultName) => {
+    const processLineData = (hookData, lineId) => {
       const currentLineInfo = hookData.lineData;
       let last5HoursData = [];
       if (currentLineInfo && currentLineInfo.metrics && currentLineInfo.metrics.output_array && currentLineInfo.metrics.output_array.length > 0) {
@@ -27433,6 +27507,7 @@ var FactoryView = ({
           }
         }
       }
+      const defaultName = lineNames[lineId] || `Line ${lineId.substring(0, 8)}`;
       return {
         name: currentLineInfo?.line_name || defaultName,
         metrics: currentLineInfo,
@@ -27441,11 +27516,8 @@ var FactoryView = ({
         last5Hours: last5HoursData.slice(-5)
       };
     };
-    return [
-      processLineData(line1DataHook, "Line 1"),
-      processLineData(line2DataHook, "Line 2")
-    ];
-  }, [line1DataHook, line2DataHook]);
+    return lineDataHooks.map(({ lineId, hook }) => processLineData(hook, lineId));
+  }, [lineDataHooks, lineNames]);
   useEffect(() => {
     const fetchHourlyData = async () => {
       try {
@@ -27456,45 +27528,37 @@ var FactoryView = ({
         }
         const { shiftId } = getCurrentShift(timezone, shiftConfig);
         const date = getOperationalDate();
-        const { data: hourlyDataLine1, error: errorL1 } = await supabase.from("line_hourly_metrics").select("hour, efficiency").eq("line_id", line1Id).eq("shift_id", shiftId).eq("date", date).order("hour", { ascending: false }).limit(5);
-        if (errorL1) throw errorL1;
-        const { data: hourlyDataLine2, error: errorL2 } = await supabase.from("line_hourly_metrics").select("hour, efficiency").eq("line_id", line2Id).eq("shift_id", shiftId).eq("date", date).order("hour", { ascending: false }).limit(5);
-        if (errorL2) throw errorL2;
-        const linesData = [];
-        if (line1DataHook.lineData && line1DataHook.lineData.metrics && line1DataHook.lineData.metrics.output_array) {
-          linesData.push({
-            details: {
-              id: line1Id,
-              line_name: line1DataHook.lineData.line_name || "Line 1",
-              factory_id: line1DataHook.lineData.factory_id || "",
-              factory_name: line1DataHook.lineData.factory_name || "Factory 1"
-            },
-            current_output: line1DataHook.lineData.metrics.current_output || 0,
-            ideal_output: line1DataHook.lineData.metrics.ideal_output || 0,
-            avg_efficiency: line1DataHook.lineData.metrics.avg_efficiency || 0,
-            total_workspaces: line1DataHook.lineData.metrics.total_workspaces || 0,
-            underperforming_workspaces: line1DataHook.lineData.metrics.underperforming_workspaces || 0,
-            last5Hours: (hourlyDataLine1 || []).map((h) => ({ hour: h.hour, efficiency: h.efficiency })).reverse(),
-            productId: productIds[line1Id] || "Product A"
-          });
-        }
-        if (line2DataHook.lineData && line2DataHook.lineData.metrics && line2DataHook.lineData.metrics.output_array) {
-          linesData.push({
-            details: {
-              id: line2Id,
-              line_name: line2DataHook.lineData.line_name || "Line 2",
-              factory_id: line2DataHook.lineData.factory_id || "",
-              factory_name: line2DataHook.lineData.factory_name || "Factory 2"
-            },
-            current_output: line2DataHook.lineData.metrics.current_output || 0,
-            ideal_output: line2DataHook.lineData.metrics.ideal_output || 0,
-            avg_efficiency: line2DataHook.lineData.metrics.avg_efficiency || 0,
-            total_workspaces: line2DataHook.lineData.metrics.total_workspaces || 0,
-            underperforming_workspaces: line2DataHook.lineData.metrics.underperforming_workspaces || 0,
-            last5Hours: (hourlyDataLine2 || []).map((h) => ({ hour: h.hour, efficiency: h.efficiency })).reverse(),
-            productId: productIds[line2Id] || "Product B"
-          });
+        const hourlyDataPromises = effectiveLineIds.map(
+          (lineId) => supabase.from("line_hourly_metrics").select("hour, efficiency").eq("line_id", lineId).eq("shift_id", shiftId).eq("date", date).order("hour", { ascending: false }).limit(5)
+        );
+        const hourlyDataResults = await Promise.all(hourlyDataPromises);
+        for (let i = 0; i < hourlyDataResults.length; i++) {
+          if (hourlyDataResults[i].error) {
+            throw hourlyDataResults[i].error;
+          }
         }
+        const linesData = [];
+        lineDataHooks.forEach(({ lineId, hook }, index) => {
+          const lineData = hook.lineData;
+          const hourlyData = hourlyDataResults[index].data;
+          if (lineData && lineData.metrics && lineData.metrics.output_array) {
+            linesData.push({
+              details: {
+                id: lineId,
+                line_name: lineData.line_name || lineNames[lineId] || `Line ${index + 1}`,
+                factory_id: lineData.factory_id || "",
+                factory_name: lineData.factory_name || factoryName
+              },
+              current_output: lineData.metrics.current_output || 0,
+              ideal_output: lineData.metrics.ideal_output || 0,
+              avg_efficiency: lineData.metrics.avg_efficiency || 0,
+              total_workspaces: lineData.metrics.total_workspaces || 0,
+              underperforming_workspaces: lineData.metrics.underperforming_workspaces || 0,
+              last5Hours: (hourlyData || []).map((h) => ({ hour: h.hour, efficiency: h.efficiency })).reverse(),
+              productId: productIds[lineId] || `Product ${String.fromCharCode(65 + index)}`
+            });
+          }
+        });
         setLines(linesData);
         setLoading(false);
       } catch (err) {
@@ -27503,10 +27567,11 @@ var FactoryView = ({
         setLoading(false);
       }
     };
-    if (!line1DataHook.loading && !line2DataHook.loading) {
+    const allHooksLoaded = lineDataHooks.every(({ hook }) => !hook.loading);
+    if (allHooksLoaded) {
       fetchHourlyData();
     }
-  }, [supabase, line1DataHook, line2DataHook, line1Id, line2Id, timezone, shiftConfig, productIds]);
+  }, [supabase, lineDataHooks, effectiveLineIds, lineNames, factoryName, timezone, shiftConfig, productIds]);
   const getShiftName = () => {
     const now2 = /* @__PURE__ */ new Date();
     const currentHour = now2.getHours();
@@ -27520,7 +27585,7 @@ var FactoryView = ({
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
     }
   };
-  if (loading || line1DataHook.loading || line2DataHook.loading) {
+  if (loading || lineDataHooks.some((hookData) => hookData.hook.loading)) {
     return /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
       /* @__PURE__ */ jsx("div", { className: "h-12 bg-gray-200 rounded" }),
       /* @__PURE__ */ jsx("div", { className: "h-12 bg-gray-200 rounded" })
@@ -28270,6 +28335,7 @@ var HelpView = ({
 var AuthenticatedHelpView = withAuth(HelpView);
 var HelpView_default = HelpView;
 var KPISection2 = KPISection;
+var LoadingPageCmp = LoadingPage_default;
 function HomeView({
   defaultLineId,
   factoryViewId,
@@ -28409,53 +28475,7 @@ function HomeView({
   const isInitialLoading = !isHydrated || !displayNamesInitialized && displayNamesLoading;
   const isDataLoading = metricsLoading || kpisLoading;
   if (isInitialLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-slate-50 flex items-center justify-center", children: /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        className: "text-center",
-        initial: { opacity: 0, scale: 0.9 },
-        animate: { opacity: 1, scale: 1 },
-        transition: { duration: 0.5 },
-        children: /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-2xl shadow-2xl p-12 max-w-md mx-auto", children: [
-          /* @__PURE__ */ jsx("div", { className: "relative mb-8", children: /* @__PURE__ */ jsxs("div", { className: "w-24 h-24 mx-auto", children: [
-            /* @__PURE__ */ jsxs("svg", { className: "animate-spin", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg", children: [
-              /* @__PURE__ */ jsx("circle", { cx: "50", cy: "50", r: "45", fill: "none", stroke: "#e5e7eb", strokeWidth: "8" }),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx: "50",
-                  cy: "50",
-                  r: "45",
-                  fill: "none",
-                  stroke: "#3b82f6",
-                  strokeWidth: "8",
-                  strokeDasharray: "150 283",
-                  strokeLinecap: "round",
-                  className: "transform -rotate-90 origin-center"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-16 h-16 bg-gradient-to-br from-blue-500 to-blue-600 rounded-full animate-pulse" }) })
-          ] }) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-800 mb-2", children: "Loading Dashboard" }),
-          /* @__PURE__ */ jsx("p", { className: "text-gray-600 mb-6", children: "Initializing your workspace..." }),
-          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2 text-sm text-gray-500", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-pulse" }),
-              /* @__PURE__ */ jsx("span", { children: "Connecting to services" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2 text-sm text-gray-500", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-pulse", style: { animationDelay: "0.2s" } }),
-              /* @__PURE__ */ jsx("span", { children: "Loading workspace configurations" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2 text-sm text-gray-500", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-2 h-2 bg-blue-500 rounded-full animate-pulse", style: { animationDelay: "0.4s" } }),
-              /* @__PURE__ */ jsx("span", { children: "Preparing dashboard view" })
-            ] })
-          ] })
-        ] })
-      }
-    ) });
+    return /* @__PURE__ */ jsx(LoadingPageCmp, { message: "Loading Dashboard..." });
   }
   if (errorMessage || displayNamesError) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-white p-6 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3 text-red-500", children: [
@@ -33932,4 +33952,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, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultTabForWorkspace, getManufacturingInsights, getMetricsTablePrefix, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isTransitionPeriod, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, mergeWithDefaultConfig, 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, 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 };

package/package.json

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