@optifye/dashboard-core 6.10.26 → 6.10.27

package/dist/index.js

@@ -39266,6 +39266,8 @@ var renderCustomizedLabel = ({ cx: cx2, cy, midAngle, innerRadius, outerRadius,
     }
   );
 };
+var EmptyState = ({ message }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-400 text-sm", children: message || "No idle time data available" });
+var ErrorState = ({ error }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-red-500 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate px-2", children: error }) });
 var IdleTimeReasonChartComponent = ({
   data,
   isLoading = false,
@@ -39301,6 +39303,12 @@ var IdleTimeReasonChartComponent = ({
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full" });
   }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ErrorState, { error });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { message: "No Idle Time reasons available" });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
         .recharts-wrapper:focus,
@@ -48377,7 +48385,7 @@ var UserUsageDetailModal = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-6", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingState2, {}) : error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorState, { error }) : data ? /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-8 py-6", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(LoadingState2, {}) : error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorState2, { error }) : data ? /* @__PURE__ */ jsxRuntime.jsx(
         UsageContent,
         {
           data,
@@ -48386,21 +48394,21 @@ var UserUsageDetailModal = ({
           handlePrevWeek,
           handleNextWeek
         }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(EmptyState, {}) })
+      ) : /* @__PURE__ */ jsxRuntime.jsx(EmptyState2, {}) })
     ] }) })
   ] });
 };
 function LoadingState2() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center py-20", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading usage details..." }) });
 }
-function ErrorState({ error }) {
+function ErrorState2({ error }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-20", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "w-6 h-6 text-red-500" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-gray-900 font-medium mb-1", children: "Unable to load data" }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-red-500 text-sm", children: error })
   ] });
 }
-function EmptyState() {
+function EmptyState2() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-20", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 bg-gray-50 rounded-2xl flex items-center justify-center mx-auto mb-4 transform rotate-12", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-8 h-8 text-gray-400" }) }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-900 font-semibold text-lg", children: "No usage data" }),
@@ -51920,13 +51928,27 @@ var KPIDetailView = ({
     }
     return void 0;
   }, [urlShift]);
+  const hasRouteDateShift = typeof window !== "undefined" ? (() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.has("date") || params.has("shift");
+  })() : false;
+  const hasUrlDate = typeof urlDate === "string" && urlDate.length > 0;
+  const hasUrlShift = urlShift !== void 0 && urlShift !== null;
+  const historicalRouteRequested = hasUrlDate || hasUrlShift || hasRouteDateShift;
+  const historicalParamsReady = !historicalRouteRequested || hasUrlDate && parsedShiftId !== void 0;
   const cachedSnapshot = React25.useMemo(() => {
     if (!lineId) return null;
+    if (historicalRouteRequested) {
+      if (!historicalParamsReady) {
+        return null;
+      }
+      return lineDetailStore.getSnapshot(lineId, urlDate, parsedShiftId);
+    }
     if (urlDate && parsedShiftId !== void 0) {
       return lineDetailStore.getSnapshot(lineId, urlDate, parsedShiftId);
     }
     return lineDetailStore.getLatest(lineId);
-  }, [lineId, urlDate, parsedShiftId]);
+  }, [lineId, urlDate, parsedShiftId, historicalRouteRequested, historicalParamsReady]);
   const cachedLineInfo = cachedSnapshot?.lineInfo ?? null;
   const cachedWorkspaces = cachedSnapshot?.workspaces ?? null;
   const range = React25.useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
@@ -51999,8 +52021,7 @@ var KPIDetailView = ({
     lineId,
     date: typeof urlDate === "string" ? urlDate : void 0,
     shiftId: parsedShiftId,
-    enabled: !isShiftConfigLoading
-    // Pass enabled flag to useRealtimeLineMetrics if supported, or we need to add it
+    enabled: !isShiftConfigLoading && (!historicalRouteRequested || historicalParamsReady)
   });
   const {
     workspaces,
@@ -52010,12 +52031,11 @@ var KPIDetailView = ({
   } = useLineWorkspaceMetrics(lineId, {
     initialDate: typeof urlDate === "string" ? urlDate : void 0,
     initialShiftId: parsedShiftId,
-    enabled: !isShiftConfigLoading
-    // Pass enabled flag to useLineWorkspaceMetrics if supported, or we need to add it
+    enabled: !isShiftConfigLoading && (!historicalRouteRequested || historicalParamsReady)
   });
-  const idleTimeDate = typeof urlDate === "string" ? urlDate : metrics2?.date || cachedLineInfo?.date;
-  const idleTimeShiftId = parsedShiftId ?? metrics2?.shift_id ?? cachedLineInfo?.shift_id;
-  const idleTimeEnabled = activeTab === "overview" && !!lineId && !!idleTimeDate && idleTimeShiftId !== void 0;
+  const idleTimeDate = historicalRouteRequested ? historicalParamsReady ? urlDate : void 0 : typeof urlDate === "string" ? urlDate : metrics2?.date || cachedLineInfo?.date;
+  const idleTimeShiftId = historicalRouteRequested ? historicalParamsReady ? parsedShiftId : void 0 : parsedShiftId ?? metrics2?.shift_id ?? cachedLineInfo?.shift_id;
+  const idleTimeEnabled = activeTab === "overview" && !!lineId && !!idleTimeDate && idleTimeShiftId !== void 0 && (!historicalRouteRequested || historicalParamsReady);
   const {
     chartData: idleTimeChartData,
     isLoading: idleTimeLoading,
@@ -52149,11 +52169,36 @@ var KPIDetailView = ({
       }
     };
   }, [metrics2, lineDetails, companyId]);
-  const resolvedLineInfo = lineInfo || cachedLineInfo;
-  const resolvedWorkspaces = workspacesLoading && cachedWorkspaces ? cachedWorkspaces : workspaces;
+  const lineInfoMatchesRequest = React25.useMemo(() => {
+    if (!lineInfo) return false;
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (hasUrlDate && lineInfo.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && lineInfo.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [lineInfo, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
+  const workspacesMatchRequest = React25.useMemo(() => {
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (!workspaces || workspaces.length === 0) return false;
+    const sample = workspaces[0];
+    if (hasUrlDate && sample.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && sample.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [workspaces, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
+  const resolvedLineInfo = lineInfoMatchesRequest ? lineInfo : cachedLineInfo;
+  const resolvedWorkspaces = historicalRouteRequested ? workspacesMatchRequest ? workspaces : cachedWorkspaces || [] : workspacesLoading && cachedWorkspaces ? cachedWorkspaces : workspaces;
   const hasLineSnapshot = Boolean(resolvedLineInfo);
+  const metricsMatchRequest = React25.useMemo(() => {
+    if (!metrics2) return false;
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (hasUrlDate && metrics2.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && metrics2.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [metrics2, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
   const chartMetrics = React25.useMemo(() => {
-    if (metrics2) {
+    if (metricsMatchRequest && metrics2) {
       return metrics2;
     }
     if (!resolvedLineInfo) {
@@ -52164,7 +52209,9 @@ var KPIDetailView = ({
       shift_id: resolvedLineInfo.shift_id,
       date: resolvedLineInfo.date
     };
-  }, [metrics2, resolvedLineInfo]);
+  }, [metrics2, metricsMatchRequest, resolvedLineInfo]);
+  const isHistoricalAwaitingParams = historicalRouteRequested && !historicalParamsReady;
+  const isHistoricalAwaitingData = historicalRouteRequested && historicalParamsReady && (lineMetricsLoading || workspacesLoading);
   React25.useEffect(() => {
     if (lineInfo) {
       trackCorePageView("KPI Detail View", {
@@ -52330,7 +52377,8 @@ var KPIDetailView = ({
   }, [resolvedWorkspaces]);
   React25.useEffect(() => {
     let timeoutId;
-    if (!lineMetricsLoading && !workspacesLoading && !resolvedLineInfo && activeTab !== "monthly_history") {
+    const suppressNotFound = isHistoricalAwaitingParams || isHistoricalAwaitingData;
+    if (!suppressNotFound && !lineMetricsLoading && !workspacesLoading && !resolvedLineInfo && activeTab !== "monthly_history") {
       timeoutId = setTimeout(() => {
         setShowLineDataNotFound(true);
       }, 2e3);
@@ -52342,7 +52390,7 @@ var KPIDetailView = ({
         clearTimeout(timeoutId);
       }
     };
-  }, [lineMetricsLoading, workspacesLoading, resolvedLineInfo, activeTab]);
+  }, [lineMetricsLoading, workspacesLoading, resolvedLineInfo, activeTab, isHistoricalAwaitingParams, isHistoricalAwaitingData]);
   React25.useCallback(() => {
     trackCoreEvent("Quality Overview Viewed", {
       source: "line_kpi",
@@ -52438,6 +52486,9 @@ var KPIDetailView = ({
     setRangeEnd(nextRange.endKey);
     handleNavigate(buildMonthlyHistoryUrl(currentMonth, currentYear, nextRange), { shallow: true });
   }, [currentMonth, currentYear, handleNavigate, buildMonthlyHistoryUrl]);
+  if (isHistoricalAwaitingParams || isHistoricalAwaitingData) {
+    return /* @__PURE__ */ jsxRuntime.jsx(LoadingPage, { message: "Loading historical line metrics..." });
+  }
   if ((lineMetricsLoading || workspacesLoading || isShiftConfigLoading) && !hasLineSnapshot && !metrics2) {
     return /* @__PURE__ */ jsxRuntime.jsx(LoadingPage, { message: "Loading line metrics..." });
   }

package/dist/index.mjs

@@ -39237,6 +39237,8 @@ var renderCustomizedLabel = ({ cx: cx2, cy, midAngle, innerRadius, outerRadius,
     }
   );
 };
+var EmptyState = ({ message }) => /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-400 text-sm", children: message || "No idle time data available" });
+var ErrorState = ({ error }) => /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-red-500 text-sm", children: /* @__PURE__ */ jsx("span", { className: "truncate px-2", children: error }) });
 var IdleTimeReasonChartComponent = ({
   data,
   isLoading = false,
@@ -39272,6 +39274,12 @@ var IdleTimeReasonChartComponent = ({
   if (isLoading) {
     return /* @__PURE__ */ jsx("div", { className: "w-full h-full" });
   }
+  if (error) {
+    return /* @__PURE__ */ jsx(ErrorState, { error });
+  }
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ jsx(EmptyState, { message: "No Idle Time reasons available" });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: `
         .recharts-wrapper:focus,
@@ -48348,7 +48356,7 @@ var UserUsageDetailModal = ({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "px-8 py-6", children: isLoading ? /* @__PURE__ */ jsx(LoadingState2, {}) : error ? /* @__PURE__ */ jsx(ErrorState, { error }) : data ? /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "px-8 py-6", children: isLoading ? /* @__PURE__ */ jsx(LoadingState2, {}) : error ? /* @__PURE__ */ jsx(ErrorState2, { error }) : data ? /* @__PURE__ */ jsx(
         UsageContent,
         {
           data,
@@ -48357,21 +48365,21 @@ var UserUsageDetailModal = ({
           handlePrevWeek,
           handleNextWeek
         }
-      ) : /* @__PURE__ */ jsx(EmptyState, {}) })
+      ) : /* @__PURE__ */ jsx(EmptyState2, {}) })
     ] }) })
   ] });
 };
 function LoadingState2() {
   return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center py-20", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading usage details..." }) });
 }
-function ErrorState({ error }) {
+function ErrorState2({ error }) {
   return /* @__PURE__ */ jsxs("div", { className: "text-center py-20", children: [
     /* @__PURE__ */ jsx("div", { className: "w-12 h-12 bg-red-50 rounded-full flex items-center justify-center mx-auto mb-4", children: /* @__PURE__ */ jsx(Activity, { className: "w-6 h-6 text-red-500" }) }),
     /* @__PURE__ */ jsx("h3", { className: "text-gray-900 font-medium mb-1", children: "Unable to load data" }),
     /* @__PURE__ */ jsx("p", { className: "text-red-500 text-sm", children: error })
   ] });
 }
-function EmptyState() {
+function EmptyState2() {
   return /* @__PURE__ */ jsxs("div", { className: "text-center py-20", children: [
     /* @__PURE__ */ jsx("div", { className: "w-16 h-16 bg-gray-50 rounded-2xl flex items-center justify-center mx-auto mb-4 transform rotate-12", children: /* @__PURE__ */ jsx(Clock, { className: "w-8 h-8 text-gray-400" }) }),
     /* @__PURE__ */ jsx("p", { className: "text-gray-900 font-semibold text-lg", children: "No usage data" }),
@@ -51891,13 +51899,27 @@ var KPIDetailView = ({
     }
     return void 0;
   }, [urlShift]);
+  const hasRouteDateShift = typeof window !== "undefined" ? (() => {
+    const params = new URLSearchParams(window.location.search);
+    return params.has("date") || params.has("shift");
+  })() : false;
+  const hasUrlDate = typeof urlDate === "string" && urlDate.length > 0;
+  const hasUrlShift = urlShift !== void 0 && urlShift !== null;
+  const historicalRouteRequested = hasUrlDate || hasUrlShift || hasRouteDateShift;
+  const historicalParamsReady = !historicalRouteRequested || hasUrlDate && parsedShiftId !== void 0;
   const cachedSnapshot = useMemo(() => {
     if (!lineId) return null;
+    if (historicalRouteRequested) {
+      if (!historicalParamsReady) {
+        return null;
+      }
+      return lineDetailStore.getSnapshot(lineId, urlDate, parsedShiftId);
+    }
     if (urlDate && parsedShiftId !== void 0) {
       return lineDetailStore.getSnapshot(lineId, urlDate, parsedShiftId);
     }
     return lineDetailStore.getLatest(lineId);
-  }, [lineId, urlDate, parsedShiftId]);
+  }, [lineId, urlDate, parsedShiftId, historicalRouteRequested, historicalParamsReady]);
   const cachedLineInfo = cachedSnapshot?.lineInfo ?? null;
   const cachedWorkspaces = cachedSnapshot?.workspaces ?? null;
   const range = useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
@@ -51970,8 +51992,7 @@ var KPIDetailView = ({
     lineId,
     date: typeof urlDate === "string" ? urlDate : void 0,
     shiftId: parsedShiftId,
-    enabled: !isShiftConfigLoading
-    // Pass enabled flag to useRealtimeLineMetrics if supported, or we need to add it
+    enabled: !isShiftConfigLoading && (!historicalRouteRequested || historicalParamsReady)
   });
   const {
     workspaces,
@@ -51981,12 +52002,11 @@ var KPIDetailView = ({
   } = useLineWorkspaceMetrics(lineId, {
     initialDate: typeof urlDate === "string" ? urlDate : void 0,
     initialShiftId: parsedShiftId,
-    enabled: !isShiftConfigLoading
-    // Pass enabled flag to useLineWorkspaceMetrics if supported, or we need to add it
+    enabled: !isShiftConfigLoading && (!historicalRouteRequested || historicalParamsReady)
   });
-  const idleTimeDate = typeof urlDate === "string" ? urlDate : metrics2?.date || cachedLineInfo?.date;
-  const idleTimeShiftId = parsedShiftId ?? metrics2?.shift_id ?? cachedLineInfo?.shift_id;
-  const idleTimeEnabled = activeTab === "overview" && !!lineId && !!idleTimeDate && idleTimeShiftId !== void 0;
+  const idleTimeDate = historicalRouteRequested ? historicalParamsReady ? urlDate : void 0 : typeof urlDate === "string" ? urlDate : metrics2?.date || cachedLineInfo?.date;
+  const idleTimeShiftId = historicalRouteRequested ? historicalParamsReady ? parsedShiftId : void 0 : parsedShiftId ?? metrics2?.shift_id ?? cachedLineInfo?.shift_id;
+  const idleTimeEnabled = activeTab === "overview" && !!lineId && !!idleTimeDate && idleTimeShiftId !== void 0 && (!historicalRouteRequested || historicalParamsReady);
   const {
     chartData: idleTimeChartData,
     isLoading: idleTimeLoading,
@@ -52120,11 +52140,36 @@ var KPIDetailView = ({
       }
     };
   }, [metrics2, lineDetails, companyId]);
-  const resolvedLineInfo = lineInfo || cachedLineInfo;
-  const resolvedWorkspaces = workspacesLoading && cachedWorkspaces ? cachedWorkspaces : workspaces;
+  const lineInfoMatchesRequest = useMemo(() => {
+    if (!lineInfo) return false;
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (hasUrlDate && lineInfo.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && lineInfo.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [lineInfo, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
+  const workspacesMatchRequest = useMemo(() => {
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (!workspaces || workspaces.length === 0) return false;
+    const sample = workspaces[0];
+    if (hasUrlDate && sample.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && sample.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [workspaces, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
+  const resolvedLineInfo = lineInfoMatchesRequest ? lineInfo : cachedLineInfo;
+  const resolvedWorkspaces = historicalRouteRequested ? workspacesMatchRequest ? workspaces : cachedWorkspaces || [] : workspacesLoading && cachedWorkspaces ? cachedWorkspaces : workspaces;
   const hasLineSnapshot = Boolean(resolvedLineInfo);
+  const metricsMatchRequest = useMemo(() => {
+    if (!metrics2) return false;
+    if (!historicalRouteRequested) return true;
+    if (!historicalParamsReady) return false;
+    if (hasUrlDate && metrics2.date !== urlDate) return false;
+    if (parsedShiftId !== void 0 && metrics2.shift_id !== parsedShiftId) return false;
+    return true;
+  }, [metrics2, historicalRouteRequested, historicalParamsReady, hasUrlDate, urlDate, parsedShiftId]);
   const chartMetrics = useMemo(() => {
-    if (metrics2) {
+    if (metricsMatchRequest && metrics2) {
       return metrics2;
     }
     if (!resolvedLineInfo) {
@@ -52135,7 +52180,9 @@ var KPIDetailView = ({
       shift_id: resolvedLineInfo.shift_id,
       date: resolvedLineInfo.date
     };
-  }, [metrics2, resolvedLineInfo]);
+  }, [metrics2, metricsMatchRequest, resolvedLineInfo]);
+  const isHistoricalAwaitingParams = historicalRouteRequested && !historicalParamsReady;
+  const isHistoricalAwaitingData = historicalRouteRequested && historicalParamsReady && (lineMetricsLoading || workspacesLoading);
   useEffect(() => {
     if (lineInfo) {
       trackCorePageView("KPI Detail View", {
@@ -52301,7 +52348,8 @@ var KPIDetailView = ({
   }, [resolvedWorkspaces]);
   useEffect(() => {
     let timeoutId;
-    if (!lineMetricsLoading && !workspacesLoading && !resolvedLineInfo && activeTab !== "monthly_history") {
+    const suppressNotFound = isHistoricalAwaitingParams || isHistoricalAwaitingData;
+    if (!suppressNotFound && !lineMetricsLoading && !workspacesLoading && !resolvedLineInfo && activeTab !== "monthly_history") {
       timeoutId = setTimeout(() => {
         setShowLineDataNotFound(true);
       }, 2e3);
@@ -52313,7 +52361,7 @@ var KPIDetailView = ({
         clearTimeout(timeoutId);
       }
     };
-  }, [lineMetricsLoading, workspacesLoading, resolvedLineInfo, activeTab]);
+  }, [lineMetricsLoading, workspacesLoading, resolvedLineInfo, activeTab, isHistoricalAwaitingParams, isHistoricalAwaitingData]);
   useCallback(() => {
     trackCoreEvent("Quality Overview Viewed", {
       source: "line_kpi",
@@ -52409,6 +52457,9 @@ var KPIDetailView = ({
     setRangeEnd(nextRange.endKey);
     handleNavigate(buildMonthlyHistoryUrl(currentMonth, currentYear, nextRange), { shallow: true });
   }, [currentMonth, currentYear, handleNavigate, buildMonthlyHistoryUrl]);
+  if (isHistoricalAwaitingParams || isHistoricalAwaitingData) {
+    return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading historical line metrics..." });
+  }
   if ((lineMetricsLoading || workspacesLoading || isShiftConfigLoading) && !hasLineSnapshot && !metrics2) {
     return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading line metrics..." });
   }

package/package.json

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