@optifye/dashboard-core 6.12.6 → 6.12.8

package/dist/index.mjs

@@ -5228,46 +5228,83 @@ var dashboardService = {
     const dbConfig = config.databaseConfig ?? DEFAULT_DATABASE_CONFIG;
     const linesTable = getTable(dbConfig, "lines");
     const companyId = config.entityConfig?.companyId;
+    const baseLineSelect = `
+      id,
+      line_name,
+      factory_id,
+      factories!lines_factory_id_fkey(factory_name),
+      company_id,
+      companies!lines_company_id_fkey(company_name:name),
+      enable,
+      monitoring_mode,
+      assembly,
+      video_grid_metric_mode,
+      recent_flow_window_minutes
+    `;
+    const lineSelectWithArea = `
+      ${baseLineSelect},
+      factory_area_id,
+      factory_line_areas!lines_factory_area_id_factory_id_fkey(
+        area_key,
+        area_name,
+        sort_order,
+        enabled
+      )
+    `;
+    const shouldRetryWithoutFactoryArea = (error) => {
+      const errorText = [
+        error?.message,
+        error?.details,
+        error?.hint,
+        error?.code
+      ].filter(Boolean).join(" ").toLowerCase();
+      return errorText.includes("factory_area_id") || errorText.includes("factory_line_areas") || errorText.includes("lines_factory_area_id_factory_id_fkey");
+    };
     try {
-      let query = 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),
-          enable,
-          monitoring_mode,
-          assembly,
-          video_grid_metric_mode,
-          recent_flow_window_minutes
-        `).eq("enable", true);
-      if (companyId) {
-        query = query.eq("company_id", companyId);
-      }
-      const { data, error } = await query;
+      const fetchLines = async (selectClause) => {
+        let query = supabase.from(linesTable).select(selectClause).eq("enable", true);
+        if (companyId) {
+          query = query.eq("company_id", companyId);
+        }
+        return await query;
+      };
+      let { data, error } = await fetchLines(lineSelectWithArea);
+      if (error && shouldRetryWithoutFactoryArea(error)) {
+        console.warn("[dashboardService.getAllLines] Factory area metadata unavailable, falling back to line-only metadata:", error);
+        const fallbackResult = await fetchLines(baseLineSelect);
+        data = fallbackResult.data;
+        error = fallbackResult.error;
+      }
       if (error) {
         console.error("Error fetching all lines:", error);
         throw error;
       }
       if (!data) return [];
-      const transformedLines = data.map((line) => ({
-        id: line.id,
-        line_name: line.line_name,
-        factory_id: line.factory_id,
-        factory_name: line.factories?.factory_name ?? "N/A",
-        company_id: line.company_id,
-        company_name: line.companies?.company_name ?? "N/A",
-        enable: line.enable ?? true,
-        // Default to true if not specified
-        monitoring_mode: line.monitoring_mode ?? "output",
-        assembly: line.assembly ?? false,
-        video_grid_metric_mode: normalizeVideoGridMetricMode(
-          line.video_grid_metric_mode,
-          line.assembly ?? false
-        ),
-        recent_flow_window_minutes: line.recent_flow_window_minutes ?? 7
-      }));
+      const transformedLines = data.map((line) => {
+        const factoryArea = Array.isArray(line.factory_line_areas) ? line.factory_line_areas[0] : line.factory_line_areas;
+        return {
+          id: line.id,
+          line_name: line.line_name,
+          factory_id: line.factory_id,
+          factory_name: line.factories?.factory_name ?? "N/A",
+          company_id: line.company_id,
+          company_name: line.companies?.company_name ?? "N/A",
+          enable: line.enable ?? true,
+          // Default to true if not specified
+          monitoring_mode: line.monitoring_mode ?? "output",
+          assembly: line.assembly ?? false,
+          video_grid_metric_mode: normalizeVideoGridMetricMode(
+            line.video_grid_metric_mode,
+            line.assembly ?? false
+          ),
+          recent_flow_window_minutes: line.recent_flow_window_minutes ?? 7,
+          factory_area_id: line.factory_area_id ?? null,
+          factory_area_key: factoryArea?.area_key ?? null,
+          factory_area_name: factoryArea?.area_name ?? null,
+          factory_area_sort_order: factoryArea?.sort_order ?? null,
+          factory_area_enabled: factoryArea?.enabled ?? null
+        };
+      });
       return transformedLines;
     } catch (err) {
       console.error("Exception in getAllLines:", err);
@@ -14236,7 +14273,9 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
         `/api/dashboard/leaderboard?${params.toString()}`
       );
       let entries = (data.entries || []).slice();
-      entries.sort((a, b) => (b.efficiency || 0) - (a.efficiency || 0));
+      entries.sort(
+        (a, b) => (b.leaderboard_value ?? b.efficiency ?? 0) - (a.leaderboard_value ?? a.efficiency ?? 0)
+      );
       if (filter2 === "top") {
         entries = entries.slice(0, limit);
       } else if (filter2 === "bottom") {
@@ -22000,6 +22039,84 @@ var aggregateKPIsFromLineMetricsRows = (rows) => {
   };
 };
 
+// src/lib/utils/kpiHierarchy.ts
+var FACTORY_LEVEL_MIN_FACTORY_COUNT = 3;
+var compareText = (left, right) => left.localeCompare(right, void 0, { sensitivity: "base", numeric: true });
+var compareLinesByName = (left, right) => compareText(left.line_name || "", right.line_name || "");
+var normalizeAreaSortOrder = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() !== "") {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var getEnabledAreaInfo = (line) => {
+  if (!line.factory_area_id) return null;
+  if (line.factory_area_enabled !== true) return null;
+  if (!line.factory_area_name || line.factory_area_name.trim().length === 0) return null;
+  return {
+    id: line.factory_area_id,
+    areaName: line.factory_area_name,
+    areaKey: line.factory_area_key ?? null,
+    sortOrder: normalizeAreaSortOrder(line.factory_area_sort_order)
+  };
+};
+var buildKpiLineHierarchy = (lines) => {
+  const factoryMap = /* @__PURE__ */ new Map();
+  lines.forEach((line) => {
+    const factoryId = line.factory_id || "unknown-factory";
+    let factory = factoryMap.get(factoryId);
+    if (!factory) {
+      factory = {
+        id: factoryId,
+        factoryName: line.factory_name || "Factory",
+        lines: [],
+        areas: [],
+        ungroupedLines: [],
+        areaMap: /* @__PURE__ */ new Map()
+      };
+      factoryMap.set(factoryId, factory);
+    }
+    factory.lines.push(line);
+    const areaInfo = getEnabledAreaInfo(line);
+    if (!areaInfo) {
+      factory.ungroupedLines.push(line);
+      return;
+    }
+    let area = factory.areaMap.get(areaInfo.id);
+    if (!area) {
+      area = {
+        id: areaInfo.id,
+        areaName: areaInfo.areaName,
+        areaKey: areaInfo.areaKey,
+        sortOrder: areaInfo.sortOrder,
+        lines: []
+      };
+      factory.areaMap.set(areaInfo.id, area);
+      factory.areas.push(area);
+    }
+    area.lines.push(line);
+  });
+  const factories = Array.from(factoryMap.values()).map(({ areaMap: _areaMap, ...factory }) => {
+    factory.lines.sort(compareLinesByName);
+    factory.ungroupedLines.sort(compareLinesByName);
+    factory.areas.forEach((area) => area.lines.sort(compareLinesByName));
+    factory.areas.sort((left, right) => {
+      const leftOrder = left.sortOrder ?? Number.POSITIVE_INFINITY;
+      const rightOrder = right.sortOrder ?? Number.POSITIVE_INFINITY;
+      if (leftOrder !== rightOrder) return leftOrder - rightOrder;
+      return compareText(left.areaName, right.areaName);
+    });
+    return factory;
+  });
+  factories.sort((left, right) => compareText(left.factoryName, right.factoryName));
+  return {
+    factories,
+    showFactoryLevel: factories.length >= FACTORY_LEVEL_MIN_FACTORY_COUNT
+  };
+};
+
 // src/lib/utils/awards.ts
 var toNumber2 = (value) => {
   if (typeof value === "number" && Number.isFinite(value)) return value;
@@ -38234,7 +38351,8 @@ var WorkspaceMetricCardsImpl = ({
   legend,
   skuAware,
   skuBreakdown,
-  activeSkuId
+  activeSkuId,
+  liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const activeSku = React144__default.useMemo(() => {
@@ -38243,6 +38361,13 @@ var WorkspaceMetricCardsImpl = ({
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
+  const displaySku = React144__default.useMemo(() => {
+    if (activeSku) return activeSku;
+    if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
+      return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
+    }
+    return null;
+  }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
   const pphValue = activeSku ? activeSku.avg_pph : workspace.avg_pph;
   const pphThreshold = activeSku ? activeSku.pph_threshold : workspace.pph_threshold;
   const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
@@ -38277,7 +38402,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-lg", children: "PPH" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold ${pphValue >= pphThreshold ? "text-green-500" : "text-red-500"}`, children: pphValue.toFixed(1) }),
@@ -38290,7 +38415,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-lg", children: "Avg. Cycle Time" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-green-500"}`, children: cycleValue.toFixed(1) }),
@@ -54272,7 +54397,8 @@ var WorkspaceCycleTimeMetricCards = ({
   idleTimeData,
   skuAware,
   skuBreakdown,
-  activeSkuId
+  activeSkuId,
+  liveSkuId
 }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
   const activeSku = React144__default.useMemo(() => {
@@ -54281,6 +54407,13 @@ var WorkspaceCycleTimeMetricCards = ({
     }
     return null;
   }, [skuAware, activeSkuId, skuBreakdown]);
+  const displaySku = React144__default.useMemo(() => {
+    if (activeSku) return activeSku;
+    if (skuAware && !activeSkuId && liveSkuId && skuBreakdown) {
+      return skuBreakdown.find((s) => s.sku_id === liveSkuId) ?? null;
+    }
+    return null;
+  }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
   const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
   const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const efficiencyValue = workspace.avg_efficiency || 0;
@@ -54310,7 +54443,7 @@ var WorkspaceCycleTimeMetricCards = ({
     /* @__PURE__ */ jsxs(Card2, { className: "flex flex-col bg-white shadow-sm border border-gray-200 h-full min-h-[150px] sm:min-h-0 rounded-xl", children: [
       /* @__PURE__ */ jsxs(CardHeader2, { className: "pb-1 pt-5 flex-none text-center", children: [
         /* @__PURE__ */ jsx(CardTitle2, { className: "text-[15px] font-bold text-gray-900 tracking-wide", children: "Cycle Time (s)" }),
-        activeSku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: activeSku.sku_code, children: activeSku.sku_code })
+        displaySku && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
       ] }),
       /* @__PURE__ */ jsxs(CardContent2, { className: "flex-1 flex flex-col items-center justify-center pb-6", children: [
         /* @__PURE__ */ jsx("p", { className: `text-5xl font-bold tracking-tight ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-[#34C759]"}`, children: cycleValue.toFixed(1) }),
@@ -68400,6 +68533,9 @@ var KPIDetailView = ({
 var KPIDetailViewWithDisplayNames = withSelectedLineDisplayNames(KPIDetailView);
 var KPIDetailView_default = KPIDetailViewWithDisplayNames;
 var isNonEmptyString = (value) => typeof value === "string" && value.trim().length > 0;
+var KPI_FACTORY_QUERY_PARAM = "factory_id";
+var KPI_FACTORY_AREA_QUERY_PARAM = "factory_area_id";
+var getSingleQueryValue = (value) => typeof value === "string" && value.length > 0 ? value : void 0;
 var resolveCompanyId = (...candidates) => candidates.find(isNonEmptyString);
 var parseTimeToMinutes3 = (value) => {
   if (!value) return null;
@@ -68436,7 +68572,9 @@ var getMonthDateInfo = (timezone) => {
 var createKpisOverviewUrl = ({
   tab,
   date,
-  shift
+  shift,
+  factoryId,
+  factoryAreaId
 }) => {
   const params = new URLSearchParams();
   if (tab) {
@@ -68448,6 +68586,12 @@ var createKpisOverviewUrl = ({
   if (typeof shift === "number" && Number.isFinite(shift)) {
     params.set("shift", shift.toString());
   }
+  if (!tab && factoryId) {
+    params.set(KPI_FACTORY_QUERY_PARAM, factoryId);
+  }
+  if (!tab && factoryId && factoryAreaId) {
+    params.set(KPI_FACTORY_AREA_QUERY_PARAM, factoryAreaId);
+  }
   const queryString = params.toString();
   return queryString ? `/kpis?${queryString}` : "/kpis";
 };
@@ -68969,6 +69113,101 @@ var LineCard = ({
     }
   );
 };
+var KpiGroupCard = ({
+  title,
+  subtitle,
+  kpis,
+  isLoading,
+  error,
+  isUptimeMode,
+  onClick
+}) => {
+  const isOnTrack = React144__default.useMemo(() => {
+    if (!kpis) return null;
+    return isEfficiencyOnTrack(kpis.efficiency.value);
+  }, [kpis]);
+  const outputTarget = Number(kpis?.outputProgress?.target ?? 0);
+  const outputCurrent = Number(kpis?.outputProgress?.current ?? 0);
+  const progressPercent = outputTarget > 0 ? Math.min(outputCurrent / outputTarget * 100, 100) : 0;
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 20 },
+      animate: { opacity: 1, y: 0 },
+      transition: { duration: 0.3 },
+      onClick,
+      className: "relative bg-white border border-gray-200/80 shadow-sm hover:shadow-lg \n                 rounded-xl p-4 sm:p-5 md:p-6 transition-all duration-200 cursor-pointer \n                 hover:scale-[1.01] active:scale-[0.99] group",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "mb-4 sm:mb-5 md:mb-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start gap-2 sm:gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx(
+              FittingTitle,
+              {
+                title,
+                className: "text-[10px] sm:text-xs md:text-sm"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs font-medium text-gray-500", children: subtitle })
+          ] }),
+          !isUptimeMode && kpis && isOnTrack !== null && /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1.5 px-2.5 sm:px-3 py-1 sm:py-1.5 rounded-full text-xs font-medium flex-shrink-0 ${isOnTrack ? "bg-emerald-100 text-emerald-700 border border-emerald-200" : "bg-red-100 text-red-700 border border-red-200"}`, style: { minWidth: "fit-content" }, children: [
+            /* @__PURE__ */ jsx("div", { className: `w-2 h-2 rounded-full ${isOnTrack ? "bg-emerald-500" : "bg-red-500"} animate-pulse` }),
+            /* @__PURE__ */ jsx("span", { children: isOnTrack ? "On Track" : "Behind" })
+          ] })
+        ] }) }),
+        isLoading && !kpis && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-1/2" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-3/4" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "animate-pulse", children: [
+            /* @__PURE__ */ jsx("div", { className: "h-4 bg-gray-200 rounded w-1/3 mb-2" }),
+            /* @__PURE__ */ jsx("div", { className: "h-8 bg-gray-200 rounded w-1/2" })
+          ] })
+        ] }),
+        error && !kpis && /* @__PURE__ */ jsx("div", { className: "text-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500", children: "Unable to load metrics" }) }),
+        kpis && /* @__PURE__ */ jsxs("div", { className: "space-y-4 sm:space-y-5 pb-8 sm:pb-10", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeMode ? "Utilization" : "Efficiency" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-2xl sm:text-3xl font-semibold text-gray-900", children: [
+                kpis.efficiency.value.toFixed(1),
+                "%"
+              ] }),
+              kpis.efficiency.change !== 0 && /* @__PURE__ */ jsxs("span", { className: `text-xs sm:text-sm font-medium ${kpis.efficiency.change > 0 ? "text-emerald-600" : "text-red-600"}`, children: [
+                kpis.efficiency.change > 0 ? "+" : "",
+                kpis.efficiency.change.toFixed(1),
+                "%"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1.5 sm:mb-2", children: isUptimeMode ? "Stoppages" : "Output Progress" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between mb-2 sm:mb-3", children: [
+              /* @__PURE__ */ jsx("span", { className: `${isUptimeMode ? "text-2xl sm:text-3xl font-bold text-red-600" : "text-xl sm:text-2xl font-semibold text-gray-900"}`, children: kpis.outputProgress.current }),
+              !isUptimeMode && /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm text-gray-500 font-medium", children: [
+                "/ ",
+                kpis.outputProgress.target,
+                " units"
+              ] })
+            ] }),
+            !isUptimeMode && /* @__PURE__ */ jsx("div", { className: "w-full bg-gray-200 rounded-full h-2 sm:h-2.5", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "bg-blue-600 h-2 sm:h-2.5 rounded-full transition-all duration-500 ease-out",
+                style: { width: `${progressPercent}%` }
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-3 right-3 sm:bottom-4 sm:right-4", children: /* @__PURE__ */ jsx("div", { className: "p-2 sm:p-2.5 rounded-full bg-gray-50 group-hover:bg-blue-50 transition-colors shadow-sm", children: /* @__PURE__ */ jsx(ArrowRightIcon, { className: "w-4 h-4 sm:w-5 sm:h-5 text-gray-400 group-hover:text-blue-600 transition-colors" }) }) })
+      ]
+    }
+  );
+};
 var KPIsOverviewView = ({
   companyId,
   navigate,
@@ -69134,6 +69373,20 @@ var KPIsOverviewView = ({
   const effectiveLeaderboardDate = selectedLeaderboardDate || currentShiftDate;
   const effectiveLeaderboardShiftId = Number.isFinite(selectedLeaderboardShiftId) ? selectedLeaderboardShiftId : currentShiftId;
   const isHistoricalLeaderboardDaily = activeTab === "leaderboard" && timeRange === "today" && (effectiveLeaderboardDate !== currentShiftDate || effectiveLeaderboardShiftId !== currentShiftId);
+  const selectedFactoryIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
+  const selectedFactoryAreaIdFromUrl = getSingleQueryValue(router.query[KPI_FACTORY_AREA_QUERY_PARAM]);
+  const kpiLineHierarchy = React144__default.useMemo(
+    () => buildKpiLineHierarchy(linesForView),
+    [linesForView]
+  );
+  const selectedFactoryNode = React144__default.useMemo(
+    () => kpiLineHierarchy.showFactoryLevel && selectedFactoryIdFromUrl ? kpiLineHierarchy.factories.find((factory) => factory.id === selectedFactoryIdFromUrl) : void 0,
+    [kpiLineHierarchy, selectedFactoryIdFromUrl]
+  );
+  const selectedFactoryAreaNode = React144__default.useMemo(
+    () => selectedFactoryNode && selectedFactoryAreaIdFromUrl ? selectedFactoryNode.areas.find((area) => area.id === selectedFactoryAreaIdFromUrl) : void 0,
+    [selectedFactoryNode, selectedFactoryAreaIdFromUrl]
+  );
   useEffect(() => {
     if (!router.isReady) return;
     const tabQuery = router.query.tab;
@@ -69161,20 +69414,27 @@ var KPIsOverviewView = ({
   ]);
   useEffect(() => {
     if (!router.isReady || !hasHydratedLeaderboardRouteState) return;
+    if (activeTab === "today" && loading) return;
     const expectedTab = activeTab === "leaderboard" ? "leaderboard" : void 0;
     const expectedDate = activeTab === "leaderboard" && timeRange === "today" && isHistoricalLeaderboardDaily ? effectiveLeaderboardDate : void 0;
     const expectedShift = expectedDate !== void 0 ? effectiveLeaderboardShiftId.toString() : void 0;
+    const expectedFactory = activeTab === "today" && selectedFactoryNode ? selectedFactoryNode.id : void 0;
+    const expectedFactoryArea = activeTab === "today" && selectedFactoryNode && selectedFactoryAreaNode ? selectedFactoryAreaNode.id : void 0;
     const currentTab = typeof router.query.tab === "string" ? router.query.tab : void 0;
     const currentDateQuery = typeof router.query.date === "string" ? router.query.date : void 0;
     const currentShiftQuery = typeof router.query.shift === "string" ? router.query.shift : void 0;
-    if (currentTab === expectedTab && currentDateQuery === expectedDate && currentShiftQuery === expectedShift) {
+    const currentFactoryQuery = getSingleQueryValue(router.query[KPI_FACTORY_QUERY_PARAM]);
+    const currentFactoryAreaQuery = getSingleQueryValue(router.query[KPI_FACTORY_AREA_QUERY_PARAM]);
+    if (currentTab === expectedTab && currentDateQuery === expectedDate && currentShiftQuery === expectedShift && currentFactoryQuery === expectedFactory && currentFactoryAreaQuery === expectedFactoryArea) {
       return;
     }
     void router.replace(
       createKpisOverviewUrl({
         tab: expectedTab === "leaderboard" ? "leaderboard" : void 0,
         date: expectedDate,
-        shift: expectedShift !== void 0 ? Number.parseInt(expectedShift, 10) : void 0
+        shift: expectedShift !== void 0 ? Number.parseInt(expectedShift, 10) : void 0,
+        factoryId: expectedFactory,
+        factoryAreaId: expectedFactoryArea
       }),
       void 0,
       { shallow: true }
@@ -69186,7 +69446,10 @@ var KPIsOverviewView = ({
     effectiveLeaderboardDate,
     effectiveLeaderboardShiftId,
     hasHydratedLeaderboardRouteState,
-    isHistoricalLeaderboardDaily
+    isHistoricalLeaderboardDaily,
+    loading,
+    selectedFactoryNode,
+    selectedFactoryAreaNode
   ]);
   const factoryViewId = entityConfig.factoryViewId || "factory";
   const {
@@ -69198,13 +69461,42 @@ var KPIsOverviewView = ({
     userAccessibleLineIds: metricsLineIds
   });
   const defaultKPIs = React144__default.useMemo(() => createDefaultKPIs(), []);
-  const kpisByLineId = React144__default.useMemo(() => {
+  const lineModeById = React144__default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    linesForView.forEach((line) => {
+      map.set(line.id, line.monitoring_mode ?? "output");
+    });
+    return map;
+  }, [linesForView]);
+  const lineMetricRowsByLineId = React144__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
-      if (row?.line_id) map.set(row.line_id, buildKPIsFromLineMetricsRow(row));
+      if (!row?.line_id) return;
+      const monitoringMode = lineModeById.get(row.line_id);
+      map.set(
+        row.line_id,
+        monitoringMode ? { ...row, monitoring_mode: monitoringMode } : row
+      );
     });
     return map;
-  }, [lineMetrics]);
+  }, [lineMetrics, lineModeById]);
+  const kpisByLineId = React144__default.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    lineMetricRowsByLineId.forEach((row, lineId) => {
+      map.set(lineId, buildKPIsFromLineMetricsRow(row));
+    });
+    return map;
+  }, [lineMetricRowsByLineId]);
+  const getLineCardKpis = React144__default.useCallback((line) => {
+    if (metricsError) return null;
+    return kpisByLineId.get(line.id) ?? (metricsLoading ? null : defaultKPIs);
+  }, [defaultKPIs, kpisByLineId, metricsError, metricsLoading]);
+  const getAggregateCardKpis = React144__default.useCallback((cardLines) => {
+    if (metricsError) return null;
+    const rows = cardLines.map((line) => lineMetricRowsByLineId.get(line.id)).filter(Boolean);
+    if (metricsLoading && rows.length === 0) return null;
+    return aggregateKPIsFromLineMetricsRows(rows);
+  }, [lineMetricRowsByLineId, metricsError, metricsLoading]);
   const supervisorLineIds = React144__default.useMemo(
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
@@ -69408,6 +69700,20 @@ var KPIsOverviewView = ({
     if (activeTab !== "leaderboard" || timeRange !== "today") return;
     fetchDailyLeaderboard();
   }, [activeTab, timeRange, fetchDailyLeaderboard]);
+  const navigateTodayHierarchy = useCallback((factoryId, factoryAreaId) => {
+    void router.push(
+      createKpisOverviewUrl({ factoryId, factoryAreaId }),
+      void 0,
+      { shallow: true }
+    );
+  }, [router]);
+  const lineDetailReturnTo = React144__default.useMemo(() => {
+    if (activeTab !== "today" || !selectedFactoryNode) return void 0;
+    return createKpisOverviewUrl({
+      factoryId: selectedFactoryNode.id,
+      factoryAreaId: selectedFactoryAreaNode?.id
+    });
+  }, [activeTab, selectedFactoryNode, selectedFactoryAreaNode]);
   const formatTopPerformerWeek = (periodStart, periodEnd) => {
     const dateToUse = periodStart ? /* @__PURE__ */ new Date(`${periodStart}T00:00:00`) : /* @__PURE__ */ new Date();
     if (Number.isNaN(dateToUse.getTime())) {
@@ -69494,7 +69800,8 @@ var KPIsOverviewView = ({
       );
       return;
     }
-    navigation.navigate(`/kpis/${line.id}`);
+    const returnToQuery = lineDetailReturnTo ? `?returnTo=${encodeURIComponent(lineDetailReturnTo)}` : "";
+    navigation.navigate(`/kpis/${line.id}${returnToQuery}`);
   };
   const handleBackClick = useCallback(() => {
     trackCoreEvent("Back Button Clicked", {
@@ -69563,6 +69870,70 @@ var KPIsOverviewView = ({
     }
     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: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   };
+  const renderLineCard = (line) => /* @__PURE__ */ jsx(
+    LineCard,
+    {
+      line,
+      kpis: getLineCardKpis(line),
+      isLoading: metricsLoading,
+      error: metricsError,
+      onClick: (kpis) => handleLineClick(line, kpis),
+      supervisorEnabled,
+      supervisorName: supervisorNamesByLineId.get(line.id) || null,
+      supervisors: supervisorsByLineId?.get(line.id)
+    },
+    line.id
+  );
+  const renderGroupCard = ({
+    key,
+    title,
+    subtitle,
+    lines: cardLines,
+    onClick
+  }) => /* @__PURE__ */ jsx(
+    KpiGroupCard,
+    {
+      title,
+      subtitle,
+      kpis: getAggregateCardKpis(cardLines),
+      isLoading: metricsLoading,
+      error: metricsError,
+      isUptimeMode: viewType === "machine",
+      onClick
+    },
+    key
+  );
+  const renderTodayCards = () => {
+    if (!kpiLineHierarchy.showFactoryLevel) {
+      return linesForView.map(renderLineCard);
+    }
+    if (selectedFactoryNode && selectedFactoryAreaNode) {
+      return selectedFactoryAreaNode.lines.map(renderLineCard);
+    }
+    if (selectedFactoryNode) {
+      return [
+        ...selectedFactoryNode.areas.map(
+          (area) => renderGroupCard({
+            key: `area-${area.id}`,
+            title: area.areaName,
+            subtitle: `${area.lines.length} ${area.lines.length === 1 ? "line" : "lines"}`,
+            lines: area.lines,
+            onClick: () => navigateTodayHierarchy(selectedFactoryNode.id, area.id)
+          })
+        ),
+        ...selectedFactoryNode.ungroupedLines.map(renderLineCard)
+      ];
+    }
+    return kpiLineHierarchy.factories.map(
+      (factory) => renderGroupCard({
+        key: `factory-${factory.id}`,
+        title: factory.factoryName,
+        subtitle: `${factory.lines.length} ${factory.lines.length === 1 ? "line" : "lines"}`,
+        lines: factory.lines,
+        onClick: () => navigateTodayHierarchy(factory.id)
+      })
+    );
+  };
   if (loading || isShiftConfigLoading) {
     return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading production lines..." });
   }
@@ -69995,23 +70366,34 @@ var KPIsOverviewView = ({
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx("main", { className: `flex-1 p-3 sm:p-4 md:p-6 bg-slate-50 ${activeTab === "leaderboard" ? "overflow-hidden flex flex-col" : "overflow-y-auto"}`, children: activeTab === "today" ? (
-      /* Line Cards Grid */
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: linesForView.map((line) => /* @__PURE__ */ jsx(
-        LineCard,
-        {
-          line,
-          kpis: metricsError ? null : kpisByLineId.get(line.id) ?? (metricsLoading ? null : defaultKPIs),
-          isLoading: metricsLoading,
-          error: metricsError,
-          onClick: (kpis) => handleLineClick(line, kpis),
-          supervisorEnabled,
-          supervisorName: supervisorNamesByLineId.get(line.id) || null,
-          supervisors: supervisorsByLineId?.get(line.id)
-        },
-        line.id
-      )) })
-    ) : showLeaderboardLoader ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center bg-white rounded-2xl border border-gray-100 shadow-sm m-2 sm:m-4", children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("main", { className: `flex-1 p-3 sm:p-4 md:p-6 bg-slate-50 ${activeTab === "leaderboard" ? "overflow-hidden flex flex-col" : "overflow-y-auto"}`, children: activeTab === "today" ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 sm:space-y-4", children: [
+      kpiLineHierarchy.showFactoryLevel && selectedFactoryNode && /* @__PURE__ */ jsxs("nav", { className: "flex flex-wrap items-center gap-2 text-sm", "aria-label": "KPI hierarchy", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigateTodayHierarchy(),
+            className: "font-medium text-gray-500 hover:text-blue-600 transition-colors",
+            children: "Factories"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "/" }),
+        selectedFactoryAreaNode ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => navigateTodayHierarchy(selectedFactoryNode.id),
+            className: "font-medium text-gray-500 hover:text-blue-600 transition-colors",
+            children: selectedFactoryNode.factoryName
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: selectedFactoryNode.factoryName }),
+        selectedFactoryAreaNode && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-gray-300", children: "/" }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-gray-900", children: selectedFactoryAreaNode.areaName })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3 sm:gap-4 md:gap-6", children: renderTodayCards() })
+    ] }) : showLeaderboardLoader ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col items-center justify-center bg-white rounded-2xl border border-gray-100 shadow-sm m-2 sm:m-4", children: /* @__PURE__ */ jsx(
       OptifyeLogoLoader_default,
       {
         size: "lg",
@@ -70058,6 +70440,21 @@ var AnimatedEfficiency = memo$1(({ value }) => {
   return prevProps.value === nextProps.value;
 });
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
+var getWorkspaceLeaderboardMetricValue = (workspace) => {
+  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+    return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.avg_recent_flow);
+  }
+  return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
+};
+var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Avg Flow" : defaultLabel;
+var renderWorkspaceLeaderboardMetric = (workspace) => {
+  const displayedMetricValue = getWorkspaceDisplayedMetricValue(workspace);
+  if (displayedMetricValue === null) {
+    return /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: "--" });
+  }
+  return /* @__PURE__ */ jsx(AnimatedEfficiency, { value: displayedMetricValue });
+};
 var HeaderRibbon = memo$1(({
   currentDate,
   currentMobileDate,
@@ -70108,8 +70505,7 @@ var MobileWorkspaceCard = memo$1(({
   isClickable,
   onWorkspaceClick,
   getMedalIcon,
-  metricLabel,
-  isAssemblyMode
+  metricLabel
 }) => /* @__PURE__ */ jsx(
   motion.div,
   {
@@ -70136,13 +70532,13 @@ var MobileWorkspaceCard = memo$1(({
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: isAssemblyMode ? /* @__PURE__ */ jsx(CycleTimeComparison, { workspace }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) }),
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: metricLabel })
+        /* @__PURE__ */ jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: renderWorkspaceLeaderboardMetric(workspace) }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: getWorkspaceLeaderboardMetricLabel(workspace, metricLabel) })
       ] })
     ] })
   }
 ), (prevProps, nextProps) => {
-  return prevProps.metricLabel === nextProps.metricLabel && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.metricLabel === nextProps.metricLabel && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.avg_recent_flow === nextProps.workspace.avg_recent_flow && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
 var DesktopWorkspaceRow = memo$1(({
@@ -70151,8 +70547,7 @@ var DesktopWorkspaceRow = memo$1(({
   rowClass,
   isClickable,
   onWorkspaceClick,
-  getMedalIcon,
-  isAssemblyMode
+  getMedalIcon
 }) => /* @__PURE__ */ jsxs(
   motion.tr,
   {
@@ -70169,11 +70564,11 @@ var DesktopWorkspaceRow = memo$1(({
       ] }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: workspace.displayName }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: workspace.lineName }) }),
-      /* @__PURE__ */ jsx("td", { className: `px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium ${isAssemblyMode ? "" : "whitespace-nowrap"}`, children: isAssemblyMode ? /* @__PURE__ */ jsx(CycleTimeComparison, { workspace }) : /* @__PURE__ */ jsx(AnimatedEfficiency, { value: workspace.efficiency || 0 }) })
+      /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: renderWorkspaceLeaderboardMetric(workspace) }) })
     ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.avg_recent_flow === nextProps.workspace.avg_recent_flow && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
 var LeaderboardDetailView = memo$1(({
@@ -70272,6 +70667,8 @@ var LeaderboardDetailView = memo$1(({
   const [monthlyError, setMonthlyError] = useState(null);
   const todayRequestKeyRef = useRef(null);
   const monthlyRequestKeyRef = useRef(null);
+  const monthlyLoadKeyRef = useRef(null);
+  const monthlyLoadPromiseRef = useRef(null);
   const leaderboardUpdateQueuedRef = useRef(false);
   const leaderboardUpdateTimerRef = useRef(null);
   const leaderboardViewTrackedRef = useRef(null);
@@ -70546,6 +70943,9 @@ var LeaderboardDetailView = memo$1(({
       trend: 0,
       predicted_output: 0,
       efficiency: entry.efficiency || 0,
+      avg_recent_flow: toFiniteNumber(entry.avg_recent_flow),
+      leaderboard_value: toFiniteNumber(entry.leaderboard_value),
+      leaderboard_metric_kind: entry.leaderboard_metric_kind ?? "efficiency",
       action_threshold: entry.total_day_output || 0,
       displayName: entry.workspace_display_name,
       monitoring_mode: entry.monitoring_mode ?? "output"
@@ -70576,7 +70976,10 @@ var LeaderboardDetailView = memo$1(({
     searchParams.set("monitoring_mode", viewType === "machine" ? "uptime" : "output");
     const data = await fetchBackendJson(
       supabase,
-      `/api/dashboard/leaderboard?${searchParams.toString()}`
+      `/api/dashboard/leaderboard?${searchParams.toString()}`,
+      {
+        timeoutMs: params.startDate && params.endDate ? 3e4 : void 0
+      }
     );
     return data.entries || [];
   }, [supabase, entityConfig.companyId, configuredLineIds, viewType]);
@@ -70654,15 +71057,21 @@ var LeaderboardDetailView = memo$1(({
     setMonthlyLoading(true);
     setMonthlyError(null);
     try {
-      const entries = await fetchLeaderboardEntries({
-        startDate: normalizedRange.startKey,
-        endDate: normalizedRange.endKey,
-        shiftId: monthlyShiftId
-      });
+      const loadPromise = monthlyLoadPromiseRef.current && monthlyLoadKeyRef.current === requestKey ? monthlyLoadPromiseRef.current : (async () => {
+        const entries = await fetchLeaderboardEntries({
+          startDate: normalizedRange.startKey,
+          endDate: normalizedRange.endKey,
+          shiftId: monthlyShiftId
+        });
+        return mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId);
+      })();
+      monthlyLoadKeyRef.current = requestKey;
+      monthlyLoadPromiseRef.current = loadPromise;
+      const workspaces = await loadPromise;
       if (monthlyRequestKeyRef.current !== requestKey) {
         return;
       }
-      setMonthlyEntries(mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId));
+      setMonthlyEntries(workspaces);
     } catch (err) {
       console.error("[LeaderboardDetailView] Error fetching monthly leaderboard:", err);
       if (monthlyRequestKeyRef.current !== requestKey) {
@@ -70671,6 +71080,9 @@ var LeaderboardDetailView = memo$1(({
       setMonthlyError({ message: err.message, code: err.code || "FETCH_ERROR" });
       setMonthlyEntries([]);
     } finally {
+      if (monthlyLoadKeyRef.current === requestKey && monthlyLoadPromiseRef.current) {
+        monthlyLoadPromiseRef.current = null;
+      }
       if (monthlyRequestKeyRef.current === requestKey) {
         setMonthlyLoading(false);
       }
@@ -70683,6 +71095,46 @@ var LeaderboardDetailView = memo$1(({
     monthlyShiftId,
     lineKey
   ]);
+  useEffect(() => {
+    if (activeTab !== "today") {
+      return;
+    }
+    const requestKey = `${normalizedRange.startKey}|${normalizedRange.endKey}|${monthlyShiftId}|${lineKey}|${viewType}`;
+    let cancelled = false;
+    const loadPromise = monthlyLoadPromiseRef.current && monthlyLoadKeyRef.current === requestKey ? monthlyLoadPromiseRef.current : (async () => {
+      const entries = await fetchLeaderboardEntries({
+        startDate: normalizedRange.startKey,
+        endDate: normalizedRange.endKey,
+        shiftId: monthlyShiftId
+      });
+      return mapEntriesToWorkspaces(entries, normalizedRange.endKey, monthlyShiftId);
+    })();
+    monthlyLoadKeyRef.current = requestKey;
+    monthlyLoadPromiseRef.current = loadPromise;
+    loadPromise.then((workspaces) => {
+      if (cancelled) {
+        return;
+      }
+      setMonthlyEntries(workspaces);
+    }).catch(() => {
+    }).finally(() => {
+      if (!cancelled && monthlyLoadKeyRef.current === requestKey && monthlyLoadPromiseRef.current === loadPromise) {
+        monthlyLoadPromiseRef.current = null;
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    activeTab,
+    fetchLeaderboardEntries,
+    mapEntriesToWorkspaces,
+    normalizedRange.endKey,
+    normalizedRange.startKey,
+    monthlyShiftId,
+    lineKey,
+    viewType
+  ]);
   useEffect(() => {
     if (activeTab === "today") {
       fetchTodayLeaderboard();
@@ -70817,6 +71269,9 @@ var LeaderboardDetailView = memo$1(({
       total_workspaces: workspacesLengthRef.current,
       // Use ref instead of state to avoid dependency
       metric_context: viewType === "machine" ? "machine" : outputCategory,
+      leaderboard_value: getWorkspaceLeaderboardMetricValue(workspace),
+      leaderboard_metric_kind: workspace.leaderboard_metric_kind ?? "efficiency",
+      avg_recent_flow: workspace.avg_recent_flow ?? null,
       efficiency: workspace.efficiency,
       action_count: workspace.action_count,
       action_threshold: workspace.action_threshold,
@@ -70889,17 +71344,12 @@ var LeaderboardDetailView = memo$1(({
       filtered = filtered.filter((ws) => ws.shift_id?.toString() === selectedShiftFilter);
     }
     return filtered.sort((a, b) => {
-      if (isAssemblyMode) {
-        const ratioA = getCycleRatio(a);
-        const ratioB = getCycleRatio(b);
-        if (ratioA === null && ratioB === null) return 0;
-        if (ratioA === null) return 1;
-        if (ratioB === null) return -1;
-        return sortAscending ? ratioA - ratioB : ratioB - ratioA;
-      }
-      const effA = a.efficiency || 0;
-      const effB = b.efficiency || 0;
-      return sortAscending ? effA - effB : effB - effA;
+      const metricA = getWorkspaceLeaderboardMetricValue(a);
+      const metricB = getWorkspaceLeaderboardMetricValue(b);
+      if (metricA === null && metricB === null) return 0;
+      if (metricA === null) return 1;
+      if (metricB === null) return -1;
+      return sortAscending ? metricA - metricB : metricB - metricA;
     });
   }, [workspaceDisplayData, sortAscending, selectedLineFilter, selectedShiftFilter, activeTab, viewType, isAssemblyMode]);
   const loading = activeTab === "today" ? todayLoading : monthlyLoading;
@@ -70928,6 +71378,8 @@ var LeaderboardDetailView = memo$1(({
       workspace_count: sortedWorkspaces.length,
       top_workspace_id: topWorkspace?.workspace_uuid ?? null,
       top_workspace_name: topWorkspace?.workspace_name ?? null,
+      top_leaderboard_value: topWorkspace ? getWorkspaceLeaderboardMetricValue(topWorkspace) : null,
+      top_leaderboard_metric_kind: topWorkspace?.leaderboard_metric_kind ?? null,
       top_efficiency: topWorkspace?.efficiency ?? null,
       top_avg_cycle_time: topWorkspace?.avg_cycle_time ?? null,
       top_ideal_cycle_time: topWorkspace?.ideal_cycle_time ?? null,
@@ -70961,7 +71413,13 @@ var LeaderboardDetailView = memo$1(({
       error.message
     ] }) });
   }
-  const metricLabel = viewType === "machine" ? "Utilization" : isAssemblyMode ? "Cycle Time" : "Efficiency";
+  const hasRecentFlowLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind === "recent_flow_shift_average"
+  );
+  const hasEfficiencyLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind !== "recent_flow_shift_average"
+  );
+  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Avg Flow" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
   const descendingSortLabel = "Highest to Lowest";
   const ascendingSortLabel = "Lowest to Highest";
   return /* @__PURE__ */ jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
@@ -71225,8 +71683,7 @@ var LeaderboardDetailView = memo$1(({
           isClickable: canOpenWorkspace(ws.line_id),
           onWorkspaceClick: stableHandleWorkspaceClick,
           getMedalIcon: stableGetMedalIcon,
-          metricLabel,
-          isAssemblyMode
+          metricLabel
         },
         ws.workspace_uuid
       );
@@ -71250,8 +71707,7 @@ var LeaderboardDetailView = memo$1(({
               rowClass,
               isClickable: canOpenWorkspace(ws.line_id),
               onWorkspaceClick: stableHandleWorkspaceClick,
-              getMedalIcon: stableGetMedalIcon,
-              isAssemblyMode
+              getMedalIcon: stableGetMedalIcon
             },
             ws.workspace_uuid
           );
@@ -76073,7 +76529,11 @@ var WorkspaceDetailView = ({
                   workspace,
                   legend: efficiencyLegend,
                   layout: "stack",
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0
+                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                  skuAware: isSkuAware,
+                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                 WorkspaceMetricCards,
@@ -76083,7 +76543,8 @@ var WorkspaceDetailView = ({
                   className: "flex-1",
                   skuAware: isSkuAware,
                   skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) })
             ] }),
@@ -76226,7 +76687,11 @@ var WorkspaceDetailView = ({
                   legend: efficiencyLegend,
                   layout: "grid",
                   className: desktopBottomSectionClass,
-                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0
+                  idleTimeData: idleTimeVlmEnabled ? idleTimeData : void 0,
+                  skuAware: isSkuAware,
+                  skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(
                 WorkspaceMetricCards,
@@ -76236,7 +76701,8 @@ var WorkspaceDetailView = ({
                   className: "flex-1",
                   skuAware: isSkuAware,
                   skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
-                  activeSkuId
+                  activeSkuId,
+                  liveSkuId: isHistoricView ? null : liveSkuId
                 }
               ) })
             ] })
@@ -85275,4 +85741,4 @@ var streamProxyConfig = {
   }
 };
 
-export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, 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, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildLineSkuBreakdown, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_FAMILIES, ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AvatarUpload, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, ClipsCostView_default as ClipsCostView, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, 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, DetailedHealthStatus, DiagnosisVideoModal, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend5 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, ROOT_DASHBOARD_EVENT_NAMES, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SENTRY_HANDLED_EVENT_SESSION_LIMIT, SENTRY_HANDLED_EVENT_WINDOW_MS, SENTRY_QUOTA_STORAGE_KEY, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, SettingsPopup, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceCycleTimeMetricCards, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, addSentryBreadcrumb, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildKpiLineHierarchy, buildLineSkuBreakdown, buildShiftGroupsKey, canRoleAccessDashboardPath, canRoleAccessTeamManagement, canRoleAssignFactories, canRoleAssignLines, canRoleChangeRole, canRoleInviteRole, canRoleManageCompany, canRoleManageTargets, canRoleManageUsers, canRoleRemoveUser, canRoleViewClipsCost, canRoleViewUsageStats, captureHandledFrontendException, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, combineLineMetricsRows, countRealSkus, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, fetchLineDummySkuId, fetchLineSkuCatalog, filterDataByDateKeyRange, filterRealSkuBreakdown, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getActionDisplayName, getActiveShift, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAssignableRoles, getAssignmentColumnLabel, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekFullRange, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDateKeyFromValue, getDayDateKey, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getMonthlyTrendComparisonLabel, getNextUpdateInterval, getOperationalDate, getRoleAssignmentKind, getRoleDescription, getRoleLabel, getRoleMetadata, getRoleNavPaths, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getVisibleRolesForCurrentUser, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFactoryScopedRole, isFullMonthRange, isIgnorableFrontendError, isLegacyConfiguration, isLoopbackHostname, isPrefetchError, isRealSku, isRecentFlowVideoGridMetricMode, isSafari, isSupervisorRole, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWipGatedVideoGridMetricMode, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeActionFamily, normalizeDateKeyRange, normalizeRoleLevel, normalizeVideoGridMetricMode, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, pickPreferredLineMetricsRow, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSentryQuotaForTests, resetSubscriptionManager, resolveDefaultSkuId, resolveLiveSkuId, s3VideoPreloader, selectPreferredLineMetricsRow, setSentryUserContext, setSentryWorkspaceContext, shouldEnableLocalDevTestLogin, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useClipsInit, useCompanyClipsCost, useCompanyFastSlowClipFiltersEnabled, useCompanyHasVlmEnabledLine, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };