@optifye/dashboard-core 6.12.27 → 6.12.28

package/dist/{automation-pIVo1XWk.d.mts → automation-CQqrAD4z.d.mts}

@@ -181,7 +181,7 @@ interface WorkspaceMetrics {
     factory_area_key?: string | null;
     factory_area_name?: string | null;
     factory_area_enabled?: boolean | null;
-    leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
+    leaderboard_metric_kind?: 'efficiency' | 'cycle_time' | 'recent_flow_shift_average';
     leaderboard_value?: number | null;
     avg_recent_flow?: number | null;
     recent_flow_mode?: 'computed' | 'hold' | 'unavailable';

package/dist/{automation-pIVo1XWk.d.ts → automation-CQqrAD4z.d.ts}

@@ -181,7 +181,7 @@ interface WorkspaceMetrics {
     factory_area_key?: string | null;
     factory_area_name?: string | null;
     factory_area_enabled?: boolean | null;
-    leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
+    leaderboard_metric_kind?: 'efficiency' | 'cycle_time' | 'recent_flow_shift_average';
     leaderboard_value?: number | null;
     avg_recent_flow?: number | null;
     recent_flow_mode?: 'computed' | 'hold' | 'unavailable';

package/dist/automation.d.mts

@@ -1,2 +1,2 @@
-export { z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-pIVo1XWk.mjs';
+export { z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-CQqrAD4z.mjs';
 import 'react';

package/dist/automation.d.ts

@@ -1,2 +1,2 @@
-export { z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-pIVo1XWk.js';
+export { z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-CQqrAD4z.js';
 import 'react';

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-pIVo1XWk.mjs';
-export { r as CountDelta, C as CurrentWorkspaceSKU, s as DurationDelta, o as KpiSignalMode, n as KpiSignalSource, l as LineDetailedMetrics, m as LineSignalSource, u as LineThreshold, q as PercentageDelta, z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, v as ShiftConfigurationRecord, p as ValueDelta, t as WorkspaceCropRect, x as isRecentFlowVideoGridMetricMode, y as isWipGatedVideoGridMetricMode, w as normalizeVideoGridMetricMode } from './automation-pIVo1XWk.mjs';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-CQqrAD4z.mjs';
+export { r as CountDelta, C as CurrentWorkspaceSKU, s as DurationDelta, o as KpiSignalMode, n as KpiSignalSource, l as LineDetailedMetrics, m as LineSignalSource, u as LineThreshold, q as PercentageDelta, z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, v as ShiftConfigurationRecord, p as ValueDelta, t as WorkspaceCropRect, x as isRecentFlowVideoGridMetricMode, y as isWipGatedVideoGridMetricMode, w as normalizeVideoGridMetricMode } from './automation-CQqrAD4z.mjs';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';
@@ -2704,7 +2704,7 @@ interface LeaderboardEntry {
     efficiency: number;
     avg_recent_flow?: number | null;
     leaderboard_value?: number | null;
-    leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
+    leaderboard_metric_kind?: 'efficiency' | 'cycle_time' | 'recent_flow_shift_average';
     total_output?: number;
     total_day_output?: number;
     avg_pph?: number;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-pIVo1XWk.js';
-export { r as CountDelta, C as CurrentWorkspaceSKU, s as DurationDelta, o as KpiSignalMode, n as KpiSignalSource, l as LineDetailedMetrics, m as LineSignalSource, u as LineThreshold, q as PercentageDelta, z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, v as ShiftConfigurationRecord, p as ValueDelta, t as WorkspaceCropRect, x as isRecentFlowVideoGridMetricMode, y as isWipGatedVideoGridMetricMode, w as normalizeVideoGridMetricMode } from './automation-pIVo1XWk.js';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-CQqrAD4z.js';
+export { r as CountDelta, C as CurrentWorkspaceSKU, s as DurationDelta, o as KpiSignalMode, n as KpiSignalSource, l as LineDetailedMetrics, m as LineSignalSource, u as LineThreshold, q as PercentageDelta, z as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, v as ShiftConfigurationRecord, p as ValueDelta, t as WorkspaceCropRect, x as isRecentFlowVideoGridMetricMode, y as isWipGatedVideoGridMetricMode, w as normalizeVideoGridMetricMode } from './automation-CQqrAD4z.js';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';
@@ -2704,7 +2704,7 @@ interface LeaderboardEntry {
     efficiency: number;
     avg_recent_flow?: number | null;
     leaderboard_value?: number | null;
-    leaderboard_metric_kind?: 'efficiency' | 'recent_flow_shift_average';
+    leaderboard_metric_kind?: 'efficiency' | 'cycle_time' | 'recent_flow_shift_average';
     total_output?: number;
     total_day_output?: number;
     avg_pph?: number;

package/dist/index.js

@@ -14320,9 +14320,11 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
         `/api/dashboard/leaderboard?${params.toString()}`
       );
       let entries = (data.entries || []).slice();
-      entries.sort(
-        (a, b) => (b.leaderboard_value ?? b.efficiency ?? 0) - (a.leaderboard_value ?? a.efficiency ?? 0)
-      );
+      entries.sort((a, b) => {
+        const valueA = a.leaderboard_metric_kind === "cycle_time" ? a.leaderboard_value : a.efficiency;
+        const valueB = b.leaderboard_metric_kind === "cycle_time" ? b.leaderboard_value : b.efficiency;
+        return (valueB ?? -1) - (valueA ?? -1);
+      });
       if (filter2 === "top") {
         entries = entries.slice(0, limit);
       } else if (filter2 === "bottom") {
@@ -57701,7 +57703,7 @@ var SideNavBar = React144.memo(({
   const role = user?.role_level;
   const roleNavPaths = React144.useMemo(() => getRoleNavPaths(role), [role]);
   const showLiveMonitorLink = roleNavPaths.includes("/live-monitor");
-  const rootDashboardSurface = React144.useMemo(() => "monitor", []);
+  const rootDashboardSurface = React144.useMemo(() => role === "owner" || role === "plant_head" || role === "optifye" ? "operations_overview" : "monitor", [role]);
   const getBasePath = React144.useCallback((path) => {
     const firstSegment = path.split("?")[0].split("/").filter(Boolean)[0];
     return firstSegment ? `/${firstSegment}` : "/";
@@ -57752,6 +57754,12 @@ var SideNavBar = React144.memo(({
       dashboard_surface: dashboardSurface
     }
   }), []);
+  const handleHomeClick = React144.useCallback(() => {
+    navigate("/", {
+      trackingEvent: buildDashboardSurfaceTrackingEvent("side_nav", "/", rootDashboardSurface)
+    });
+    onMobileMenuClose?.();
+  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
   const handleLeaderboardClick = React144.useCallback(() => {
     navigate(`/leaderboard`, {
       trackingEvent: {
@@ -58057,6 +58065,7 @@ var SideNavBar = React144.memo(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
+  const homeButtonClasses = React144.useMemo(() => getButtonClasses("/"), [getButtonClasses]);
   const liveButtonClasses = React144.useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses]);
   const leaderboardButtonClasses = React144.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses]);
   const kpisButtonClasses = React144.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses]);
@@ -58088,6 +58097,21 @@ var SideNavBar = React144.memo(({
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      canAccessPath("/") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleHomeClick,
+          className: homeButtonClasses,
+          "aria-label": "Home",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.HomeIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Home" })
+          ]
+        }
+      ),
       showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -58216,6 +58240,18 @@ var SideNavBar = React144.memo(({
       };
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "px-5 py-6", children: [
+      canAccessPath("/") && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: handleMobileNavClick(handleHomeClick),
+          className: getMobileButtonClass("/"),
+          "aria-label": "Home",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(outline.HomeIcon, { className: getIconClass("/") }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium", children: "Home" })
+          ]
+        }
+      ),
       showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
@@ -70517,12 +70553,16 @@ var KPIsOverviewView = ({
     () => new Set(resolvedAssignedLineIds),
     [resolvedAssignedLineIds]
   );
+  const loadedLineIds = React144__namespace.default.useMemo(
+    () => lines.map((line) => line.id).filter(Boolean),
+    [lines]
+  );
   const metricsLineIds = React144__namespace.default.useMemo(() => {
     if (isSuperAdmin) {
-      return lineIds ?? [];
+      return loadedLineIds.length > 0 ? loadedLineIds : lineIds ?? [];
     }
     return resolvedAssignedLineIds;
-  }, [isSuperAdmin, lineIds, resolvedAssignedLineIds]);
+  }, [isSuperAdmin, loadedLineIds, lineIds, resolvedAssignedLineIds]);
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
   const leaderboardLinesForView = React144__namespace.default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
@@ -71576,16 +71616,16 @@ var AnimatedEfficiency = React144.memo(({ value }) => {
 });
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
 var getWorkspaceLeaderboardMetricValue = (workspace) => {
-  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+  if (workspace.leaderboard_metric_kind === "cycle_time") {
     const cycleRatio = getCycleRatio(workspace);
-    return cycleRatio === null ? null : cycleRatio * 100;
+    return toFiniteNumber(workspace.leaderboard_value) ?? (cycleRatio === null ? null : cycleRatio * 100);
   }
-  return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
+  return toFiniteNumber(workspace.efficiency);
 };
 var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
-var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Actual CT / Standard CT" : defaultLabel;
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "cycle_time" ? "Actual CT / Standard CT" : defaultLabel;
 var renderWorkspaceLeaderboardMetric = (workspace) => {
-  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+  if (workspace.leaderboard_metric_kind === "cycle_time") {
     const actualCT = formatCycleTimeValue(workspace.avg_cycle_time);
     const standardCT = formatCycleTimeValue(workspace.ideal_cycle_time);
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tabular-nums", children: [
@@ -72554,13 +72594,13 @@ var LeaderboardDetailView = React144.memo(({
       error.message
     ] }) });
   }
-  const hasRecentFlowLeaderboardRows = sortedWorkspaces.some(
-    (workspace) => workspace.leaderboard_metric_kind === "recent_flow_shift_average"
+  const hasCycleTimeLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind === "cycle_time"
   );
   const hasEfficiencyLeaderboardRows = sortedWorkspaces.some(
-    (workspace) => workspace.leaderboard_metric_kind !== "recent_flow_shift_average"
+    (workspace) => workspace.leaderboard_metric_kind !== "cycle_time"
   );
-  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Actual CT / Standard CT" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
+  const metricLabel = viewType === "machine" ? "Utilization" : hasCycleTimeLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Actual CT / Standard CT" : hasCycleTimeLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
   const descendingSortLabel = "Highest to Lowest";
   const ascendingSortLabel = "Lowest to Highest";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [

package/dist/index.mjs

@@ -16,7 +16,7 @@ import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Too
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
-import { AdjustmentsHorizontalIcon, ClockIcon, UsersIcon, UserCircleIcon, TicketIcon, CurrencyDollarIcon, QuestionMarkCircleIcon, XMarkIcon, ArrowRightIcon, Bars3Icon, VideoCameraIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, CubeIcon, HeartIcon, Cog6ToothIcon, ChevronRightIcon, ArrowRightStartOnRectangleIcon, ExclamationCircleIcon, ExclamationTriangleIcon, CalendarIcon, ChevronDownIcon, ChevronLeftIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ArrowDownTrayIcon, CheckCircleIcon, ChatBubbleLeftRightIcon, XCircleIcon, FunnelIcon, EyeIcon, InformationCircleIcon, ArrowLeftIcon, PlayCircleIcon } from '@heroicons/react/24/outline';
+import { AdjustmentsHorizontalIcon, ClockIcon, UsersIcon, UserCircleIcon, TicketIcon, CurrencyDollarIcon, QuestionMarkCircleIcon, XMarkIcon, ArrowRightIcon, Bars3Icon, HomeIcon, VideoCameraIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, CubeIcon, HeartIcon, Cog6ToothIcon, ChevronRightIcon, ArrowRightStartOnRectangleIcon, ExclamationCircleIcon, ExclamationTriangleIcon, CalendarIcon, ChevronDownIcon, ChevronLeftIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ArrowDownTrayIcon, CheckCircleIcon, ChatBubbleLeftRightIcon, XCircleIcon, FunnelIcon, EyeIcon, InformationCircleIcon, ArrowLeftIcon, PlayCircleIcon } from '@heroicons/react/24/outline';
 import { CheckIcon } from '@heroicons/react/24/solid';
 import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
@@ -14291,9 +14291,11 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
         `/api/dashboard/leaderboard?${params.toString()}`
       );
       let entries = (data.entries || []).slice();
-      entries.sort(
-        (a, b) => (b.leaderboard_value ?? b.efficiency ?? 0) - (a.leaderboard_value ?? a.efficiency ?? 0)
-      );
+      entries.sort((a, b) => {
+        const valueA = a.leaderboard_metric_kind === "cycle_time" ? a.leaderboard_value : a.efficiency;
+        const valueB = b.leaderboard_metric_kind === "cycle_time" ? b.leaderboard_value : b.efficiency;
+        return (valueB ?? -1) - (valueA ?? -1);
+      });
       if (filter2 === "top") {
         entries = entries.slice(0, limit);
       } else if (filter2 === "bottom") {
@@ -57672,7 +57674,7 @@ var SideNavBar = memo$1(({
   const role = user?.role_level;
   const roleNavPaths = useMemo(() => getRoleNavPaths(role), [role]);
   const showLiveMonitorLink = roleNavPaths.includes("/live-monitor");
-  const rootDashboardSurface = useMemo(() => "monitor", []);
+  const rootDashboardSurface = useMemo(() => role === "owner" || role === "plant_head" || role === "optifye" ? "operations_overview" : "monitor", [role]);
   const getBasePath = useCallback((path) => {
     const firstSegment = path.split("?")[0].split("/").filter(Boolean)[0];
     return firstSegment ? `/${firstSegment}` : "/";
@@ -57723,6 +57725,12 @@ var SideNavBar = memo$1(({
       dashboard_surface: dashboardSurface
     }
   }), []);
+  const handleHomeClick = useCallback(() => {
+    navigate("/", {
+      trackingEvent: buildDashboardSurfaceTrackingEvent("side_nav", "/", rootDashboardSurface)
+    });
+    onMobileMenuClose?.();
+  }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
   const handleLeaderboardClick = useCallback(() => {
     navigate(`/leaderboard`, {
       trackingEvent: {
@@ -58028,6 +58036,7 @@ var SideNavBar = memo$1(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose, buildDashboardSurfaceTrackingEvent, rootDashboardSurface]);
+  const homeButtonClasses = useMemo(() => getButtonClasses("/"), [getButtonClasses]);
   const liveButtonClasses = useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses]);
   const leaderboardButtonClasses = useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses]);
   const kpisButtonClasses = useMemo(() => getButtonClasses("/kpis"), [getButtonClasses]);
@@ -58059,6 +58068,21 @@ var SideNavBar = memo$1(({
       }
     ) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      canAccessPath("/") && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: handleHomeClick,
+          className: homeButtonClasses,
+          "aria-label": "Home",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isPathActive("/"),
+          children: [
+            /* @__PURE__ */ jsx(HomeIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Home" })
+          ]
+        }
+      ),
       showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxs(
         "button",
         {
@@ -58187,6 +58211,18 @@ var SideNavBar = memo$1(({
       };
     };
     return /* @__PURE__ */ jsxs("nav", { className: "px-5 py-6", children: [
+      canAccessPath("/") && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: handleMobileNavClick(handleHomeClick),
+          className: getMobileButtonClass("/"),
+          "aria-label": "Home",
+          children: [
+            /* @__PURE__ */ jsx(HomeIcon, { className: getIconClass("/") }),
+            /* @__PURE__ */ jsx("span", { className: "text-base font-medium", children: "Home" })
+          ]
+        }
+      ),
       showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxs(
         "button",
         {
@@ -70488,12 +70524,16 @@ var KPIsOverviewView = ({
     () => new Set(resolvedAssignedLineIds),
     [resolvedAssignedLineIds]
   );
+  const loadedLineIds = React144__default.useMemo(
+    () => lines.map((line) => line.id).filter(Boolean),
+    [lines]
+  );
   const metricsLineIds = React144__default.useMemo(() => {
     if (isSuperAdmin) {
-      return lineIds ?? [];
+      return loadedLineIds.length > 0 ? loadedLineIds : lineIds ?? [];
     }
     return resolvedAssignedLineIds;
-  }, [isSuperAdmin, lineIds, resolvedAssignedLineIds]);
+  }, [isSuperAdmin, loadedLineIds, lineIds, resolvedAssignedLineIds]);
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
   const leaderboardLinesForView = React144__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
@@ -71547,16 +71587,16 @@ var AnimatedEfficiency = memo$1(({ value }) => {
 });
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
 var getWorkspaceLeaderboardMetricValue = (workspace) => {
-  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+  if (workspace.leaderboard_metric_kind === "cycle_time") {
     const cycleRatio = getCycleRatio(workspace);
-    return cycleRatio === null ? null : cycleRatio * 100;
+    return toFiniteNumber(workspace.leaderboard_value) ?? (cycleRatio === null ? null : cycleRatio * 100);
   }
-  return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
+  return toFiniteNumber(workspace.efficiency);
 };
 var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
-var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Actual CT / Standard CT" : defaultLabel;
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "cycle_time" ? "Actual CT / Standard CT" : defaultLabel;
 var renderWorkspaceLeaderboardMetric = (workspace) => {
-  if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
+  if (workspace.leaderboard_metric_kind === "cycle_time") {
     const actualCT = formatCycleTimeValue(workspace.avg_cycle_time);
     const standardCT = formatCycleTimeValue(workspace.ideal_cycle_time);
     return /* @__PURE__ */ jsxs("span", { className: "tabular-nums", children: [
@@ -72525,13 +72565,13 @@ var LeaderboardDetailView = memo$1(({
       error.message
     ] }) });
   }
-  const hasRecentFlowLeaderboardRows = sortedWorkspaces.some(
-    (workspace) => workspace.leaderboard_metric_kind === "recent_flow_shift_average"
+  const hasCycleTimeLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind === "cycle_time"
   );
   const hasEfficiencyLeaderboardRows = sortedWorkspaces.some(
-    (workspace) => workspace.leaderboard_metric_kind !== "recent_flow_shift_average"
+    (workspace) => workspace.leaderboard_metric_kind !== "cycle_time"
   );
-  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Actual CT / Standard CT" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
+  const metricLabel = viewType === "machine" ? "Utilization" : hasCycleTimeLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Actual CT / Standard CT" : hasCycleTimeLeaderboardRows && 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: [

package/package.json

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