@optifye/dashboard-core 6.10.53 → 6.11.0

package/dist/index.mjs

@@ -1,22 +1,22 @@
-import * as React26 from 'react';
-import React26__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useId, Children, isValidElement, useInsertionEffect, Fragment as Fragment$1, createElement, Component } from 'react';
+import * as React141 from 'react';
+import React141__default, { createContext, useRef, useCallback, useState, useMemo, useEffect, forwardRef, useImperativeHandle, useLayoutEffect, memo as memo$1, useContext, useId, Children, isValidElement, useInsertionEffect, Fragment as Fragment$1, createElement, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/router';
 import { fromZonedTime, formatInTimeZone, toZonedTime } from 'date-fns-tz';
-import { endOfDay, startOfDay, endOfMonth, startOfMonth, isSameDay, eachDayOfInterval, getDay, isWithinInterval, format, addDays, differenceInMinutes, addMinutes, subDays, subMonths, addMonths, parseISO, isValid, formatDistanceToNow, isToday, isFuture, isBefore } from 'date-fns';
+import { endOfDay, startOfDay, startOfMonth, isSameDay, endOfMonth, eachDayOfInterval, getDay, isWithinInterval, format, addDays, differenceInMinutes, addMinutes, subDays, subMonths, addMonths, parseISO, isValid, formatDistanceToNow, isToday, isFuture, isBefore } from 'date-fns';
 import mixpanel from 'mixpanel-browser';
 import { EventEmitter } from 'events';
 import { createClient, REALTIME_SUBSCRIBE_STATES } from '@supabase/supabase-js';
 import Hls, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
 import { memo, noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';
-import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, Wrench, XCircle, Package, UserX, Zap, HelpCircle, Tag, Palette, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, Sliders, Activity, Layers, Search, Edit2, ArrowRight, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Copy, Settings, LifeBuoy, EyeOff, UserCircle, Flame, Crown, Medal } from 'lucide-react';
+import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, Wrench, XCircle, Package, UserX, Zap, HelpCircle, Tag, Palette, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, Sliders, Activity, Layers, Search, Edit2, ArrowRight, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Copy, Bell, ArrowUpRight, Settings, LifeBuoy, EyeOff, Flame, Crown, Medal } from 'lucide-react';
 import { toast } from 'sonner';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, PieChart, Pie, Cell, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 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, HomeIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, CubeIcon, HeartIcon, Cog6ToothIcon, ChevronRightIcon, ArrowRightStartOnRectangleIcon, CalendarIcon, ChevronDownIcon, ChevronLeftIcon, ExclamationCircleIcon, 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, BellIcon, 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';
@@ -400,14 +400,14 @@ var useIdleTimeVlmConfig = () => {
   }
   return context;
 };
-var DashboardConfigContext = React26.createContext(void 0);
+var DashboardConfigContext = React141.createContext(void 0);
 var DashboardProvider = ({ config: userProvidedConfig, children }) => {
-  const fullConfig = React26.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
+  const fullConfig = React141.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
   _setDashboardConfigInstance(fullConfig);
-  React26.useEffect(() => {
+  React141.useEffect(() => {
     _setDashboardConfigInstance(fullConfig);
   }, [fullConfig]);
-  React26.useEffect(() => {
+  React141.useEffect(() => {
     if (!fullConfig.theme) return;
     const styleId = "dashboard-core-theme-vars";
     let styleEl = document.getElementById(styleId);
@@ -433,7 +433,7 @@ var DashboardProvider = ({ config: userProvidedConfig, children }) => {
   return /* @__PURE__ */ jsx(DashboardConfigContext.Provider, { value: fullConfig, children: /* @__PURE__ */ jsx(IdleTimeVlmConfigProvider, { children }) });
 };
 var useDashboardConfig = () => {
-  const ctx = React26.useContext(DashboardConfigContext);
+  const ctx = React141.useContext(DashboardConfigContext);
   if (!ctx) throw new Error("useDashboardConfig must be used within a DashboardProvider");
   return ctx;
 };
@@ -3857,6 +3857,208 @@ var ApiClient = class {
 };
 ApiClient.DEFAULT_TIMEOUT = 3e5;
 
+// src/lib/utils/roleMetadata.ts
+var FACTORY_SCOPED_ROLE_SET = /* @__PURE__ */ new Set(["plant_head", "industrial_engineer"]);
+var ROLE_ORDER = [
+  "optifye",
+  "owner",
+  "it",
+  "plant_head",
+  "industrial_engineer",
+  "supervisor"
+];
+var FULL_DASHBOARD_PATHS = [
+  "/",
+  "/leaderboard",
+  "/kpis",
+  "/targets",
+  "/shifts",
+  "/supervisor-management",
+  "/skus",
+  "/help",
+  "/health",
+  "/profile",
+  "/workspace",
+  "/factory-view",
+  "/team-management",
+  "/tickets",
+  "/improvement-center"
+];
+var LIVE_MONITOR_DASHBOARD_PATHS = [
+  "/",
+  "/live-monitor",
+  ...FULL_DASHBOARD_PATHS.filter((path) => path !== "/")
+];
+var SUPERVISOR_PATHS = [
+  "/",
+  "/leaderboard",
+  "/kpis",
+  "/targets",
+  "/shifts",
+  "/skus",
+  "/help",
+  "/health",
+  "/profile",
+  "/workspace",
+  "/tickets",
+  "/improvement-center"
+];
+var ROLE_METADATA = {
+  optifye: {
+    label: "Optifye",
+    description: "Full platform access - Optifye team member",
+    assignmentKind: "global",
+    navPaths: LIVE_MONITOR_DASHBOARD_PATHS
+  },
+  owner: {
+    label: "Owner",
+    description: "Company-wide access - Can manage all users and settings",
+    assignmentKind: "company",
+    navPaths: LIVE_MONITOR_DASHBOARD_PATHS
+  },
+  it: {
+    label: "IT",
+    description: "Company-wide access - IT personnel with full company access",
+    assignmentKind: "company",
+    navPaths: FULL_DASHBOARD_PATHS
+  },
+  plant_head: {
+    label: "Plant Head",
+    description: "Factory-level access - Can manage supervisors and factory settings",
+    assignmentKind: "factory",
+    navPaths: LIVE_MONITOR_DASHBOARD_PATHS
+  },
+  industrial_engineer: {
+    label: "Industrial Engineer",
+    description: "Factory-level access - Can manage supervisors and factory performance scope",
+    assignmentKind: "factory",
+    navPaths: FULL_DASHBOARD_PATHS
+  },
+  supervisor: {
+    label: "Supervisor",
+    description: "Line-level access - Can monitor assigned production lines",
+    assignmentKind: "line",
+    navPaths: SUPERVISOR_PATHS
+  }
+};
+var normalizeRoleLevel = (role) => {
+  if (!role) return null;
+  return Object.prototype.hasOwnProperty.call(ROLE_METADATA, role) ? role : null;
+};
+var getRoleMetadata = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole ? ROLE_METADATA[normalizedRole] : null;
+};
+var getRoleLabel = (role) => {
+  return getRoleMetadata(role)?.label || (role || "Unknown");
+};
+var getRoleDescription = (role) => {
+  return getRoleMetadata(role)?.description || "";
+};
+var isFactoryScopedRole = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole ? FACTORY_SCOPED_ROLE_SET.has(normalizedRole) : false;
+};
+var isSupervisorRole = (role) => normalizeRoleLevel(role) === "supervisor";
+var canRoleManageUsers = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole === "optifye" || normalizedRole === "owner" || normalizedRole === "it" || isFactoryScopedRole(normalizedRole);
+};
+var canRoleManageTargets = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole === "optifye" || normalizedRole === "owner" || normalizedRole === "it" || isFactoryScopedRole(normalizedRole);
+};
+var canRoleViewUsageStats = (role) => {
+  const normalizedRole = normalizeRoleLevel(role);
+  return normalizedRole === "optifye" || normalizedRole === "owner" || normalizedRole === "it";
+};
+var canRoleAccessTeamManagement = (role) => {
+  return canRoleManageUsers(role);
+};
+var getRoleNavPaths = (role) => {
+  return getRoleMetadata(role)?.navPaths || [];
+};
+var getVisibleRolesForCurrentUser = (currentRole) => {
+  const normalizedRole = normalizeRoleLevel(currentRole);
+  const visibleRolesByCurrentRole = {
+    optifye: ROLE_ORDER,
+    owner: ["owner", "it", "plant_head", "industrial_engineer", "supervisor"],
+    it: ["it", "plant_head", "industrial_engineer", "supervisor"],
+    plant_head: ["plant_head", "supervisor"],
+    industrial_engineer: ["industrial_engineer", "supervisor"],
+    supervisor: ["supervisor"]
+  };
+  return normalizedRole ? visibleRolesByCurrentRole[normalizedRole] : ["supervisor"];
+};
+var getAssignableRoles = (currentRole, options = {}) => {
+  const normalizedRole = normalizeRoleLevel(currentRole);
+  const isSuperAdminOptifye = !!options.isSuperAdminOptifye;
+  if (!normalizedRole) return [];
+  if (normalizedRole === "optifye") {
+    return isSuperAdminOptifye ? ["owner", "it", "plant_head", "industrial_engineer", "supervisor"] : ["it", "plant_head", "industrial_engineer", "supervisor"];
+  }
+  if (normalizedRole === "owner") {
+    return ["it", "plant_head", "industrial_engineer", "supervisor"];
+  }
+  if (normalizedRole === "it") {
+    return ["plant_head", "industrial_engineer", "supervisor"];
+  }
+  if (isFactoryScopedRole(normalizedRole)) {
+    return ["supervisor"];
+  }
+  return [];
+};
+var canRoleInviteRole = (currentRole, targetRole, options = {}) => {
+  const normalizedTargetRole = normalizeRoleLevel(targetRole);
+  if (!normalizedTargetRole) return false;
+  return getAssignableRoles(currentRole, options).includes(normalizedTargetRole);
+};
+var canRoleAssignLines = (currentRole, targetRole) => {
+  const normalizedCurrentRole = normalizeRoleLevel(currentRole);
+  const normalizedTargetRole = normalizeRoleLevel(targetRole);
+  if (normalizedTargetRole !== "supervisor") return false;
+  return normalizedCurrentRole === "optifye" || normalizedCurrentRole === "owner" || normalizedCurrentRole === "it" || isFactoryScopedRole(normalizedCurrentRole);
+};
+var canRoleAssignFactories = (currentRole, targetRole) => {
+  const normalizedCurrentRole = normalizeRoleLevel(currentRole);
+  const normalizedTargetRole = normalizeRoleLevel(targetRole);
+  if (!normalizedTargetRole || !isFactoryScopedRole(normalizedTargetRole)) return false;
+  return normalizedCurrentRole === "optifye" || normalizedCurrentRole === "owner" || normalizedCurrentRole === "it";
+};
+var canRoleChangeRole = (currentRole, targetRole, options = {}) => {
+  const normalizedCurrentRole = normalizeRoleLevel(currentRole);
+  const normalizedTargetRole = normalizeRoleLevel(targetRole);
+  const isSuperAdminOptifye = !!options.isSuperAdminOptifye;
+  if (!normalizedCurrentRole || !normalizedTargetRole) return false;
+  if (normalizedCurrentRole === "optifye") {
+    if (isSuperAdminOptifye) return true;
+    return ["it", "plant_head", "industrial_engineer", "supervisor"].includes(normalizedTargetRole);
+  }
+  if (normalizedCurrentRole === "owner") {
+    return ["plant_head", "industrial_engineer", "supervisor"].includes(normalizedTargetRole);
+  }
+  if (normalizedCurrentRole === "it") {
+    return ["plant_head", "industrial_engineer", "supervisor"].includes(normalizedTargetRole);
+  }
+  return false;
+};
+var canRoleRemoveUser = (currentRole, targetRole, options = {}) => {
+  const normalizedCurrentRole = normalizeRoleLevel(currentRole);
+  const normalizedTargetRole = normalizeRoleLevel(targetRole);
+  const isSuperAdminOptifye = !!options.isSuperAdminOptifye;
+  if (!normalizedCurrentRole || !normalizedTargetRole) return false;
+  if (normalizedCurrentRole === "optifye") return isSuperAdminOptifye;
+  if (normalizedCurrentRole === "owner" || normalizedCurrentRole === "it") {
+    return ["plant_head", "industrial_engineer", "supervisor"].includes(normalizedTargetRole);
+  }
+  return false;
+};
+var getAssignmentColumnLabel = (role) => {
+  if (isFactoryScopedRole(role)) return "Factories";
+  if (isSupervisorRole(role)) return "Lines";
+  return "Assignments";
+};
+
 // src/lib/services/authService.ts
 var AuthService = class {
   /**
@@ -3976,7 +4178,7 @@ var AuthService = class {
       first_login_completed: enrichedUser.profile.first_login_completed,
       properties: {
         company_id: enrichedUser.company_id,
-        access_level: enrichedUser.permissions.is_owner || enrichedUser.permissions.is_optifye_admin ? "company" : enrichedUser.permissions.is_plant_head ? "factory" : "line",
+        access_level: enrichedUser.permissions.is_owner || enrichedUser.permissions.is_optifye_admin ? "company" : isFactoryScopedRole(enrichedUser.role) ? "factory" : "line",
         line_ids: line_ids.length > 0 ? line_ids : void 0,
         factory_ids: factory_ids.length > 0 ? factory_ids : void 0,
         // Include permissions for easy access
@@ -6931,6 +7133,9 @@ var InvitationService = class {
     if (existingUser) {
       throw new Error("A user with this email address already exists in the system.");
     }
+    if (input.role_level === "industrial_engineer" && (!input.factory_ids || input.factory_ids.length === 0)) {
+      throw new Error("Industrial Engineer invitations require at least one factory assignment.");
+    }
     const invitationData = {
       email: input.email.toLowerCase().trim(),
       company_id: input.company_id,
@@ -6941,7 +7146,7 @@ var InvitationService = class {
     if (input.role_level === "supervisor" && input.line_ids && input.line_ids.length > 0) {
       invitationData.line_ids = input.line_ids;
     }
-    if (input.role_level === "plant_head" && input.factory_ids && input.factory_ids.length > 0) {
+    if ((input.role_level === "plant_head" || input.role_level === "industrial_engineer") && input.factory_ids && input.factory_ids.length > 0) {
       invitationData.factory_ids = input.factory_ids;
     }
     console.log("[InvitationService] Final invitationData being inserted:", invitationData);
@@ -7651,6 +7856,8 @@ async function fetchIdleTimeReasons(params) {
         data: {
           total_idle_time_seconds: 0,
           total_clips_analyzed: 0,
+          scope_work_seconds: null,
+          scope_workspace_count: 0,
           reasons: []
         },
         error: "Request failed"
@@ -7668,6 +7875,8 @@ async function fetchIdleTimeReasons(params) {
     return {
       total_idle_time_seconds: 0,
       total_clips_analyzed: 0,
+      scope_work_seconds: null,
+      scope_workspace_count: 0,
       reasons: []
     };
   }
@@ -7675,7 +7884,9 @@ async function fetchIdleTimeReasons(params) {
 function transformToChartData(data) {
   return data.reasons.map((reason) => ({
     name: formatReasonLabel(reason.reason),
-    value: reason.percentage
+    value: reason.percentage,
+    totalDurationSeconds: reason.total_duration_seconds,
+    efficiencyLossPercentage: reason.efficiency_loss_percentage ?? null
   }));
 }
 function formatReasonLabel(reason) {
@@ -8083,6 +8294,18 @@ var lineLeaderboardService = {
     return data?.entries ?? [];
   }
 };
+
+// src/lib/services/alertsService.ts
+var alertsService = {
+  async getCurrentAlerts(supabase, companyId) {
+    const query = `?company_id=${encodeURIComponent(companyId)}`;
+    return fetchBackendJson(supabase, `/api/alerts/current${query}`);
+  },
+  async getSummary(supabase, companyId) {
+    const query = `?company_id=${encodeURIComponent(companyId)}`;
+    return fetchBackendJson(supabase, `/api/alerts/summary${query}`);
+  }
+};
 var SupabaseContext = createContext(void 0);
 var SupabaseProvider = ({ client, children }) => {
   _setSupabaseInstance(client);
@@ -8858,7 +9081,7 @@ var useMobileMenu = () => {
 };
 var useHideMobileHeader = (shouldHide = true) => {
   const context = useMobileMenu();
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     if (context && shouldHide) {
       context.setHideMobileHeader(true);
       return () => {
@@ -14861,10 +15084,7 @@ var useSKUs = (companyId) => {
 // src/lib/hooks/useCanSaveTargets.ts
 var useCanSaveTargets = () => {
   const { user } = useAuth();
-  if (user?.role_level === "optifye") {
-    return true;
-  }
-  return user?.role_level === "owner" || user?.role_level === "plant_head";
+  return canRoleManageTargets(user?.role_level);
 };
 function useTicketHistory(companyId) {
   const [tickets, setTickets] = useState([]);
@@ -16166,12 +16386,7 @@ var useFormatNumber = () => {
 function useAccessControl() {
   const { user } = useAuth();
   const userRole = useMemo(() => {
-    if (!user?.role_level) return null;
-    const roleLevel = user.role_level;
-    if (roleLevel === "owner" || roleLevel === "it" || roleLevel === "plant_head" || roleLevel === "supervisor" || roleLevel === "optifye") {
-      return roleLevel;
-    }
-    return "supervisor";
+    return normalizeRoleLevel(user?.role_level) || null;
   }, [user?.role_level]);
   const assignedLineIds = useMemo(() => {
     if (!user) return [];
@@ -16183,89 +16398,15 @@ function useAccessControl() {
   }, [user]);
   const assignedFactoryIds = useMemo(() => {
     if (!user) return [];
-    if (user.role_level === "plant_head") {
+    if (isFactoryScopedRole(user.role_level)) {
       const factories = user.properties?.factory_id || user.properties?.factory_ids || [];
       return Array.isArray(factories) ? factories : [];
     }
     return [];
   }, [user]);
-  const roleAccessMap = {
-    optifye: [
-      "/",
-      "/leaderboard",
-      "/kpis",
-      "/targets",
-      "/shifts",
-      "/supervisor-management",
-      "/skus",
-      "/help",
-      "/health",
-      "/profile",
-      "/workspace",
-      "/factory-view",
-      "/team-management"
-    ],
-    owner: [
-      "/",
-      "/leaderboard",
-      "/kpis",
-      "/targets",
-      "/shifts",
-      "/supervisor-management",
-      "/skus",
-      "/help",
-      "/health",
-      "/profile",
-      "/workspace",
-      "/factory-view",
-      "/team-management"
-    ],
-    it: [
-      "/",
-      "/leaderboard",
-      "/kpis",
-      "/targets",
-      "/shifts",
-      "/supervisor-management",
-      "/skus",
-      "/help",
-      "/health",
-      "/profile",
-      "/workspace",
-      "/factory-view",
-      "/team-management"
-    ],
-    plant_head: [
-      "/",
-      "/leaderboard",
-      "/kpis",
-      "/targets",
-      "/shifts",
-      "/supervisor-management",
-      "/skus",
-      "/help",
-      "/health",
-      "/profile",
-      "/workspace",
-      "/factory-view",
-      "/team-management"
-    ],
-    supervisor: [
-      "/",
-      "/leaderboard",
-      "/kpis",
-      "/targets",
-      "/shifts",
-      "/skus",
-      "/help",
-      "/health",
-      "/profile",
-      "/workspace"
-    ]
-  };
   const accessiblePages = useMemo(() => {
     if (!userRole) return [];
-    return roleAccessMap[userRole] || [];
+    return getRoleNavPaths(userRole);
   }, [userRole]);
   const hasAccess = useMemo(() => {
     return (path) => {
@@ -16315,111 +16456,50 @@ function useTeamManagementPermissions() {
      * Can the current user assign lines to this user?
      */
     canAssignLines: (targetUser) => {
-      if (!currentRole) return false;
-      if (currentRole === "optifye") return true;
-      if ((currentRole === "owner" || currentRole === "it") && targetUser.role_level === "supervisor") {
-        return true;
-      }
-      if (currentRole === "plant_head" && targetUser.role_level === "supervisor") {
-        return true;
-      }
-      return false;
+      return canRoleAssignLines(currentRole, targetUser.role_level);
     },
     /**
      * Can the current user assign factories to this user?
      */
     canAssignFactories: (targetUser) => {
-      if (!currentRole) return false;
-      if (currentRole === "optifye") return true;
-      if ((currentRole === "owner" || currentRole === "it") && targetUser.role_level === "plant_head") {
-        return true;
-      }
-      return false;
+      return canRoleAssignFactories(currentRole, targetUser.role_level);
     },
     /**
      * Can the current user change this user's role?
      */
     canChangeRole: (targetUser) => {
-      if (!currentRole) return false;
-      if (currentRole === "optifye") return true;
-      if (currentRole === "owner" || currentRole === "it") {
-        return ["plant_head", "supervisor"].includes(targetUser.role_level);
-      }
-      return false;
+      return canRoleChangeRole(currentRole, targetUser.role_level, { isSuperAdminOptifye });
     },
     /**
      * Can the current user remove this user?
      */
     canRemoveUser: (targetUser) => {
-      if (!currentRole) return false;
-      if (currentRole === "optifye") return true;
-      if (currentRole === "owner" || currentRole === "it") {
-        return ["plant_head", "supervisor"].includes(targetUser.role_level);
-      }
-      return false;
+      return canRoleRemoveUser(currentRole, targetUser.role_level, { isSuperAdminOptifye });
     },
     /**
      * Get list of roles the current user can assign
      * NOTE: Optifye role can ONLY be assigned from database directly, never from frontend
      */
     availableRolesToAssign: () => {
-      if (!currentRole) return [];
-      if (currentRole === "optifye") {
-        if (isSuperAdminOptifye) {
-          return ["owner", "it", "plant_head", "supervisor"];
-        }
-        return ["it", "plant_head", "supervisor"];
-      }
-      if (currentRole === "owner") {
-        return ["it", "plant_head", "supervisor"];
-      }
-      if (currentRole === "it") {
-        return ["plant_head", "supervisor"];
-      }
-      if (currentRole === "plant_head") {
-        return ["supervisor"];
-      }
-      return [];
+      return getAssignableRoles(currentRole, { isSuperAdminOptifye });
     },
     /**
      * Can the current user invite someone with this role?
      */
     canInviteRole: (role) => {
-      if (!currentRole) return false;
-      if (currentRole === "optifye") {
-        if (role === "owner") {
-          return isSuperAdminOptifye;
-        }
-        return true;
-      }
-      if (currentRole === "owner") {
-        return ["it", "plant_head", "supervisor"].includes(role);
-      }
-      if (currentRole === "it") {
-        return ["plant_head", "supervisor"].includes(role);
-      }
-      if (currentRole === "plant_head") {
-        return role === "supervisor";
-      }
-      return false;
+      return canRoleInviteRole(currentRole, role, { isSuperAdminOptifye });
     },
     /**
      * Get the name of the assignment column for a user
      */
     getAssignmentColumnName: (targetUser) => {
-      if (targetUser.role_level === "plant_head") {
-        return "Factories";
-      }
-      if (targetUser.role_level === "supervisor") {
-        return "Lines";
-      }
-      return "Assignments";
+      return getAssignmentColumnLabel(targetUser.role_level);
     },
     /**
      * Should the assignment column be shown?
      */
     showAssignmentColumn: () => {
-      return !!currentRole && ["optifye", "owner", "it", "plant_head"].includes(currentRole);
+      return !!currentRole && (currentRole === "optifye" || currentRole === "owner" || currentRole === "it" || isFactoryScopedRole(currentRole));
     }
   };
 }
@@ -20274,7 +20354,7 @@ var getStoredWorkspaceMappings = () => {
 var getDefaultTabForWorkspace = (workspaceId, displayName) => {
   return "overview";
 };
-var getWorkspaceNavigationParams = (workspaceId, displayName, lineId) => {
+var getWorkspaceNavigationParams = (workspaceId, displayName, lineId, returnTo) => {
   const defaultTab = getDefaultTabForWorkspace();
   const params = new URLSearchParams();
   params.set("displayName", displayName);
@@ -20282,6 +20362,9 @@ var getWorkspaceNavigationParams = (workspaceId, displayName, lineId) => {
   if (lineId) {
     params.set("lineId", lineId);
   }
+  if (returnTo) {
+    params.set("returnTo", returnTo);
+  }
   return `?${params.toString()}`;
 };
 
@@ -20577,14 +20660,18 @@ var formatIdleTime = (idleTimeInSeconds) => {
   if (!idleTimeInSeconds || idleTimeInSeconds <= 0) {
     return "0s";
   }
-  const hours = Math.floor(idleTimeInSeconds / 3600);
+  const days = Math.floor(idleTimeInSeconds / 86400);
+  const hours = Math.floor(idleTimeInSeconds % 86400 / 3600);
   const minutes = Math.floor(idleTimeInSeconds % 3600 / 60);
   const seconds = Math.floor(idleTimeInSeconds % 60);
   const parts = [];
+  if (days > 0) {
+    parts.push(`${days}d`);
+  }
   if (hours > 0) {
     parts.push(`${hours}h`);
   }
-  if (minutes > 0 || hours > 0) {
+  if (minutes > 0 || hours > 0 || days > 0) {
     parts.push(`${minutes}m`);
   }
   parts.push(`${seconds}s`);
@@ -20631,7 +20718,7 @@ var MotionConfigContext = createContext({
 });
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React26.Component {
+var PopChildMeasure = class extends React141.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -20686,7 +20773,7 @@ function PopChild({ children, isPresent }) {
       document.head.removeChild(style);
     };
   }, [isPresent]);
-  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React26.cloneElement(children, { ref }) });
+  return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React141.cloneElement(children, { ref }) });
 }
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
@@ -20723,7 +20810,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
   useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React26.useEffect(() => {
+  React141.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
@@ -28557,12 +28644,12 @@ var withAuth = (WrappedComponent2, options) => {
     requireAuth: true,
     ...options
   };
-  const WithAuthComponent = React26.memo(function WithAuthComponent2(props) {
+  const WithAuthComponent = React141.memo(function WithAuthComponent2(props) {
     const { session, loading, error } = useAuth();
     const router = useRouter();
-    const [localLoading, setLocalLoading] = React26.useState(loading);
-    const [loadingTimeoutReached, setLoadingTimeoutReached] = React26.useState(false);
-    React26.useEffect(() => {
+    const [localLoading, setLocalLoading] = React141.useState(loading);
+    const [loadingTimeoutReached, setLoadingTimeoutReached] = React141.useState(false);
+    React141.useEffect(() => {
       if (process.env.NODE_ENV === "development" && process.env.DEBUG_AUTH === "true") {
         console.log("withAuth state:", {
           loading,
@@ -28572,7 +28659,7 @@ var withAuth = (WrappedComponent2, options) => {
         });
       }
     }, [session, loading, error]);
-    const handleLoadingTimeout = React26.useCallback(() => {
+    const handleLoadingTimeout = React141.useCallback(() => {
       console.warn("[withAuth] Loading timeout reached");
       setLoadingTimeoutReached(true);
       if (typeof window !== "undefined" && localStorage.getItem("sb-zmzewpwerpaupoaoeqhh-auth-token")) {
@@ -28583,13 +28670,13 @@ var withAuth = (WrappedComponent2, options) => {
         router.replace(defaultOptions.redirectTo);
       }
     }, [router]);
-    React26.useEffect(() => {
+    React141.useEffect(() => {
       if (!loading && defaultOptions.requireAuth && !session && !error) {
         console.log("[withAuth] No session found, redirecting to login");
         router.replace(defaultOptions.redirectTo);
       }
     }, [session, loading, router, error]);
-    React26.useEffect(() => {
+    React141.useEffect(() => {
       setLocalLoading(loading);
     }, [loading]);
     if (loading || localLoading) {
@@ -28652,18 +28739,11 @@ function withAccessControl(WrappedComponent2, options = {}) {
       if (keyIndex >= 0 && keyIndex < segments.length - 1) return segments[keyIndex + 1];
       return null;
     };
-    const roleAccessMap = {
-      optifye: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/improvement-center", "/tickets"],
-      owner: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/improvement-center", "/tickets"],
-      it: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/improvement-center", "/tickets"],
-      plant_head: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/improvement-center", "/tickets"],
-      supervisor: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/skus", "/help", "/health", "/profile", "/workspace", "/improvement-center", "/tickets"]
-    };
     const canAccessPath = (path) => {
       if (!user || !role) return false;
       if (isSuperAdmin) return true;
       const basePath = getBasePath(path);
-      const allowed = roleAccessMap[role] || [];
+      const allowed = getRoleNavPaths(role);
       if (!allowed.includes(basePath)) {
         return false;
       }
@@ -29064,8 +29144,8 @@ function getRoleConfig(role) {
   switch (role) {
     case "optifye":
       return {
-        label: "Optifye",
-        description: "Full platform access - Optifye team member",
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
         icon: Star,
         bgColor: "bg-gradient-to-r from-purple-50 to-pink-50",
         textColor: "text-purple-700",
@@ -29073,8 +29153,8 @@ function getRoleConfig(role) {
       };
     case "owner":
       return {
-        label: "Owner",
-        description: "Company-wide access - Can manage all users and settings",
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
         icon: Shield,
         bgColor: "bg-blue-50",
         textColor: "text-blue-700",
@@ -29082,8 +29162,8 @@ function getRoleConfig(role) {
       };
     case "it":
       return {
-        label: "IT",
-        description: "Company-wide access - IT personnel with full company access",
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
         icon: Wrench,
         bgColor: "bg-teal-50",
         textColor: "text-teal-700",
@@ -29091,17 +29171,26 @@ function getRoleConfig(role) {
       };
     case "plant_head":
       return {
-        label: "Plant Head",
-        description: "Factory-level access - Can manage supervisors and factory settings",
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
         icon: Users,
         bgColor: "bg-blue-50",
         textColor: "text-blue-700",
         borderColor: "border-blue-200"
       };
+    case "industrial_engineer":
+      return {
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
+        icon: Users,
+        bgColor: "bg-amber-50",
+        textColor: "text-amber-700",
+        borderColor: "border-amber-200"
+      };
     case "supervisor":
       return {
-        label: "Supervisor",
-        description: "Line-level access - Can monitor assigned production lines",
+        label: getRoleLabel(role),
+        description: getRoleDescription(role),
         icon: User,
         bgColor: "bg-blue-50",
         textColor: "text-blue-700",
@@ -29209,7 +29298,7 @@ var SignupWithInvitation = ({
         if (invitation.line_ids && invitation.line_ids.length > 0) {
           properties.line_id = invitation.line_ids;
         }
-      } else if (invitation.role_level === "plant_head") {
+      } else if (invitation.role_level === "plant_head" || invitation.role_level === "industrial_engineer") {
         properties.access_level = "factory";
         if (invitation.factory_ids && invitation.factory_ids.length > 0) {
           properties.factory_ids = invitation.factory_ids;
@@ -29300,7 +29389,7 @@ var SignupWithInvitation = ({
             ] })
           ] })
         ] }),
-        invitation.role_level === "plant_head" && invitation.factory_ids && invitation.factory_ids.length > 0 && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
+        (invitation.role_level === "plant_head" || invitation.role_level === "industrial_engineer") && invitation.factory_ids && invitation.factory_ids.length > 0 && /* @__PURE__ */ jsxs("div", { className: "md:col-span-2", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 mb-1", children: "Assigned Factories" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(Building2, { className: "w-4 h-4 text-indigo-600" }),
@@ -29522,11 +29611,11 @@ var BarChartComponent = ({
   aspect = 2,
   ...restOfChartProps
 }) => {
-  const containerRef = React26__default.useRef(null);
-  const [containerReady, setContainerReady] = React26__default.useState(false);
+  const containerRef = React141__default.useRef(null);
+  const [containerReady, setContainerReady] = React141__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -29640,7 +29729,7 @@ var BarChartComponent = ({
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var BarChart = React26__default.memo(BarChartComponent, (prevProps, nextProps) => {
+var BarChart = React141__default.memo(BarChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || JSON.stringify(prevProps.referenceLines || []) !== JSON.stringify(nextProps.referenceLines || []) || prevProps.layout !== nextProps.layout || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect) {
     return false;
   }
@@ -29686,13 +29775,14 @@ var LineChartComponent = ({
   showTooltip = true,
   responsive = true,
   aspect = 2,
+  fillContainer = false,
   ...restOfChartProps
 }) => {
-  const containerRef = React26__default.useRef(null);
-  const [containerReady, setContainerReady] = React26__default.useState(false);
+  const containerRef = React141__default.useRef(null);
+  const [containerReady, setContainerReady] = React141__default.useState(false);
   const themeConfig = useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -29720,8 +29810,8 @@ var LineChartComponent = ({
   const defaultTooltipFormatter = (value, name, props) => {
     const formattedValue = typeof value === "number" ? formatNumber(value) : value;
     return [
-      /* @__PURE__ */ jsx("span", { children: `${formattedValue}${yAxisUnit || ""}` }, `tt-val-${name}-${value}`),
-      name
+      /* @__PURE__ */ jsx("span", { className: "text-gray-900", children: `${formattedValue}${yAxisUnit || ""}` }, `tt-val-${name}-${value}`),
+      /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: name }, `tt-name-${name}`)
     ];
   };
   const defaultColors = [
@@ -29757,7 +29847,7 @@ var LineChartComponent = ({
         stroke: axisStrokeColor
       }
     ),
-    showTooltip && /* @__PURE__ */ jsx(Tooltip, { formatter: tooltipFormatter || defaultTooltipFormatter, cursor: { strokeDasharray: "3 3" } }),
+    showTooltip && /* @__PURE__ */ jsx(Tooltip, { formatter: tooltipFormatter || defaultTooltipFormatter, itemStyle: { color: "#111827" }, cursor: { strokeDasharray: "3 3" } }),
     showLegend && /* @__PURE__ */ jsx(Legend, { payload: legendPayload }),
     lines.map((lineConfig, index) => {
       const lineProps = {
@@ -29783,15 +29873,15 @@ var LineChartComponent = ({
       "div",
       {
         ref: containerRef,
-        className: clsx("w-full h-auto", className),
-        style: { aspectRatio: `${aspect}/1`, minHeight: "50px", minWidth: "100px" },
+        className: clsx(fillContainer ? "w-full h-full" : "w-full h-auto", className),
+        style: fillContainer ? { height: "100%", minHeight: "50px", minWidth: "100px" } : { aspectRatio: `${aspect}/1`, minHeight: "50px", minWidth: "100px" },
         children: containerReady ? /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: chartContent }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-50 rounded-lg", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 text-sm", children: "Loading chart..." }) })
       }
     );
   }
   return /* @__PURE__ */ jsx("div", { className: clsx("w-full", className), children: chartContent });
 };
-var LineChart = React26__default.memo(LineChartComponent, (prevProps, nextProps) => {
+var LineChart = React141__default.memo(LineChartComponent, (prevProps, nextProps) => {
   if (prevProps.xAxisDataKey !== nextProps.xAxisDataKey || prevProps.xAxisLabel !== nextProps.xAxisLabel || prevProps.yAxisLabel !== nextProps.yAxisLabel || prevProps.yAxisUnit !== nextProps.yAxisUnit || prevProps.className !== nextProps.className || prevProps.showGrid !== nextProps.showGrid || prevProps.showLegend !== nextProps.showLegend || prevProps.showTooltip !== nextProps.showTooltip || prevProps.responsive !== nextProps.responsive || prevProps.aspect !== nextProps.aspect || JSON.stringify(prevProps.yAxisDomain) !== JSON.stringify(nextProps.yAxisDomain)) {
     return false;
   }
@@ -29885,7 +29975,7 @@ var OutputProgressChartComponent = ({
     ] }) })
   ] }) });
 };
-var OutputProgressChart = React26__default.memo(OutputProgressChartComponent);
+var OutputProgressChart = React141__default.memo(OutputProgressChartComponent);
 OutputProgressChart.displayName = "OutputProgressChart";
 var LargeOutputProgressChart = ({
   currentOutput,
@@ -30025,7 +30115,7 @@ var CycleTimeChartComponent = ({
     }
   ) }) });
 };
-var CycleTimeChart = React26__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
+var CycleTimeChart = React141__default.memo(CycleTimeChartComponent, (prevProps, nextProps) => {
   if (prevProps.className !== nextProps.className) {
     return false;
   }
@@ -30051,8 +30141,8 @@ var CycleTimeOverTimeChart = ({
   className = ""
 }) => {
   const MAX_DATA_POINTS = 40;
-  const containerRef = React26__default.useRef(null);
-  const [containerReady, setContainerReady] = React26__default.useState(false);
+  const containerRef = React141__default.useRef(null);
+  const [containerReady, setContainerReady] = React141__default.useState(false);
   const getHourFromTimeString = (timeStr) => {
     const [hours, minutes] = timeStr.split(":");
     return parseInt(hours);
@@ -30063,10 +30153,10 @@ var CycleTimeOverTimeChart = ({
   };
   const displayData = getDisplayData(data);
   const DURATION = displayData.length;
-  const [animatedData, setAnimatedData] = React26__default.useState(Array(DURATION).fill(0));
-  const prevDataRef = React26__default.useRef(Array(DURATION).fill(0));
-  const animationFrameRef = React26__default.useRef(null);
-  const animateToNewData = React26__default.useCallback((targetData) => {
+  const [animatedData, setAnimatedData] = React141__default.useState(Array(DURATION).fill(0));
+  const prevDataRef = React141__default.useRef(Array(DURATION).fill(0));
+  const animationFrameRef = React141__default.useRef(null);
+  const animateToNewData = React141__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -30096,7 +30186,7 @@ var CycleTimeOverTimeChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const processedData = getDisplayData(data);
       animateToNewData(processedData);
@@ -30107,7 +30197,7 @@ var CycleTimeOverTimeChart = ({
       }
     };
   }, [data, animateToNewData]);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -30350,7 +30440,7 @@ var CycleTimeOverTimeChart = ({
     }
   );
 };
-var Card = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -30362,7 +30452,7 @@ var Card = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -30371,7 +30461,7 @@ var CardHeader = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -30383,7 +30473,7 @@ var CardTitle = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -30392,9 +30482,9 @@ var CardDescription = React26.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -30470,7 +30560,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React26.forwardRef(
+var Button = React141.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -30497,9 +30587,9 @@ var HourlyOutputChartComponent = ({
   timezone,
   className = ""
 }) => {
-  const containerRef = React26__default.useRef(null);
-  const [containerReady, setContainerReady] = React26__default.useState(false);
-  const [containerWidth, setContainerWidth] = React26__default.useState(0);
+  const containerRef = React141__default.useRef(null);
+  const [containerReady, setContainerReady] = React141__default.useState(false);
+  const [containerWidth, setContainerWidth] = React141__default.useState(0);
   const getTimeFromTimeString2 = (timeStr) => {
     const [hours, minutes] = timeStr.split(":");
     const hour = parseInt(hours);
@@ -30508,13 +30598,13 @@ var HourlyOutputChartComponent = ({
     return { hour, minute, decimalHour };
   };
   const shiftStartTime = getTimeFromTimeString2(shiftStart);
-  React26__default.useMemo(() => {
+  React141__default.useMemo(() => {
     if (!shiftDate || !timezone) return null;
     const hour = shiftStartTime.hour.toString().padStart(2, "0");
     const minute = shiftStartTime.minute.toString().padStart(2, "0");
     return fromZonedTime(`${shiftDate}T${hour}:${minute}:00`, timezone);
   }, [shiftDate, timezone, shiftStartTime.hour, shiftStartTime.minute]);
-  const idleClipRanges = React26__default.useMemo(() => {
+  const idleClipRanges = React141__default.useMemo(() => {
     if (!idleTimeClips || idleTimeClips.length === 0) return [];
     return idleTimeClips.map((clip) => ({
       id: clip.id,
@@ -30522,7 +30612,7 @@ var HourlyOutputChartComponent = ({
       end: clip.idle_end_time ? new Date(clip.idle_end_time) : null
     })).filter((clip) => clip.start && clip.end);
   }, [idleTimeClips]);
-  React26__default.useCallback((rangeStart, rangeEnd) => {
+  React141__default.useCallback((rangeStart, rangeEnd) => {
     if (!rangeStart || !rangeEnd || idleClipRanges.length === 0) {
       return "Reason unavailable";
     }
@@ -30539,7 +30629,7 @@ var HourlyOutputChartComponent = ({
     }
     return classification.label.replace(/_/g, " ");
   }, [idleClipRanges, idleTimeClipClassifications]);
-  const { shiftDuration, shiftEndTime, hasPartialLastHour } = React26__default.useMemo(() => {
+  const { shiftDuration, shiftEndTime, hasPartialLastHour } = React141__default.useMemo(() => {
     console.log("[HourlyOutputChart] Calculating shift duration with:", {
       shiftStart,
       shiftEnd,
@@ -30574,12 +30664,12 @@ var HourlyOutputChartComponent = ({
   }, [shiftEnd, shiftStartTime.decimalHour]);
   const SHIFT_DURATION = shiftDuration;
   shiftEndTime ? shiftEndTime.hour : (shiftStartTime.hour + SHIFT_DURATION) % 24;
-  const [animatedData, setAnimatedData] = React26__default.useState(
+  const [animatedData, setAnimatedData] = React141__default.useState(
     () => Array(SHIFT_DURATION).fill(0)
   );
-  const prevDataRef = React26__default.useRef(Array(SHIFT_DURATION).fill(0));
-  const animationFrameRef = React26__default.useRef(null);
-  React26__default.useEffect(() => {
+  const prevDataRef = React141__default.useRef(Array(SHIFT_DURATION).fill(0));
+  const animationFrameRef = React141__default.useRef(null);
+  React141__default.useEffect(() => {
     setAnimatedData((prev) => {
       if (prev.length !== SHIFT_DURATION) {
         return Array(SHIFT_DURATION).fill(0);
@@ -30588,14 +30678,14 @@ var HourlyOutputChartComponent = ({
     });
     prevDataRef.current = Array(SHIFT_DURATION).fill(0);
   }, [SHIFT_DURATION]);
-  const [idleBarState, setIdleBarState] = React26__default.useState({
+  const [idleBarState, setIdleBarState] = React141__default.useState({
     visible: showIdleTime,
     key: 0,
     shouldAnimate: false
   });
-  const prevShowIdleTimeRef = React26__default.useRef(showIdleTime);
-  const stateUpdateTimeoutRef = React26__default.useRef(null);
-  React26__default.useEffect(() => {
+  const prevShowIdleTimeRef = React141__default.useRef(showIdleTime);
+  const stateUpdateTimeoutRef = React141__default.useRef(null);
+  React141__default.useEffect(() => {
     if (stateUpdateTimeoutRef.current) {
       clearTimeout(stateUpdateTimeoutRef.current);
     }
@@ -30620,7 +30710,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [showIdleTime]);
-  const animateToNewData = React26__default.useCallback((targetData) => {
+  const animateToNewData = React141__default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -30650,7 +30740,7 @@ var HourlyOutputChartComponent = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const shiftData = data.slice(0, SHIFT_DURATION);
       animateToNewData(shiftData);
@@ -30661,7 +30751,7 @@ var HourlyOutputChartComponent = ({
       }
     };
   }, [data, animateToNewData]);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -30687,7 +30777,7 @@ var HourlyOutputChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React26__default.useMemo(() => {
+  const xAxisConfig = React141__default.useMemo(() => {
     if (containerWidth >= 960) {
       return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12 };
     }
@@ -30696,7 +30786,7 @@ var HourlyOutputChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6 };
   }, [containerWidth]);
-  const formatHour = React26__default.useCallback((hourIndex) => {
+  const formatHour = React141__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -30720,7 +30810,7 @@ var HourlyOutputChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)}-${formatTime5(endHour, endMinute)}`;
   }, [shiftStartTime.decimalHour, SHIFT_DURATION, shiftEndTime]);
-  const formatTimeRange2 = React26__default.useCallback((hourIndex) => {
+  const formatTimeRange2 = React141__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === SHIFT_DURATION - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -30741,7 +30831,7 @@ var HourlyOutputChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftStartTime.decimalHour, SHIFT_DURATION, shiftEndTime]);
-  const chartData = React26__default.useMemo(() => {
+  const chartData = React141__default.useMemo(() => {
     return Array.from({ length: SHIFT_DURATION }, (_, i) => {
       const actualHour = (shiftStartTime.hour + i) % 24;
       const startMinute = shiftStartTime.minute;
@@ -30811,7 +30901,7 @@ var HourlyOutputChartComponent = ({
       };
     });
   }, [animatedData, data, pphThreshold, idleTimeHourly, shiftStartTime.hour, shiftStartTime.minute, shiftEndTime, formatHour, formatTimeRange2, SHIFT_DURATION]);
-  const IdleBar = React26__default.useMemo(() => {
+  const IdleBar = React141__default.useMemo(() => {
     if (!idleBarState.visible) return null;
     return /* @__PURE__ */ jsx(
       Bar,
@@ -31139,7 +31229,7 @@ var HourlyOutputChartComponent = ({
     }
   );
 };
-var HourlyOutputChart = React26__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
+var HourlyOutputChart = React141__default.memo(HourlyOutputChartComponent, (prevProps, nextProps) => {
   if (prevProps.pphThreshold !== nextProps.pphThreshold || prevProps.shiftStart !== nextProps.shiftStart || prevProps.shiftEnd !== nextProps.shiftEnd || prevProps.shiftDate !== nextProps.shiftDate || prevProps.timezone !== nextProps.timezone || prevProps.showIdleTime !== nextProps.showIdleTime || prevProps.className !== nextProps.className) {
     return false;
   }
@@ -31202,7 +31292,7 @@ function getTrendArrowAndColor(trend) {
     return { arrow: "\u2192", color: "text-gray-400" };
   }
 }
-var VideoCard = React26__default.memo(({
+var VideoCard = React141__default.memo(({
   workspace,
   hlsUrl,
   shouldPlay,
@@ -31382,7 +31472,7 @@ var logDebug2 = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS2) return;
   console.log(...args);
 };
-var VideoGridView = React26__default.memo(({
+var VideoGridView = React141__default.memo(({
   workspaces,
   selectedLine,
   className = "",
@@ -31619,7 +31709,8 @@ var VideoGridView = React26__default.memo(({
       action_count: workspace.action_count
     });
     const displayName = getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
-    const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id);
+    const currentPath = (router.asPath || "/").split("#")[0];
+    const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id, currentPath);
     router.push(`/workspace/${workspaceId}${navParams}`);
   }, [router, prewarmClipsInit]);
   const handleStreamError = useCallback((workspaceId, options) => {
@@ -31751,7 +31842,7 @@ var VideoGridView = React26__default.memo(({
   ) }) });
 });
 VideoGridView.displayName = "VideoGridView";
-var MapGridView = React26__default.memo(({
+var MapGridView = React141__default.memo(({
   workspaces,
   className = "",
   displayNames = {},
@@ -31826,7 +31917,8 @@ var MapGridView = React26__default.memo(({
     });
     const displayName = displayNames[`${workspace.line_id}_${workspace.workspace_name}`] || // Always pass line_id to fallback to ensure correct mapping per line
     getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
-    const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id);
+    const currentPath = (router.asPath || "/").split("#")[0];
+    const navParams = getWorkspaceNavigationParams(workspaceId, displayName, workspace.line_id, currentPath);
     router.push(`/workspace/${workspaceId}${navParams}`);
   }, [router, displayNames, prewarmClipsInit]);
   const activePositions = useMemo(() => {
@@ -32572,7 +32664,7 @@ var UptimeLineChartComponent = ({ points, className = "" }) => {
     )
   ] }) }) });
 };
-var UptimeLineChart = React26__default.memo(UptimeLineChartComponent);
+var UptimeLineChart = React141__default.memo(UptimeLineChartComponent);
 var padTime = (value) => value.toString().padStart(2, "0");
 var parseTime = (timeValue) => {
   if (!timeValue) return null;
@@ -32781,10 +32873,10 @@ var HourlyUptimeChartComponent = ({
   elapsedMinutes,
   className = ""
 }) => {
-  const containerRef = React26__default.useRef(null);
-  const [containerReady, setContainerReady] = React26__default.useState(false);
-  const [containerWidth, setContainerWidth] = React26__default.useState(0);
-  const uptimeSeries = React26__default.useMemo(() => buildUptimeSeries({
+  const containerRef = React141__default.useRef(null);
+  const [containerReady, setContainerReady] = React141__default.useState(false);
+  const [containerWidth, setContainerWidth] = React141__default.useState(0);
+  const uptimeSeries = React141__default.useMemo(() => buildUptimeSeries({
     idleTimeHourly,
     shiftStart,
     shiftEnd,
@@ -32793,11 +32885,11 @@ var HourlyUptimeChartComponent = ({
     elapsedMinutes
   }), [idleTimeHourly, shiftStart, shiftEnd, shiftDate, timezone, elapsedMinutes]);
   const hasAggregateData = Boolean(hourlyAggregates && hourlyAggregates.length > 0);
-  const shiftStartTime = React26__default.useMemo(
+  const shiftStartTime = React141__default.useMemo(
     () => getTimeFromTimeString(shiftStart),
     [shiftStart]
   );
-  const { shiftDuration, shiftEndTime } = React26__default.useMemo(() => {
+  const { shiftDuration, shiftEndTime } = React141__default.useMemo(() => {
     if (!shiftEnd) {
       const fallbackHours = uptimeSeries.shiftMinutes > 0 ? Math.ceil(uptimeSeries.shiftMinutes / 60) : 0;
       return { shiftDuration: fallbackHours, shiftEndTime: null };
@@ -32811,7 +32903,7 @@ var HourlyUptimeChartComponent = ({
     const hourCount = hasPartial ? Math.ceil(duration) : Math.round(duration);
     return { shiftDuration: hourCount, shiftEndTime: endTime };
   }, [shiftEnd, shiftStartTime.decimalHour, uptimeSeries.shiftMinutes]);
-  const formatHour = React26__default.useCallback((hourIndex) => {
+  const formatHour = React141__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -32836,7 +32928,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)}-${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const formatTimeRange2 = React26__default.useCallback((hourIndex) => {
+  const formatTimeRange2 = React141__default.useCallback((hourIndex) => {
     const isLastHour = hourIndex === shiftDuration - 1;
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
@@ -32858,7 +32950,7 @@ var HourlyUptimeChartComponent = ({
     };
     return `${formatTime5(startHour, startMinute)} - ${formatTime5(endHour, endMinute)}`;
   }, [shiftDuration, shiftStartTime.decimalHour, shiftEndTime]);
-  const chartData = React26__default.useMemo(() => {
+  const chartData = React141__default.useMemo(() => {
     if (shiftDuration <= 0) return [];
     if (hasAggregateData) {
       return hourlyAggregates.map((entry, hourIndex) => ({
@@ -32900,7 +32992,7 @@ var HourlyUptimeChartComponent = ({
   }, [hasAggregateData, hourlyAggregates, uptimeSeries.points, uptimeSeries.elapsedMinutes, uptimeSeries.shiftMinutes, shiftDuration, formatHour, formatTimeRange2]);
   const maxYValue = 100;
   const yAxisTicks = [0, 25, 50, 75, 100];
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkContainerDimensions = () => {
       if (containerRef.current) {
         const rect = containerRef.current.getBoundingClientRect();
@@ -32926,7 +33018,7 @@ var HourlyUptimeChartComponent = ({
       clearTimeout(fallbackTimeout);
     };
   }, []);
-  const xAxisConfig = React26__default.useMemo(() => {
+  const xAxisConfig = React141__default.useMemo(() => {
     if (containerWidth >= 960) {
       return { interval: 0, angle: -45, height: 92, tickFont: 10, tickMargin: 12, labelMode: "full" };
     }
@@ -32935,7 +33027,7 @@ var HourlyUptimeChartComponent = ({
     }
     return { interval: 0, angle: -30, height: 64, tickFont: 9, tickMargin: 6, labelMode: "start" };
   }, [containerWidth]);
-  const formatXAxisTick = React26__default.useCallback((raw) => {
+  const formatXAxisTick = React141__default.useCallback((raw) => {
     const label = typeof raw === "string" ? raw : String(raw);
     if (xAxisConfig.labelMode === "full") return label;
     const parts = label.split("-");
@@ -33141,7 +33233,7 @@ var HourlyUptimeChartComponent = ({
     }
   );
 };
-var HourlyUptimeChart = React26__default.memo(HourlyUptimeChartComponent);
+var HourlyUptimeChart = React141__default.memo(HourlyUptimeChartComponent);
 var DEFAULT_COLORS2 = ["#00AB45", "#ef4444"];
 var UptimeDonutChartComponent = ({
   data,
@@ -33211,7 +33303,7 @@ var UptimeDonutChartComponent = ({
     ] }) })
   ] }) });
 };
-var UptimeDonutChart = React26__default.memo(UptimeDonutChartComponent);
+var UptimeDonutChart = React141__default.memo(UptimeDonutChartComponent);
 UptimeDonutChart.displayName = "UptimeDonutChart";
 var TrendIcon = ({ trend }) => {
   if (trend === "up") {
@@ -33330,7 +33422,7 @@ var EmptyStateMessage = ({
   iconClassName
 }) => {
   let IconContent = null;
-  if (React26__default.isValidElement(iconType)) {
+  if (React141__default.isValidElement(iconType)) {
     IconContent = iconType;
   } else if (typeof iconType === "string") {
     const MappedIcon = IconMap[iconType];
@@ -35615,7 +35707,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React141.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -35631,7 +35723,7 @@ var SelectTrigger = React26.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -35641,7 +35733,7 @@ var SelectScrollUpButton = React26.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -35651,7 +35743,7 @@ var SelectScrollDownButton = React26.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React26.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React141.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -35679,7 +35771,7 @@ var SelectContent = React26.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -35688,7 +35780,7 @@ var SelectLabel = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React141.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -35704,7 +35796,7 @@ var SelectItem = React26.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React141.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -36003,7 +36095,7 @@ var TimePickerDropdown = ({
     ] })
   ] });
 };
-var SilentErrorBoundary = class extends React26__default.Component {
+var SilentErrorBoundary = class extends React141__default.Component {
   constructor(props) {
     super(props);
     this.handleClearAndReload = () => {
@@ -42517,6 +42609,32 @@ var STATIC_COLORS = {
 };
 var PRODUCTIVE_COLOR = "#00AB45";
 var IDLE_COLOR = "#e5e7eb";
+var formatDuration = (seconds) => {
+  if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
+    return "--";
+  }
+  const wholeSeconds = Math.max(0, Math.round(seconds));
+  const days = Math.floor(wholeSeconds / 86400);
+  const hours = Math.floor(wholeSeconds % 86400 / 3600);
+  const minutes = Math.floor(wholeSeconds % 3600 / 60);
+  const remainingSeconds = wholeSeconds % 60;
+  if (days > 0) {
+    return `${days}d ${hours}h ${minutes}m ${remainingSeconds}s`;
+  }
+  if (hours > 0) {
+    return `${hours}h ${minutes}m ${remainingSeconds}s`;
+  }
+  if (minutes > 0) {
+    return `${minutes}m ${remainingSeconds}s`;
+  }
+  return `${remainingSeconds}s`;
+};
+var formatPercentage = (value) => {
+  if (value === null || value === void 0 || !Number.isFinite(value)) {
+    return "--";
+  }
+  return `${value.toFixed(1)}%`;
+};
 var getColorForEntry = (name, index) => {
   const normalized = name.trim().toLowerCase();
   if (normalized === "productive" || normalized === "productive time") {
@@ -42531,11 +42649,37 @@ var getColorForEntry = (name, index) => {
   const snakeCaseName = name.replace(/ /g, "_");
   return getReasonColor(snakeCaseName, index);
 };
-var CustomTooltip = ({ active, payload }) => {
+var CustomTooltip = ({ active, payload, hideTotalDuration }) => {
   if (active && payload && payload.length) {
-    return /* @__PURE__ */ jsxs("div", { className: "bg-white p-2 border border-gray-200 shadow-md rounded-md text-xs z-50", children: [
-      /* @__PURE__ */ jsx("p", { className: "font-medium", children: payload[0].name }),
-      /* @__PURE__ */ jsx("p", { className: "text-gray-500", children: `${payload[0].value.toFixed(1)}%` })
+    const datum = payload[0]?.payload;
+    const contributors = datum?.contributors || [];
+    const fill = payload[0]?.payload?.fill || payload[0]?.fill || getColorForEntry(payload[0].name, 0);
+    return /* @__PURE__ */ jsxs("div", { className: "bg-white/95 backdrop-blur-sm p-3 border border-gray-200 shadow-xl rounded-lg z-50 min-w-[200px]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-2 pb-1 border-b border-gray-100", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full flex-shrink-0", style: { backgroundColor: fill } }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-slate-800 text-sm", children: payload[0].name.replace(/_/g, " ") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-slate-500", children: "Share of idle time" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-800", children: `${payload[0].value.toFixed(1)}%` })
+        ] }),
+        !hideTotalDuration && datum?.totalDurationSeconds !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-slate-500", children: "Total Duration" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-800", children: formatDuration(datum.totalDurationSeconds) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-slate-500", children: "Efficiency Loss" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-slate-800", children: formatPercentage(datum?.efficiencyLossPercentage) })
+        ] })
+      ] }),
+      contributors.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-2 pt-2 border-t border-gray-100", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-[9px] font-semibold uppercase tracking-wider text-slate-400 mb-1.5", children: "Top Workstations" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: contributors.slice(0, 3).map((contributor) => /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 text-[10px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-slate-700 truncate max-w-[120px]", children: contributor.workspaceName }),
+          /* @__PURE__ */ jsx("span", { className: "text-slate-500 text-right whitespace-nowrap", children: `${formatDuration(contributor.totalDurationSeconds)} \u2022 ${Number(contributor.percentageWithinReason || 0).toFixed(1)}%` })
+        ] }, `${payload[0].name}-${contributor.workspaceId}`)) })
+      ] }) : null
     ] });
   }
   return null;
@@ -42572,10 +42716,11 @@ var ErrorState = ({ error }) => /* @__PURE__ */ jsx("div", { className: "w-full
 var IdleTimeReasonChartComponent = ({
   data,
   isLoading = false,
-  error = null
+  error = null,
+  hideTotalDuration = false
 }) => {
-  const [activeData, setActiveData] = React26__default.useState([]);
-  React26__default.useEffect(() => {
+  const [activeData, setActiveData] = React141__default.useState([]);
+  React141__default.useEffect(() => {
     if (activeData.length > 0) {
       setActiveData([]);
     }
@@ -42590,7 +42735,7 @@ var IdleTimeReasonChartComponent = ({
       setActiveData([]);
     }
   }, [data]);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     if (!data || data.length === 0) return;
     data.forEach((entry, index) => {
       if (entry.name.toLowerCase().includes("other")) {
@@ -42598,7 +42743,7 @@ var IdleTimeReasonChartComponent = ({
       }
     });
   }, [data]);
-  const pieKey = React26__default.useMemo(() => {
+  const pieKey = React141__default.useMemo(() => {
     return activeData.map((d) => `${d.name}-${d.value}`).join("|");
   }, [activeData]);
   if (isLoading) {
@@ -42625,19 +42770,29 @@ var IdleTimeReasonChartComponent = ({
         }
         .recharts-wrapper {
           outline: none !important;
+          overflow: visible !important;
+        }
+        .recharts-tooltip-wrapper {
+          z-index: 1000 !important;
+        }
+        .recharts-responsive-container {
+          overflow: visible !important;
+        }
+        .recharts-surface {
+          overflow: visible !important;
         }
       ` }),
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: "w-full h-full flex items-center overflow-hidden focus:outline-none",
+        className: "w-full h-full flex items-center overflow-visible focus:outline-none",
         tabIndex: -1,
         onFocus: (e) => e.currentTarget.blur(),
         children: [
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: "flex-1 h-full min-w-0 relative focus:outline-none",
+              className: "flex-1 h-full min-w-0 relative focus:outline-none overflow-visible",
               tabIndex: -1,
               onFocus: (e) => e.currentTarget.blur(),
               children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(PieChart, { margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
@@ -42669,11 +42824,11 @@ var IdleTimeReasonChartComponent = ({
                   },
                   pieKey
                 ),
-                /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(CustomTooltip, {}) })
+                /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(CustomTooltip, { hideTotalDuration }) })
               ] }) })
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "w-[45%] max-w-[140px] pl-2 flex flex-col justify-center h-full overflow-y-auto", children: /* @__PURE__ */ jsx("ul", { className: "text-xs space-y-1.5", children: data.map((entry, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-[50%] max-w-[200px] pl-1 pr-1 flex flex-col justify-center h-full overflow-y-auto", children: /* @__PURE__ */ jsx("ul", { className: "text-xs space-y-1.5", children: data.map((entry, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start", children: [
             /* @__PURE__ */ jsx(
               "span",
               {
@@ -42681,14 +42836,14 @@ var IdleTimeReasonChartComponent = ({
                 style: { backgroundColor: getColorForEntry(entry.name, index) }
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "text-gray-600 leading-tight text-[10px] sm:text-xs break-words", children: entry.name })
+            /* @__PURE__ */ jsx("span", { className: "text-gray-600 leading-tight text-[11px] sm:text-xs break-words", children: entry.name.replace(/_/g, " ") })
           ] }, `item-${index}`)) }) })
         ]
       }
     )
   ] });
 };
-var IdleTimeReasonChart = React26__default.memo(IdleTimeReasonChartComponent);
+var IdleTimeReasonChart = React141__default.memo(IdleTimeReasonChartComponent);
 IdleTimeReasonChart.displayName = "IdleTimeReasonChart";
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
 var DEFAULT_PERFORMANCE_DATA = {
@@ -46910,11 +47065,11 @@ var getWorkspaceStyles = (position, isPlaceholder = false) => {
           ${isPlaceholder ? "cursor-default" : ""}`;
 };
 var formatPercentRange = (min, max) => {
-  const format7 = (value) => Number.isInteger(value) ? `${value}` : value.toFixed(1);
+  const format8 = (value) => Number.isInteger(value) ? `${value}` : value.toFixed(1);
   if (min >= 100 || max >= 100) {
-    return `${format7(min)}+%`;
+    return `${format8(min)}+%`;
   }
-  return `${format7(min)}-${format7(max)}%`;
+  return `${format8(min)}-${format8(max)}%`;
 };
 var Legend6 = ({ useBottleneckLabel = false, legend }) => {
   const effectiveLegend = legend || DEFAULT_EFFICIENCY_LEGEND;
@@ -46948,7 +47103,7 @@ var arePropsEqual = (prevProps, nextProps) => {
   return prevProps.data.efficiency === nextProps.data.efficiency && prevProps.data.trend_score === nextProps.data.trend_score && prevProps.data.workspace_id === nextProps.data.workspace_id && prevProps.data.workspace_name === nextProps.data.workspace_name && prevProps.isBottleneck === nextProps.isBottleneck && prevProps.isLowEfficiency === nextProps.isLowEfficiency && prevProps.isVeryLowEfficiency === nextProps.isVeryLowEfficiency && prevLegend.green_min === nextLegend.green_min && prevLegend.green_max === nextLegend.green_max && prevLegend.yellow_min === nextLegend.yellow_min && prevLegend.yellow_max === nextLegend.yellow_max && prevLegend.red_min === nextLegend.red_min && prevLegend.red_max === nextLegend.red_max && prevLegend.critical_threshold === nextLegend.critical_threshold && // Position doesn't need deep equality check as it's generally static
   prevProps.position.id === nextProps.position.id;
 };
-var WorkspaceGridItem = React26__default.memo(({
+var WorkspaceGridItem = React141__default.memo(({
   data,
   position,
   isBottleneck = false,
@@ -46977,7 +47132,8 @@ var WorkspaceGridItem = React26__default.memo(({
     e.preventDefault();
     if (isInactive) return;
     const displayName = getWorkspaceDisplayName(data.workspace_name, data.line_id);
-    const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName, data.line_id);
+    const currentPath = typeof window !== "undefined" ? `${window.location.pathname}${window.location.search}` : "/";
+    const navParams = getWorkspaceNavigationParams(data.workspace_id, displayName, data.line_id, currentPath);
     navigate(`/workspace/${data.workspace_id}${navParams}`, {
       trackingEvent: {
         name: "Workspace Detail Clicked",
@@ -47042,7 +47198,7 @@ var WorkspaceGridItem = React26__default.memo(({
   );
 }, arePropsEqual);
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
-var WorkspaceGrid = React26__default.memo(({
+var WorkspaceGrid = React141__default.memo(({
   workspaces,
   isPdfMode = false,
   customWorkspacePositions,
@@ -47297,7 +47453,7 @@ var KPICard = ({
 }) => {
   useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  const trendInfo = React26__default.useMemo(() => {
+  const trendInfo = React141__default.useMemo(() => {
     let trendValue = trend || "neutral";
     if (change !== void 0 && trend === void 0) {
       trendValue = change > 0 ? "up" : change < 0 ? "down" : "neutral";
@@ -47324,7 +47480,7 @@ var KPICard = ({
     const shouldShowTrend = !(change === 0 && trend === void 0);
     return { trendValue, Icon: Icon2, colorClass, bgClass, shouldShowTrend };
   }, [trend, change]);
-  const formattedValue = React26__default.useMemo(() => {
+  const formattedValue = React141__default.useMemo(() => {
     if (title === "Quality Compliance" && typeof value === "number") {
       return value.toFixed(1);
     }
@@ -47338,7 +47494,7 @@ var KPICard = ({
     }
     return value;
   }, [value, title]);
-  const formattedChange = React26__default.useMemo(() => {
+  const formattedChange = React141__default.useMemo(() => {
     if (change === void 0 || change === 0 && !showZeroChange) return null;
     const absChange = Math.abs(change);
     return formatNumber(absChange, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
@@ -47776,7 +47932,7 @@ var WorkspaceHealthCard = ({
       onClick(workspace);
     }
   };
-  const formatDuration4 = (minutes) => {
+  const formatDuration5 = (minutes) => {
     if (!minutes || minutes <= 0) return "0 min";
     const rounded = Math.max(Math.round(minutes), 0);
     const days = Math.floor(rounded / 1440);
@@ -47842,7 +47998,7 @@ var WorkspaceHealthCard = ({
       };
     }
     return {
-      text: `${formatDuration4(downtimeMinutes)}`,
+      text: `${formatDuration5(downtimeMinutes)}`,
       className: downtimeMinutes > 60 ? "text-rose-600 dark:text-rose-400" : "text-amber-600 dark:text-amber-400",
       label: "Total Downtime"
     };
@@ -48818,7 +48974,7 @@ var Breadcrumbs = ({ items }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React26__default.Fragment, { children: [
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxs(React141__default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3 text-gray-400 dark:text-gray-500" }),
     /* @__PURE__ */ jsxs(
       "span",
@@ -48880,29 +49036,27 @@ var UserProfileDropdown = ({ config }) => {
       }
     }
   };
-  const defaultAvatar = /* @__PURE__ */ jsx(UserCircle, { className: "h-7 w-7 text-gray-500 dark:text-gray-400" });
+  const fullName = user?.user_metadata?.full_name;
+  const triggerLabel = config.showName !== false ? fullName || user.email || "Account" : "Account";
   return /* @__PURE__ */ jsxs("div", { className: "relative", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: "flex items-center gap-2 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800",
+        className: "flex items-center rounded-md px-2 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:text-gray-200 dark:hover:bg-gray-800 dark:focus:ring-offset-gray-800",
         onClick: () => setIsOpen(!isOpen),
         "aria-haspopup": "true",
         "aria-expanded": isOpen,
         "aria-label": "User menu",
-        children: [
-          config.customAvatar ? config.customAvatar : config.showAvatar !== false && user?.user_metadata?.avatar_url ? /* @__PURE__ */ jsx("img", { className: "h-8 w-8 rounded-full", src: user.user_metadata.avatar_url, alt: "User avatar" }) : defaultAvatar,
-          config.showName !== false && user?.user_metadata?.full_name && /* @__PURE__ */ jsx("span", { className: "hidden md:block text-sm font-medium text-gray-700 dark:text-gray-200", children: user.user_metadata.full_name })
-        ]
+        children: /* @__PURE__ */ jsx("span", { className: "truncate max-w-[180px]", children: triggerLabel })
       }
     ),
     isOpen && /* @__PURE__ */ jsxs("div", { className: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white dark:bg-gray-800 ring-1 ring-black ring-opacity-5 dark:ring-gray-700 focus:outline-none z-50", children: [
-      config.showName !== false && user?.user_metadata?.full_name && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 md:hidden", children: [
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: user.user_metadata.full_name }),
+      config.showName !== false && fullName && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 md:hidden", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: fullName }),
         user.email && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate", children: user.email })
       ] }),
-      user?.user_metadata?.full_name && /* @__PURE__ */ jsx("div", { className: "md:hidden h-px bg-gray-200 dark:bg-gray-700 my-1" }),
+      fullName && /* @__PURE__ */ jsx("div", { className: "md:hidden h-px bg-gray-200 dark:bg-gray-700 my-1" }),
       menuItems.map(
         (item) => item.isDivider ? /* @__PURE__ */ jsx("div", { className: "h-px bg-gray-200 dark:bg-gray-700 my-1" }, item.key) : /* @__PURE__ */ jsxs(
           "button",
@@ -49144,6 +49298,211 @@ var SettingsPopup = ({
     document.body
   );
 };
+var formatPercent = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "N/A";
+var formatRelativeTime2 = (value) => {
+  const parsed = new Date(value);
+  if (Number.isNaN(parsed.getTime())) return "Just now";
+  const diffMs = parsed.getTime() - Date.now();
+  const absSeconds = Math.round(Math.abs(diffMs) / 1e3);
+  const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+  if (absSeconds < 60) return rtf.format(Math.round(diffMs / 1e3), "second");
+  if (absSeconds < 3600) return rtf.format(Math.round(diffMs / 6e4), "minute");
+  if (absSeconds < 86400) return rtf.format(Math.round(diffMs / 36e5), "hour");
+  return rtf.format(Math.round(diffMs / 864e5), "day");
+};
+var AlertsPopup = ({
+  isOpen,
+  onClose,
+  triggerRef,
+  companyId,
+  alertsCount = 0,
+  onAlertsLoaded
+}) => {
+  const supabase = useSupabase();
+  const popupRef = useRef(null);
+  const [position, setPosition] = useState({ top: 0, left: 90, width: 360 });
+  const [mounted, setMounted] = useState(false);
+  const [alerts, setAlerts] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const loadAlerts = useCallback(async () => {
+    if (!supabase || !companyId) {
+      setAlerts([]);
+      onAlertsLoaded?.(0);
+      return;
+    }
+    try {
+      setIsLoading(true);
+      setError(null);
+      const response = await alertsService.getCurrentAlerts(supabase, companyId);
+      const nextAlerts = response?.alerts || [];
+      setAlerts(nextAlerts);
+      onAlertsLoaded?.(response?.total ?? nextAlerts.length);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to load alerts";
+      setAlerts([]);
+      setError(message);
+      onAlertsLoaded?.(0);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [companyId, onAlertsLoaded, supabase]);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  useEffect(() => {
+    if (!isOpen) return;
+    void loadAlerts();
+  }, [isOpen, loadAlerts]);
+  const updatePosition = useCallback(() => {
+    const viewportHeight = window.innerHeight;
+    const viewportWidth = window.innerWidth;
+    if (viewportWidth < 768) {
+      const mobileWidth = Math.max(240, Math.min(360, viewportWidth - 32));
+      setPosition({
+        top: Math.max(16, (viewportHeight - 280) / 2),
+        left: Math.max(16, (viewportWidth - mobileWidth) / 2),
+        width: mobileWidth
+      });
+      return;
+    }
+    if (!triggerRef.current) return;
+    const rect = triggerRef.current.getBoundingClientRect();
+    const popupHeight = 280;
+    let top = rect.bottom - popupHeight + 40;
+    if (top < 16) top = 16;
+    if (top + popupHeight > viewportHeight - 16) {
+      top = viewportHeight - popupHeight - 16;
+    }
+    setPosition({
+      top,
+      left: 88,
+      // Sidebar width (80px) + gap (8px)
+      width: 360
+    });
+  }, [triggerRef]);
+  useEffect(() => {
+    if (isOpen) {
+      updatePosition();
+      window.addEventListener("resize", updatePosition);
+      window.addEventListener("scroll", updatePosition);
+    }
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition);
+    };
+  }, [isOpen, updatePosition]);
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      const target = event.target;
+      const clickedTrigger = triggerRef.current?.contains(target) ?? false;
+      if (popupRef.current && !popupRef.current.contains(target) && !clickedTrigger) {
+        onClose();
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        onClose();
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleEscape);
+    }
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [isOpen, onClose, triggerRef]);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(
+      motion.div,
+      {
+        ref: popupRef,
+        initial: { opacity: 0, x: -12, scale: 0.95 },
+        animate: { opacity: 1, x: 0, scale: 1 },
+        exit: { opacity: 0, x: -12, scale: 0.95 },
+        transition: {
+          duration: 0.2,
+          ease: [0.16, 1, 0.3, 1]
+        },
+        style: {
+          position: "fixed",
+          top: position.top,
+          left: position.left,
+          width: position.width,
+          zIndex: 2147483647
+        },
+        className: "bg-white rounded-[16px] shadow-xl border border-gray-100 max-w-[calc(100vw-32px)] overflow-hidden flex flex-col",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-50 bg-[#fafafa]", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-[14px] font-bold text-[#111827] uppercase tracking-wide", children: "Recent Alerts" }),
+              alertsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "bg-[#eff6ff] text-[#2563eb] text-[11px] font-bold px-2 py-0.5 rounded-full", children: [
+                alertsCount,
+                " Active"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "text-gray-400 hover:text-gray-600 focus:outline-none p-1.5 -mr-1.5 rounded-lg hover:bg-gray-100 transition-colors",
+                children: /* @__PURE__ */ jsx(XMarkIcon, { className: "w-[18px] h-[18px]", strokeWidth: 2 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col max-h-[380px] overflow-y-auto", children: [
+            isLoading && /* @__PURE__ */ jsx("div", { className: "px-5 py-10 text-sm text-gray-500", children: "Loading current shift alerts..." }),
+            !isLoading && error && /* @__PURE__ */ jsx("div", { className: "px-5 py-10 text-sm text-red-600", children: error }),
+            !isLoading && !error && alerts.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-5 py-10 text-sm text-gray-500", children: "No active alerts for the current shift." }),
+            !isLoading && !error && alerts.map((alert2, index) => {
+              const isCritical = typeof alert2.delta_efficiency === "number" && alert2.delta_efficiency <= -10;
+              const description = `${alert2.monitoring_mode === "uptime" ? "Uptime" : "Output"} efficiency is ${formatPercent(alert2.current_efficiency)} vs last week's ${formatPercent(alert2.baseline_efficiency)} average.`;
+              return /* @__PURE__ */ jsx(
+                motion.div,
+                {
+                  initial: { opacity: 0, y: 10 },
+                  animate: { opacity: 1, y: 0 },
+                  transition: {
+                    duration: 0.2,
+                    delay: index * 0.05 + 0.1,
+                    ease: [0.16, 1, 0.3, 1]
+                  },
+                  className: "px-5 py-5 border-b border-gray-50 hover:bg-[#f8fafc] transition-colors",
+                  children: /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
+                    /* @__PURE__ */ jsx("div", { className: `shrink-0 flex items-start pt-0.5 ${isCritical ? "text-[#ef4444]" : "text-[#f59e0b]"}`, children: isCritical ? /* @__PURE__ */ jsx(ExclamationCircleIcon, { className: "w-5 h-5", strokeWidth: 1.5 }) : /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "w-5 h-5", strokeWidth: 1.5 }) }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-1.5", children: [
+                        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-[#111827]", children: alert2.line_name }),
+                        /* @__PURE__ */ jsx("span", { className: "text-[12px] text-[#94a3b8] font-medium whitespace-nowrap ml-3", children: formatRelativeTime2(alert2.evaluated_at) })
+                      ] }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-[12px] font-medium text-[#475569] uppercase tracking-wide", children: [
+                        alert2.monitoring_mode === "uptime" ? "Uptime" : "Output",
+                        " regression"
+                      ] }),
+                      /* @__PURE__ */ jsx("p", { className: "text-[13.5px] text-[#64748b] leading-[1.45] mt-1", children: description }),
+                      /* @__PURE__ */ jsxs("p", { className: "text-[12px] text-[#94a3b8] mt-2", children: [
+                        "Delta ",
+                        formatPercent(alert2.delta_efficiency),
+                        " across ",
+                        alert2.baseline_sample_size,
+                        " historical shifts"
+                      ] })
+                    ] })
+                  ] })
+                },
+                alert2.id
+              );
+            })
+          ] })
+        ]
+      }
+    ) }),
+    document.body
+  );
+};
 var SideNavBar = memo$1(({
   // These props are accepted but not used in this implementation
   navItems = [],
@@ -49157,17 +49516,13 @@ var SideNavBar = memo$1(({
   const router = useRouter();
   const { navigate } = useNavigation();
   const { signOut, user } = useAuth();
+  const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   const dashboardConfig = useDashboardConfig();
   const isSuperAdmin = user?.scope_mode === "SUPER_ADMIN" || !!user?.access_scope?.is_super_admin;
   const role = user?.role_level;
-  const roleAccessMap = {
-    optifye: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/tickets", "/improvement-center"],
-    owner: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/tickets", "/improvement-center"],
-    it: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/tickets", "/improvement-center"],
-    plant_head: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/supervisor-management", "/skus", "/help", "/health", "/profile", "/workspace", "/factory-view", "/team-management", "/tickets", "/improvement-center"],
-    supervisor: ["/", "/leaderboard", "/kpis", "/targets", "/shifts", "/skus", "/help", "/health", "/profile", "/workspace", "/tickets", "/improvement-center"]
-  };
+  const roleNavPaths = useMemo(() => getRoleNavPaths(role), [role]);
+  const showLiveMonitorLink = roleNavPaths.includes("/live-monitor");
   const getBasePath = useCallback((path) => {
     const firstSegment = path.split("?")[0].split("/").filter(Boolean)[0];
     return firstSegment ? `/${firstSegment}` : "/";
@@ -49176,9 +49531,8 @@ var SideNavBar = memo$1(({
     if (!role) return false;
     if (isSuperAdmin) return true;
     const basePath = getBasePath(path);
-    const allowedPaths = roleAccessMap[role] || [];
-    return allowedPaths.includes(basePath);
-  }, [role, isSuperAdmin, getBasePath]);
+    return roleNavPaths.includes(basePath);
+  }, [role, isSuperAdmin, getBasePath, roleNavPaths]);
   const lineId = entityConfig.defaultLineId || LINE_1_UUID;
   const skuEnabled = dashboardConfig?.skuConfig?.enabled || false;
   dashboardConfig?.supervisorConfig?.enabled || false;
@@ -49219,6 +49573,17 @@ var SideNavBar = memo$1(({
     });
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose]);
+  const handleLiveClick = useCallback(() => {
+    navigate("/live-monitor", {
+      trackingEvent: {
+        name: "Live Monitor Clicked",
+        properties: {
+          source: "side_nav"
+        }
+      }
+    });
+    onMobileMenuClose?.();
+  }, [navigate, onMobileMenuClose]);
   const handleKPIsClick = useCallback(() => {
     navigate(`/kpis`, {
       trackingEvent: {
@@ -49354,6 +49719,37 @@ var SideNavBar = memo$1(({
   }, [navigate, onMobileMenuClose]);
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const settingsTriggerRef = useRef(null);
+  const [isAlertsOpen, setIsAlertsOpen] = useState(false);
+  const [alertsCount, setAlertsCount] = useState(0);
+  const alertsTriggerRef = useRef(null);
+  const alertsCompanyId = entityConfig.companyId || user?.company_id;
+  const showAlertsButton = (role === "supervisor" || role === "optifye") && !!alertsCompanyId && !!supabase;
+  const refreshAlertsSummary = useCallback(async () => {
+    if (!showAlertsButton || !supabase || !alertsCompanyId) {
+      setAlertsCount(0);
+      return;
+    }
+    try {
+      const summary = await alertsService.getSummary(supabase, alertsCompanyId);
+      setAlertsCount(summary?.total_current_alerts || 0);
+    } catch (error) {
+      console.error("Failed to fetch alerts summary:", error);
+      setAlertsCount(0);
+    }
+  }, [alertsCompanyId, showAlertsButton, supabase]);
+  useEffect(() => {
+    if (!showAlertsButton) {
+      setAlertsCount(0);
+      return;
+    }
+    void refreshAlertsSummary();
+    const intervalId = window.setInterval(() => {
+      void refreshAlertsSummary();
+    }, 5 * 60 * 1e3);
+    return () => {
+      window.clearInterval(intervalId);
+    };
+  }, [refreshAlertsSummary, showAlertsButton]);
   const settingsItems = useMemo(() => {
     const items = [
       ...canAccessPath("/targets") ? [{
@@ -49448,6 +49844,7 @@ var SideNavBar = memo$1(({
     onMobileMenuClose?.();
   }, [navigate, onMobileMenuClose]);
   const homeButtonClasses = useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
+  const liveButtonClasses = useMemo(() => getButtonClasses("/live-monitor"), [getButtonClasses, pathname]);
   const leaderboardButtonClasses = useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
   const kpisButtonClasses = useMemo(() => getButtonClasses("/kpis"), [getButtonClasses, pathname]);
   const improvementButtonClasses = useMemo(() => getButtonClasses("/improvement-center"), [getButtonClasses, pathname]);
@@ -49461,6 +49858,12 @@ var SideNavBar = memo$1(({
       ${isActive ? "bg-blue-50/80 text-blue-600 font-medium" : "hover:bg-gray-50 text-gray-500 hover:text-gray-700 font-medium active:bg-gray-100"}
       transition-all duration-200 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2`;
   }, [isSettingsOpen, settingsItems]);
+  const alertsButtonClasses = useMemo(() => {
+    const isActive = isAlertsOpen;
+    return `w-full flex flex-col items-center justify-center py-4 sm:py-3 px-2 sm:px-1 rounded-lg relative group min-h-[44px] sm:min-h-0
+      ${isActive ? "bg-blue-50/80 text-blue-600 font-medium" : "hover:bg-gray-50 text-gray-500 hover:text-gray-700 font-medium active:bg-gray-100"}
+      transition-all duration-200 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2`;
+  }, [isAlertsOpen]);
   const NavigationContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "w-full py-6 px-4 flex-shrink-0", children: /* @__PURE__ */ jsx(
       "button",
@@ -49472,21 +49875,38 @@ var SideNavBar = memo$1(({
       }
     ) }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-6", children: canAccessPath("/") && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: handleHomeClick,
-          className: homeButtonClasses,
-          "aria-label": "Home",
-          tabIndex: 0,
-          role: "tab",
-          "aria-selected": pathname === "/" || pathname.startsWith("//"),
-          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" })
-          ]
-        }
-      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+        canAccessPath("/") && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: handleHomeClick,
+            className: homeButtonClasses,
+            "aria-label": "Home",
+            tabIndex: 0,
+            role: "tab",
+            "aria-selected": pathname === "/" || pathname.startsWith("//"),
+            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",
+          {
+            onClick: handleLiveClick,
+            className: `${liveButtonClasses} mt-3`,
+            "aria-label": "Monitor",
+            tabIndex: 0,
+            role: "tab",
+            "aria-selected": pathname === "/live-monitor" || pathname.startsWith("/live-monitor/"),
+            children: [
+              /* @__PURE__ */ jsx(VideoCameraIcon, { className: "w-5 h-5 mb-1" }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Monitor" })
+            ]
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
         canAccessPath("/leaderboard") && /* @__PURE__ */ jsxs(
           "button",
@@ -49566,22 +49986,55 @@ var SideNavBar = memo$1(({
         )
       ] })
     ] }),
-    settingsItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "w-full py-5 px-4 border-t border-gray-100 flex-shrink-0", children: /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref: settingsTriggerRef,
-        onClick: () => setIsSettingsOpen(!isSettingsOpen),
-        className: settingsButtonClasses,
-        "aria-label": "Settings",
-        tabIndex: 0,
-        role: "tab",
-        "aria-selected": isSettingsOpen || settingsItems.some((item) => item.isActive),
-        children: [
-          /* @__PURE__ */ jsx(Cog6ToothIcon, { className: "w-5 h-5 mb-1" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Settings" })
-        ]
-      }
-    ) })
+    /* @__PURE__ */ jsxs("div", { className: "w-full py-4 px-4 border-t border-gray-100 flex-shrink-0 flex flex-col gap-2", children: [
+      showAlertsButton && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: alertsTriggerRef,
+          onClick: () => {
+            setIsAlertsOpen(!isAlertsOpen);
+            setIsSettingsOpen(false);
+            if (!isAlertsOpen) {
+              void refreshAlertsSummary();
+            }
+          },
+          className: alertsButtonClasses,
+          "aria-label": "Alerts",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isAlertsOpen,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(BellIcon, { className: "w-5 h-5 mb-1" }),
+              alertsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
+                /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
+                /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight mt-1", children: "Alerts" })
+          ]
+        }
+      ),
+      settingsItems.length > 0 && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: settingsTriggerRef,
+          onClick: () => {
+            setIsSettingsOpen(!isSettingsOpen);
+            setIsAlertsOpen(false);
+          },
+          className: settingsButtonClasses,
+          "aria-label": "Settings",
+          tabIndex: 0,
+          role: "tab",
+          "aria-selected": isSettingsOpen || settingsItems.some((item) => item.isActive),
+          children: [
+            /* @__PURE__ */ jsx(Cog6ToothIcon, { className: "w-5 h-5 mb-1" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight", children: "Settings" })
+          ]
+        }
+      )
+    ] })
   ] });
   const MobileNavigationContent = () => {
     const isActive = (path) => {
@@ -49616,6 +50069,18 @@ var SideNavBar = memo$1(({
           ]
         }
       ),
+      showLiveMonitorLink && canAccessPath("/live-monitor") && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: handleMobileNavClick(handleLiveClick),
+          className: `${getMobileButtonClass("/live-monitor")} mt-2`,
+          "aria-label": "Monitor",
+          children: [
+            /* @__PURE__ */ jsx(VideoCameraIcon, { className: getIconClass("/live-monitor") }),
+            /* @__PURE__ */ jsx("span", { className: "text-base font-medium", children: "Monitor" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-2", children: [
         canAccessPath("/leaderboard") && /* @__PURE__ */ jsxs(
           "button",
@@ -49679,9 +50144,31 @@ var SideNavBar = memo$1(({
           }
         )
       ] }),
-      settingsItems.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-8 pt-6 border-t border-gray-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "mt-8 pt-6 border-t border-gray-100", children: [
         /* @__PURE__ */ jsx("h3", { className: "px-5 mb-3 text-[10px] font-bold text-gray-400 uppercase tracking-widest", children: "Settings & Support" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          showAlertsButton && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => {
+                setIsAlertsOpen(true);
+                void refreshAlertsSummary();
+                onMobileMenuClose?.();
+              },
+              className: getMobileButtonClass("/alerts"),
+              "aria-label": "Alerts",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                  /* @__PURE__ */ jsx(BellIcon, { className: getIconClass("/alerts") }),
+                  alertsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
+                    /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("span", { className: "text-base font-medium ml-3", children: "Alerts" })
+              ]
+            }
+          ),
           canAccessPath("/targets") && /* @__PURE__ */ jsxs(
             "button",
             {
@@ -49796,7 +50283,18 @@ var SideNavBar = memo$1(({
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(MobileNavigationContent, {}) })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertsPopup,
+      {
+        isOpen: isAlertsOpen,
+        onClose: () => setIsAlertsOpen(false),
+        triggerRef: alertsTriggerRef,
+        companyId: alertsCompanyId,
+        alertsCount,
+        onAlertsLoaded: setAlertsCount
+      }
+    )
   ] });
 });
 SideNavBar.displayName = "SideNavBar";
@@ -49973,7 +50471,7 @@ var AwardBadge = ({
 }) => {
   const styles2 = getBadgeStyles(type);
   const Icon2 = CustomIcon || getDefaultIcon(type);
-  const randomDelay = React26__default.useMemo(() => Math.random() * 2, []);
+  const randomDelay = React141__default.useMemo(() => Math.random() * 2, []);
   const floatingAnimation = {
     animate: {
       y: [0, -10, 0],
@@ -52003,18 +52501,20 @@ var InviteUserDialog = ({
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [error, setError] = useState(null);
   const isSuperAdminOptifye = user?.role_level === "optifye" && (user?.scope_mode === "SUPER_ADMIN" || !!user?.access_scope?.is_super_admin);
-  const canInviteOwner = isSuperAdminOptifye;
-  const canInviteIT = user?.role_level === "owner" || user?.role_level === "optifye";
-  const canInvitePlantHead = user?.role_level === "owner" || user?.role_level === "it" || user?.role_level === "optifye";
-  const canInviteSupervisor = ["owner", "it", "plant_head", "optifye"].includes(user?.role_level || "");
+  const canInviteOwner = canRoleInviteRole(user?.role_level, "owner", { isSuperAdminOptifye });
+  const canInviteIT = canRoleInviteRole(user?.role_level, "it", { isSuperAdminOptifye });
+  const canInvitePlantHead = canRoleInviteRole(user?.role_level, "plant_head", { isSuperAdminOptifye });
+  const canInviteIndustrialEngineer = canRoleInviteRole(user?.role_level, "industrial_engineer", { isSuperAdminOptifye });
+  const canInviteSupervisor = canRoleInviteRole(user?.role_level, "supervisor", { isSuperAdminOptifye });
   const invitableRoles = useMemo(() => {
     const roles = [];
     if (canInviteOwner) roles.push("owner");
     if (canInviteIT) roles.push("it");
     if (canInvitePlantHead) roles.push("plant_head");
+    if (canInviteIndustrialEngineer) roles.push("industrial_engineer");
     if (canInviteSupervisor) roles.push("supervisor");
     return roles;
-  }, [canInviteOwner, canInviteIT, canInvitePlantHead, canInviteSupervisor]);
+  }, [canInviteOwner, canInviteIT, canInvitePlantHead, canInviteIndustrialEngineer, canInviteSupervisor]);
   const filteredLines = useMemo(() => {
     const search = lineSearch.trim().toLowerCase();
     if (!search) return availableLines;
@@ -52091,6 +52591,10 @@ var InviteUserDialog = ({
       setError("Only super-admin Optifye users can create owner users.");
       return;
     }
+    if (selectedRole === "industrial_engineer" && selectedFactories.length === 0) {
+      setError("Select at least one factory for an industrial engineer.");
+      return;
+    }
     const companyId = entityConfig?.companyId || user?.properties?.company_id;
     if (!companyId) {
       setError("Company ID not found. Please refresh and try again.");
@@ -52114,7 +52618,7 @@ var InviteUserDialog = ({
           role_level: selectedRole,
           company_id: companyId,
           line_ids: selectedRole === "supervisor" ? selectedLines : void 0,
-          factory_ids: selectedRole === "plant_head" ? selectedFactories : void 0,
+          factory_ids: isFactoryScopedRole(selectedRole) ? selectedFactories : void 0,
           created_by: user?.id
         }
       });
@@ -52352,6 +52856,33 @@ var InviteUserDialog = ({
                         ]
                       }
                     ),
+                    canInviteIndustrialEngineer && /* @__PURE__ */ jsxs(
+                      "label",
+                      {
+                        className: cn(
+                          "flex items-start gap-3 p-4 border-2 rounded-lg cursor-pointer transition-all duration-200",
+                          selectedRole === "industrial_engineer" ? "border-amber-500 bg-amber-50" : "border-gray-200 hover:border-gray-300 hover:bg-gray-50"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "input",
+                            {
+                              type: "radio",
+                              name: "role",
+                              value: "industrial_engineer",
+                              checked: selectedRole === "industrial_engineer",
+                              onChange: (e) => setSelectedRole(e.target.value),
+                              className: "mt-1",
+                              disabled: isSubmitting
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mb-1", children: /* @__PURE__ */ jsx(RoleBadge_default, { role: "industrial_engineer", size: "sm" }) }),
+                            /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "Factory-level access. Can manage supervisors and factory performance scope." })
+                          ] })
+                        ]
+                      }
+                    ),
                     canInviteSupervisor && /* @__PURE__ */ jsxs(
                       "label",
                       {
@@ -52381,14 +52912,18 @@ var InviteUserDialog = ({
                     )
                   ] })
                 ] }),
-                selectedRole === "plant_head" && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50 p-4 space-y-3", children: [
+                isFactoryScopedRole(selectedRole) && /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50 p-4 space-y-3", children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
                     /* @__PURE__ */ jsxs("div", { children: [
                       /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-gray-800 flex items-center gap-1.5", children: [
                         /* @__PURE__ */ jsx(Building2, { className: "w-4 h-4 text-blue-600" }),
                         "Factory Access"
                       ] }),
-                      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Choose the factories this plant head will manage." })
+                      /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [
+                        "Choose the factories this ",
+                        selectedRole === "industrial_engineer" ? "industrial engineer" : "plant head",
+                        " will manage."
+                      ] })
                     ] }),
                     /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium bg-white border border-gray-200 text-gray-600 rounded-full px-2 py-1", children: [
                       selectedFactories.length,
@@ -52613,16 +53148,6 @@ var InviteUserDialog = ({
     }
   );
 };
-var getRoleLabel = (role) => {
-  const labels = {
-    "supervisor": "Supervisor",
-    "plant_head": "Plant Head",
-    "it": "IT",
-    "owner": "Owner",
-    "optifye": "Optifye Admin"
-  };
-  return labels[role] || role;
-};
 var ChangeRoleDialog = ({
   user,
   availableRoles,
@@ -53574,7 +54099,7 @@ var FactoryAssignmentDropdown = ({
     )
   ] });
 };
-function formatDuration(ms) {
+function formatDuration2(ms) {
   if (ms === void 0 || ms === null) return "No data";
   if (ms === 0) return "0m";
   const hours = Math.floor(ms / (1e3 * 60 * 60));
@@ -53618,7 +54143,7 @@ var UserUsageStats = ({
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm", children: [
         /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5 text-gray-400" }),
-        /* @__PURE__ */ jsx("span", { className: hasUsage ? getUsageColorClass(todayUsage.total_ms) : "text-gray-400", children: formatDuration(todayUsage?.total_ms) })
+        /* @__PURE__ */ jsx("span", { className: hasUsage ? getUsageColorClass(todayUsage.total_ms) : "text-gray-400", children: formatDuration2(todayUsage?.total_ms) })
       ] }),
       showViewButton && onViewDetails && /* @__PURE__ */ jsx(
         "button",
@@ -53634,14 +54159,14 @@ var UserUsageStats = ({
         /* @__PURE__ */ jsx(Activity, { className: "w-3 h-3 text-green-500" }),
         /* @__PURE__ */ jsxs("span", { children: [
           "Active: ",
-          formatDuration(todayUsage?.active_ms)
+          formatDuration2(todayUsage?.active_ms)
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(Eye, { className: "w-3 h-3 text-amber-500" }),
         /* @__PURE__ */ jsxs("span", { children: [
           "Passive: ",
-          formatDuration(todayUsage?.passive_ms)
+          formatDuration2(todayUsage?.passive_ms)
         ] })
       ] })
     ] })
@@ -53836,7 +54361,7 @@ function DailyBarChart({
         /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-gray-300" }),
         /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
           "Average Daily usage: ",
-          /* @__PURE__ */ jsx("span", { className: "text-gray-900 font-semibold", children: avgDailyMs > 0 ? formatDuration(avgDailyMs) : "0m" })
+          /* @__PURE__ */ jsx("span", { className: "text-gray-900 font-semibold", children: avgDailyMs > 0 ? formatDuration2(avgDailyMs) : "0m" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6 text-xs font-medium text-gray-500", children: [
@@ -53929,7 +54454,7 @@ function DailyBarChart({
                   hasData ? /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
                       /* @__PURE__ */ jsx("span", { className: "text-gray-500 text-xs", children: "Total" }),
-                      /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900 text-sm", children: formatDuration(data.total_duration_ms) })
+                      /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-900 text-sm", children: formatDuration2(data.total_duration_ms) })
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-xs", children: [
@@ -53937,14 +54462,14 @@ function DailyBarChart({
                           /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-green-500 rounded-full" }),
                           "Active"
                         ] }),
-                        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: formatDuration(data.active_duration_ms) })
+                        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: formatDuration2(data.active_duration_ms) })
                       ] }),
                       /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-xs", children: [
                         /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-gray-500", children: [
                           /* @__PURE__ */ jsx("div", { className: "w-1.5 h-1.5 bg-amber-400 rounded-full" }),
                           "Passive"
                         ] }),
-                        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: formatDuration(data.passive_duration_ms) })
+                        /* @__PURE__ */ jsx("span", { className: "font-medium text-gray-700", children: formatDuration2(data.passive_duration_ms) })
                       ] })
                     ] })
                   ] }) : /* @__PURE__ */ jsx("div", { className: "text-gray-400 text-xs italic", children: "No data recorded" })
@@ -54075,15 +54600,7 @@ var UserManagementTable = ({
   const permissions = useTeamManagementPermissions();
   const { user: currentUser } = useAuth();
   const availableRoles = useMemo(() => {
-    const currentRole = currentUser?.role_level;
-    const roleHierarchy = {
-      "optifye": ["optifye", "owner", "it", "plant_head", "supervisor"],
-      "owner": ["owner", "it", "plant_head", "supervisor"],
-      "it": ["it", "plant_head", "supervisor"],
-      "plant_head": ["plant_head", "supervisor"],
-      "supervisor": ["supervisor"]
-    };
-    return roleHierarchy[currentRole] || ["supervisor"];
+    return getVisibleRolesForCurrentUser(currentUser?.role_level);
   }, [currentUser]);
   const [searchTerm, setSearchTerm] = useState("");
   const [roleFilter, setRoleFilter] = useState("all");
@@ -54180,10 +54697,48 @@ var UserManagementTable = ({
     }
     return [];
   };
+  const getLineIdsFromUser = (user) => {
+    const properties = user.properties || {};
+    const rawLineIds = properties.line_ids ?? properties.line_id;
+    if (Array.isArray(rawLineIds)) {
+      return rawLineIds.filter((lineId) => typeof lineId === "string" && lineId.length > 0);
+    }
+    if (typeof rawLineIds === "string" && rawLineIds.length > 0) {
+      return [rawLineIds];
+    }
+    return [];
+  };
+  const canOfferIndustrialEngineerRole = (user) => {
+    if (getFactoryIdsFromUser(user).length > 0) {
+      return true;
+    }
+    const lineIds = getLineIdsFromUser(user);
+    if (lineIds.length === 0) {
+      return false;
+    }
+    const lineFactoryById = new Map(
+      availableLines.map((line) => [line.id, line.factory_id])
+    );
+    return lineIds.some((lineId) => {
+      const factoryId = lineFactoryById.get(lineId);
+      return typeof factoryId === "string" && factoryId.length > 0;
+    });
+  };
+  const getAvailableRolesForUser = (user) => {
+    const baseRoles = permissions.availableRolesToAssign();
+    let filteredRoles = baseRoles;
+    if (baseRoles.includes("industrial_engineer") && !canOfferIndustrialEngineerRole(user)) {
+      filteredRoles = baseRoles.filter((role) => role !== "industrial_engineer");
+    }
+    if (!filteredRoles.includes(user.role_level)) {
+      return [user.role_level, ...filteredRoles];
+    }
+    return filteredRoles;
+  };
   const formatAssignments = (user) => {
     if (user.role_level === "owner" || user.role_level === "it") return "Company-wide";
     if (user.role_level === "optifye") return "All companies";
-    if (user.role_level === "plant_head") {
+    if (isFactoryScopedRole(user.role_level)) {
       if (user.assigned_factories && user.assigned_factories.length > 0) {
         return user.assigned_factories.join(", ");
       }
@@ -54264,11 +54819,12 @@ var UserManagementTable = ({
             className: "px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent bg-white",
             children: [
               /* @__PURE__ */ jsx("option", { value: "all", children: "All Roles" }),
-              availableRoles.includes("optifye") && /* @__PURE__ */ jsx("option", { value: "optifye", children: "Optifye" }),
-              availableRoles.includes("owner") && /* @__PURE__ */ jsx("option", { value: "owner", children: "Owner" }),
-              availableRoles.includes("it") && /* @__PURE__ */ jsx("option", { value: "it", children: "IT" }),
-              availableRoles.includes("plant_head") && /* @__PURE__ */ jsx("option", { value: "plant_head", children: "Plant Head" }),
-              availableRoles.includes("supervisor") && /* @__PURE__ */ jsx("option", { value: "supervisor", children: "Supervisor" })
+              availableRoles.includes("optifye") && /* @__PURE__ */ jsx("option", { value: "optifye", children: getRoleLabel("optifye") }),
+              availableRoles.includes("owner") && /* @__PURE__ */ jsx("option", { value: "owner", children: getRoleLabel("owner") }),
+              availableRoles.includes("it") && /* @__PURE__ */ jsx("option", { value: "it", children: getRoleLabel("it") }),
+              availableRoles.includes("plant_head") && /* @__PURE__ */ jsx("option", { value: "plant_head", children: getRoleLabel("plant_head") }),
+              availableRoles.includes("industrial_engineer") && /* @__PURE__ */ jsx("option", { value: "industrial_engineer", children: getRoleLabel("industrial_engineer") }),
+              availableRoles.includes("supervisor") && /* @__PURE__ */ jsx("option", { value: "supervisor", children: getRoleLabel("supervisor") })
             ]
           }
         )
@@ -54386,7 +54942,7 @@ var UserManagementTable = ({
                     onUpdate: onLineAssignmentUpdate || (async () => {
                     })
                   }
-                ) : user.role_level === "plant_head" ? (() => {
+                ) : isFactoryScopedRole(user.role_level) ? (() => {
                   const canEditFactoryAssignments = permissions.canAssignFactories(user) && !!onFactoryAssignmentUpdate;
                   if (!canEditFactoryAssignments) {
                     return /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-900", children: formatAssignments(user) });
@@ -54416,7 +54972,7 @@ var UserManagementTable = ({
                       setShowUsageDetailModal(true);
                     },
                     className: "group flex items-center gap-3 hover:bg-gray-50 -mx-2 px-2 py-1.5 rounded-lg transition-all duration-200",
-                    children: isUsageLoading ? /* @__PURE__ */ jsx("div", { className: "animate-pulse bg-gray-200 h-5 w-20 rounded" }) : /* @__PURE__ */ jsx("span", { className: `text-base font-semibold ${avgDailyUsage?.[user.user_id] && avgDailyUsage[user.user_id] > 0 ? "text-gray-900 group-hover:text-blue-600" : "text-gray-400"} transition-colors`, children: formatDuration(avgDailyUsage?.[user.user_id] || 0) })
+                    children: isUsageLoading ? /* @__PURE__ */ jsx("div", { className: "animate-pulse bg-gray-200 h-5 w-20 rounded" }) : /* @__PURE__ */ jsx("span", { className: `text-base font-semibold ${avgDailyUsage?.[user.user_id] && avgDailyUsage[user.user_id] > 0 ? "text-gray-900 group-hover:text-blue-600" : "text-gray-400"} transition-colors`, children: formatDuration2(avgDailyUsage?.[user.user_id] || 0) })
                   }
                 ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-400", children: "-" }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right", children: hasActions && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
@@ -54566,7 +55122,7 @@ var UserManagementTable = ({
       ChangeRoleDialog,
       {
         user: selectedUser,
-        availableRoles: permissions.availableRolesToAssign(),
+        availableRoles: getAvailableRolesForUser(selectedUser),
         onConfirm: handleRoleChangeConfirm,
         onClose: () => {
           setShowChangeRoleDialog(false);
@@ -56305,7 +56861,7 @@ function HomeView({
                 animate: { opacity: 1, scale: 1 },
                 transition: { duration: 0.3 },
                 className: "h-full",
-                children: React26__default.createElement(WorkspaceGrid, {
+                children: React141__default.createElement(WorkspaceGrid, {
                   workspaces: workspaceMetrics,
                   lineNames,
                   factoryView: factoryViewId,
@@ -56336,7 +56892,7 @@ function HomeView({
                 animate: { opacity: 1, scale: 1 },
                 transition: { duration: 0.3 },
                 className: "h-full",
-                children: React26__default.createElement(WorkspaceGrid, {
+                children: React141__default.createElement(WorkspaceGrid, {
                   workspaces: [],
                   // Show empty grid while loading
                   lineNames,
@@ -56403,7 +56959,7 @@ function HomeView({
     }
   );
 }
-var AuthenticatedHomeView = withAuth(React26__default.memo(HomeView));
+var AuthenticatedHomeView = withAuth(React141__default.memo(HomeView));
 var HomeView_default = HomeView;
 function withWorkspaceDisplayNames(Component3, options = {}) {
   const {
@@ -56813,7 +57369,7 @@ var MonthlyRangeFilter = ({
       label: "This Month",
       getValue: () => ({
         start: startOfMonth(/* @__PURE__ */ new Date()),
-        end: endOfMonth(/* @__PURE__ */ new Date())
+        end: endOfDay(/* @__PURE__ */ new Date())
       })
     }
   ];
@@ -56837,6 +57393,7 @@ var MonthlyRangeFilter = ({
   const [rangeEnd, setRangeEnd] = useState(parseDateKeyToDate(normalizedRange.endKey));
   const [selecting, setSelecting] = useState(false);
   const [activePreset, setActivePreset] = useState(null);
+  const today = useMemo(() => endOfDay(/* @__PURE__ */ new Date()), []);
   useEffect(() => {
     setCalendarMonth(month);
     setCalendarYear(year);
@@ -56867,6 +57424,9 @@ var MonthlyRangeFilter = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const handleDayClick = (day) => {
+    if (startOfDay(day) > startOfDay(today)) {
+      return;
+    }
     setActivePreset("Custom");
     if (!selecting || !rangeStart) {
       setRangeStart(day);
@@ -56899,9 +57459,13 @@ var MonthlyRangeFilter = ({
   };
   const handleApply = () => {
     if (rangeStart) {
-      const endDate = rangeEnd || rangeStart;
-      const startKey = format(rangeStart, "yyyy-MM-dd");
-      const endKey = format(endDate, "yyyy-MM-dd");
+      const boundedStart = startOfDay(rangeStart) > startOfDay(today) ? startOfDay(today) : startOfDay(rangeStart);
+      const candidateEnd = rangeEnd || rangeStart;
+      const boundedEnd = startOfDay(candidateEnd) > startOfDay(today) ? startOfDay(today) : startOfDay(candidateEnd);
+      const start = boundedStart <= boundedEnd ? boundedStart : boundedEnd;
+      const end = boundedStart <= boundedEnd ? boundedEnd : boundedStart;
+      const startKey = format(start, "yyyy-MM-dd");
+      const endKey = format(end, "yyyy-MM-dd");
       onChange({ startKey, endKey });
       setIsOpen(false);
     }
@@ -57082,6 +57646,7 @@ var MonthlyRangeFilter = ({
           const isEnd = isRangeEnd(day);
           const isSingleDaySelection = isStart && (!rangeEnd || rangeEnd && isSameDay(rangeStart, rangeEnd));
           const dayNum = day.getDate();
+          const isFutureDay = startOfDay(day) > startOfDay(today);
           return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
             inRange && !isStart && !isEnd && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 -inset-x-0.5 bg-[#EEF2FF] z-0" }),
             inRange && isStart && !isSingleDaySelection && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 left-1/2 bg-[#EEF2FF] z-0" }),
@@ -57091,10 +57656,12 @@ var MonthlyRangeFilter = ({
               {
                 type: "button",
                 onClick: () => handleDayClick(day),
+                disabled: isFutureDay,
                 className: clsx(
                   "h-10 w-full flex items-center justify-center text-sm font-semibold transition-all duration-150 relative z-10",
+                  isFutureDay && "text-gray-200 cursor-not-allowed",
                   // Not in range
-                  !inRange && "text-gray-700 hover:bg-gray-50 rounded-lg",
+                  !isFutureDay && !inRange && "text-gray-700 hover:bg-gray-50 rounded-lg",
                   // Middle of range
                   inRange && !isStart && !isEnd && "text-[#4F46E5]",
                   // Start/End of range or Single selection
@@ -57132,7 +57699,7 @@ var MetricCards = memo$1(({
       variants: containerVariants,
       initial: "initial",
       animate: "animate",
-      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 md:h-[35vh] h-auto`,
+      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 h-auto lg:flex-[2] lg:min-h-[250px]`,
       children: [
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 mb-2 text-center", children: "Line Output" }),
@@ -57181,7 +57748,23 @@ var MetricCards = memo$1(({
   if (prevProps.efficiencyLegend !== nextProps.efficiencyLegend) return false;
   const prevMetrics = prevProps.lineInfo.metrics;
   const nextMetrics = nextProps.lineInfo.metrics;
-  const idleTimeChanged = prevProps.idleTimeData?.isLoading !== nextProps.idleTimeData?.isLoading || prevProps.idleTimeData?.error !== nextProps.idleTimeData?.error || prevProps.idleTimeData?.chartData?.length !== nextProps.idleTimeData?.chartData?.length || prevProps.idleTimeData?.data?.total_idle_time_seconds !== nextProps.idleTimeData?.data?.total_idle_time_seconds;
+  const prevIdleChartSignature = JSON.stringify(
+    (prevProps.idleTimeData?.chartData || []).map((entry) => ({
+      name: entry.name,
+      value: entry.value,
+      totalDurationSeconds: entry.totalDurationSeconds ?? null,
+      efficiencyLossPercentage: entry.efficiencyLossPercentage ?? null
+    }))
+  );
+  const nextIdleChartSignature = JSON.stringify(
+    (nextProps.idleTimeData?.chartData || []).map((entry) => ({
+      name: entry.name,
+      value: entry.value,
+      totalDurationSeconds: entry.totalDurationSeconds ?? null,
+      efficiencyLossPercentage: entry.efficiencyLossPercentage ?? null
+    }))
+  );
+  const idleTimeChanged = prevProps.idleTimeData?.isLoading !== nextProps.idleTimeData?.isLoading || prevProps.idleTimeData?.error !== nextProps.idleTimeData?.error || prevIdleChartSignature !== nextIdleChartSignature || prevProps.idleTimeData?.data?.total_idle_time_seconds !== nextProps.idleTimeData?.data?.total_idle_time_seconds || prevProps.idleTimeData?.data?.scope_work_seconds !== nextProps.idleTimeData?.data?.scope_work_seconds;
   if (idleTimeChanged) return false;
   return prevMetrics.current_output === nextMetrics.current_output && prevMetrics.line_threshold === nextMetrics.line_threshold && prevMetrics.underperforming_workspaces === nextMetrics.underperforming_workspaces && prevMetrics.total_workspaces === nextMetrics.total_workspaces && prevMetrics.avg_efficiency === nextMetrics.avg_efficiency;
 });
@@ -57200,7 +57783,7 @@ var LineUptimeMetricCards = memo$1(({
       variants: containerVariants,
       initial: "initial",
       animate: "animate",
-      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 md:h-[35vh] h-auto`,
+      className: `grid grid-cols-1 sm:grid-cols-2 ${showIdleTime ? "lg:grid-cols-4" : "lg:grid-cols-3"} gap-3 sm:gap-4 mb-2 h-auto lg:flex-[2] lg:min-h-[250px]`,
       children: [
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 mb-2 text-center", children: "Utilization" }),
@@ -57268,7 +57851,7 @@ var BottomSection = memo$1(({
       variants: containerVariants,
       initial: "initial",
       animate: "animate",
-      className: "grid grid-cols-1 lg:grid-cols-5 gap-3 sm:gap-4 md:h-[calc(57vh-4rem)] h-auto md:mt-0 mt-4",
+      className: "grid grid-cols-1 lg:grid-cols-5 gap-3 sm:gap-4 h-auto mt-4 lg:mt-0 lg:flex-[3] lg:min-h-[300px]",
       children: [
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "lg:col-span-2 bg-white rounded-xl shadow-sm p-3 sm:p-4 flex flex-col overflow-hidden h-[350px] sm:h-[400px] md:h-auto", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
@@ -57435,7 +58018,7 @@ var UptimeBottomSection = memo$1(({
       variants: containerVariants,
       initial: "initial",
       animate: "animate",
-      className: "grid grid-cols-1 lg:grid-cols-5 gap-3 sm:gap-4 md:h-[calc(57vh-4rem)] h-auto md:mt-0 mt-4",
+      className: "grid grid-cols-1 lg:grid-cols-5 gap-3 sm:gap-4 h-auto mt-4 lg:mt-0 lg:flex-[3] lg:min-h-[300px]",
       children: [
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "lg:col-span-2 bg-white rounded-xl shadow-sm p-3 sm:p-4 flex flex-col overflow-hidden h-[350px] sm:h-[400px] md:h-auto", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
@@ -58673,7 +59256,7 @@ var KPIDetailView = ({
         initial: "initial",
         animate: "animate",
         exit: "exit",
-        className: "space-y-6 md:space-y-0",
+        className: "space-y-6 md:space-y-0 lg:h-[calc(100vh-12rem)] lg:min-h-0 lg:flex lg:flex-col lg:gap-3",
         children: resolvedLineInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
           isUptimeMode ? /* @__PURE__ */ jsx(
             LineUptimeMetricCards,
@@ -58770,7 +59353,7 @@ var KPIDetailView = ({
         initial: "initial",
         animate: "animate",
         exit: "exit",
-        className: "space-y-6 md:space-y-0",
+        className: "space-y-6 md:space-y-0 lg:h-[calc(100vh-12rem)] lg:min-h-0 lg:flex lg:flex-col lg:gap-3",
         children: resolvedLineInfo && /* @__PURE__ */ jsxs(Fragment, { children: [
           isUptimeMode ? /* @__PURE__ */ jsx(
             LineUptimeMetricCards,
@@ -58865,7 +59448,7 @@ var getMonthDateInfo = (timezone) => {
   const monthEndDate = fromZonedTime(`${monthEndKey}T23:59:59`, timezone);
   return { startDate, endDate, monthEndDate };
 };
-var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Finished", placeholder = "--", onFinished }) => {
+var LeaderboardCountdown = ({ targetDate, format: format8, finishedLabel = "Finished", placeholder = "--", onFinished }) => {
   const [time2, setTime] = useState("");
   const hasFinishedRef = useRef(false);
   useEffect(() => {
@@ -58887,7 +59470,7 @@ var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Fini
         }
         return;
       }
-      if (format7 === "days") {
+      if (format8 === "days") {
         const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
         const hours = Math.floor(diff % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60));
         setTime(`${days} days ${hours} hours`);
@@ -58902,7 +59485,7 @@ var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Fini
     tick();
     const interval = setInterval(tick, 1e3);
     return () => clearInterval(interval);
-  }, [targetDate, format7, finishedLabel, placeholder, onFinished]);
+  }, [targetDate, format8, finishedLabel, placeholder, onFinished]);
   return /* @__PURE__ */ jsx(Fragment, { children: time2 });
 };
 var LinesLeaderboard = ({
@@ -58923,18 +59506,18 @@ var LinesLeaderboard = ({
   setViewType
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
-  const assignedLineIdSet = React26__default.useMemo(
+  const assignedLineIdSet = React141__default.useMemo(
     () => new Set(assignedLineIds || []),
     [assignedLineIds]
   );
-  const canClickLine = React26__default.useCallback(
+  const canClickLine = React141__default.useCallback(
     (lineId) => {
       if (!assignedLineIds) return true;
       return assignedLineIdSet.has(lineId);
     },
     [assignedLineIds, assignedLineIdSet]
   );
-  const handleTimeRangeChange = React26__default.useCallback((newRange) => {
+  const handleTimeRangeChange = React141__default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
       from_range: timeRange,
@@ -58945,7 +59528,7 @@ var LinesLeaderboard = ({
     });
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
-  const handleLeaderboardLineClick = React26__default.useCallback((item, clickSource) => {
+  const handleLeaderboardLineClick = React141__default.useCallback((item, clickSource) => {
     if (!canClickLine(item.line.id)) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
@@ -58959,8 +59542,8 @@ var LinesLeaderboard = ({
     });
     onLineClick(item.line);
   }, [canClickLine, onLineClick, timeRange]);
-  const viewLoadedTrackedRef = React26__default.useRef(null);
-  const leaderboardData = React26__default.useMemo(() => {
+  const viewLoadedTrackedRef = React141__default.useRef(null);
+  const leaderboardData = React141__default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const efficiencyMap = timeRange === "today" ? todayEfficiencyByLineId : monthlyEfficiencyByLineId;
     return lines.map((line) => {
@@ -58991,7 +59574,7 @@ var LinesLeaderboard = ({
     isLoadingToday,
     isLoadingMonthly
   ]);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const isLoading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
     const trackingKey = `${timeRange}-${leaderboardData.length}`;
     if (leaderboardData.length > 0 && !isLoading && viewLoadedTrackedRef.current !== trackingKey) {
@@ -59017,7 +59600,7 @@ var LinesLeaderboard = ({
   const countdownTarget = timeRange === "monthly" ? monthEndDate : shiftEndDate;
   const countdownFormat = timeRange === "monthly" ? "days" : "clock";
   const countdownFinishedLabel = timeRange === "monthly" ? "Finished" : "Shift Ended";
-  const handleCountdownFinished = React26__default.useCallback(() => {
+  const handleCountdownFinished = React141__default.useCallback(() => {
     trackCoreEvent("Leaderboard Countdown Finished", {
       countdown_type: timeRange === "monthly" ? "month_end" : "shift_end",
       time_range: timeRange,
@@ -59044,7 +59627,7 @@ var LinesLeaderboard = ({
         return "bg-white border-gray-100";
     }
   };
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const style = document.createElement("style");
     style.innerHTML = `
       @keyframes float {
@@ -59231,7 +59814,7 @@ var LineCard = ({
   supervisors
 }) => {
   const isUptimeLine = (line.monitoring_mode ?? "output") === "uptime";
-  const isOnTrack = React26__default.useMemo(() => {
+  const isOnTrack = React141__default.useMemo(() => {
     if (!kpis) return null;
     return isEfficiencyOnTrack(kpis.efficiency.value);
   }, [kpis]);
@@ -59422,46 +60005,46 @@ var KPIsOverviewView = ({
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const { startDate: monthStartDate, endDate: monthEndDateKey, monthEndDate } = getMonthDateInfo(configuredTimezone);
   const isSuperAdmin = user?.scope_mode === "SUPER_ADMIN" || !!user?.access_scope?.is_super_admin;
-  const scopedLineIds = React26__default.useMemo(
+  const scopedLineIds = React141__default.useMemo(
     () => Array.isArray(user?.access_scope?.line_ids) ? user.access_scope.line_ids.filter((lineId) => typeof lineId === "string" && lineId.length > 0) : [],
     [user?.access_scope?.line_ids]
   );
   const hasCanonicalScope = !!user?.scope_mode || !!user?.access_scope;
   const scopeRole = (user?.role_level || user?.role || "").toLowerCase();
-  const isStrictLineScopedRole = scopeRole === "supervisor" || scopeRole === "plant_head";
-  const resolvedAssignedLineIds = React26__default.useMemo(() => {
+  const isStrictLineScopedRole = scopeRole === "supervisor" || isFactoryScopedRole(scopeRole);
+  const resolvedAssignedLineIds = React141__default.useMemo(() => {
     if (isSuperAdmin) return [];
     if (scopedLineIds.length > 0) return scopedLineIds;
     if (lineIds && lineIds.length > 0) return lineIds;
     if (isStrictLineScopedRole && hasCanonicalScope) return [];
     return [];
   }, [isSuperAdmin, scopedLineIds, lineIds, isStrictLineScopedRole, hasCanonicalScope]);
-  const assignedLineIdSet = React26__default.useMemo(
+  const assignedLineIdSet = React141__default.useMemo(
     () => new Set(resolvedAssignedLineIds),
     [resolvedAssignedLineIds]
   );
-  const metricsLineIds = React26__default.useMemo(() => {
+  const metricsLineIds = React141__default.useMemo(() => {
     if (isSuperAdmin) {
       return lineIds ?? [];
     }
     return resolvedAssignedLineIds;
   }, [isSuperAdmin, lineIds, resolvedAssignedLineIds]);
   const assignedLineIdsForLeaderboard = isSuperAdmin ? void 0 : resolvedAssignedLineIds;
-  const leaderboardLinesForView = React26__default.useMemo(() => {
+  const leaderboardLinesForView = React141__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return leaderboardLines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [leaderboardLines, viewType]);
-  const linesForView = React26__default.useMemo(() => {
+  const linesForView = React141__default.useMemo(() => {
     const targetMode = viewType === "machine" ? "uptime" : "output";
     return lines.filter((line) => (line.monitoring_mode ?? "output") === targetMode);
   }, [lines, viewType]);
-  const relevantLinesForMode = React26__default.useMemo(() => {
+  const relevantLinesForMode = React141__default.useMemo(() => {
     if (activeTab === "leaderboard") {
       return leaderboardLines.length > 0 ? leaderboardLines : lines;
     }
     return lines;
   }, [activeTab, leaderboardLines, lines]);
-  const { hasUptime, hasOutput } = React26__default.useMemo(() => {
+  const { hasUptime, hasOutput } = React141__default.useMemo(() => {
     let uptime = false;
     let output = false;
     for (const line of relevantLinesForMode) {
@@ -59486,7 +60069,7 @@ var KPIsOverviewView = ({
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
   const currentShiftDate = currentShiftDetails.date;
   const currentShiftId = currentShiftDetails.shiftId;
-  const shiftEndDate = React26__default.useMemo(
+  const shiftEndDate = React141__default.useMemo(
     () => getShiftEndDate(currentShiftDetails, configuredTimezone),
     [currentShiftDetails, configuredTimezone]
   );
@@ -59500,15 +60083,15 @@ var KPIsOverviewView = ({
     lineId: factoryViewId,
     userAccessibleLineIds: metricsLineIds
   });
-  const defaultKPIs = React26__default.useMemo(() => createDefaultKPIs(), []);
-  const kpisByLineId = React26__default.useMemo(() => {
+  const defaultKPIs = React141__default.useMemo(() => createDefaultKPIs(), []);
+  const kpisByLineId = React141__default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     lineMetrics.forEach((row) => {
       if (row?.line_id) map.set(row.line_id, buildKPIsFromLineMetricsRow(row));
     });
     return map;
   }, [lineMetrics]);
-  const supervisorLineIds = React26__default.useMemo(
+  const supervisorLineIds = React141__default.useMemo(
     () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
     [leaderboardLines, lines]
   );
@@ -60470,7 +61053,7 @@ var LeaderboardDetailView = memo$1(({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const [isMobile, setIsMobile] = useState(false);
-  React26__default.useEffect(() => {
+  React141__default.useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 640);
     checkMobile();
     window.addEventListener("resize", checkMobile);
@@ -62729,7 +63312,7 @@ var ShiftsView = ({
     ] })
   ] });
 };
-var AuthenticatedShiftsView = withAuth(React26__default.memo(ShiftsView));
+var AuthenticatedShiftsView = withAuth(React141__default.memo(ShiftsView));
 var ShiftsView_default = ShiftsView;
 
 // src/views/TargetsView.utils.ts
@@ -64419,7 +65002,7 @@ var TargetsView = ({
 };
 var TargetsViewWithDisplayNames = withAllWorkspaceDisplayNames(TargetsView);
 var TargetsView_default = TargetsViewWithDisplayNames;
-var AuthenticatedTargetsView = withAuth(React26__default.memo(TargetsViewWithDisplayNames));
+var AuthenticatedTargetsView = withAuth(React141__default.memo(TargetsViewWithDisplayNames));
 
 // src/views/workspace-detail-view.utils.ts
 var formatDateInTimezone = (date = /* @__PURE__ */ new Date(), timezone, options) => {
@@ -64473,25 +65056,6 @@ var getInitialTab = (sourceType, defaultTab, fromMonthly, urlDate) => {
   return "overview";
 };
 var DEBUG_DASHBOARD2 = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
-var SHORT_DESKTOP_QUERY = "(min-width: 1024px) and (max-height: 850px)";
-var useMediaQuery = (query) => {
-  const [matches, setMatches] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) {
-      return;
-    }
-    const mediaQueryList = window.matchMedia(query);
-    const onChange = () => setMatches(mediaQueryList.matches);
-    onChange();
-    if (typeof mediaQueryList.addEventListener === "function") {
-      mediaQueryList.addEventListener("change", onChange);
-      return () => mediaQueryList.removeEventListener("change", onChange);
-    }
-    mediaQueryList.addListener(onChange);
-    return () => mediaQueryList.removeListener(onChange);
-  }, [query]);
-  return matches;
-};
 var chartCardVariants = {
   initial: { opacity: 0, y: 10 },
   animate: {
@@ -64569,9 +65133,8 @@ var WorkspaceDetailView = ({
   const [usingFallbackData, setUsingFallbackData] = useState(false);
   const { isIdleTimeVlmEnabled } = useIdleTimeVlmConfig();
   const [showChartIdleTime, setShowChartIdleTime] = useState(false);
-  const isShortDesktop = useMediaQuery(SHORT_DESKTOP_QUERY);
-  const desktopTopSectionClass = isShortDesktop ? "flex-none min-h-[340px]" : "flex-[3] min-h-0";
-  const desktopBottomSectionClass = isShortDesktop ? "flex-none min-h-[300px]" : "flex-[2] min-h-0";
+  const desktopTopSectionClass = "flex-[3] min-h-0";
+  const desktopBottomSectionClass = "flex-[2] min-h-0";
   const dashboardConfig = useDashboardConfig();
   const { legend: efficiencyLegend } = useEfficiencyLegend();
   const prewarmedClipsRef = useRef(/* @__PURE__ */ new Set());
@@ -65159,19 +65722,13 @@ var WorkspaceDetailView = ({
     shiftId: idleClipShiftId,
     enabled: idleClipFetchEnabled
   });
-  const handleBackNavigation = () => {
+  const fallbackReturnUrl = returnUrl || "/";
+  const appendReturnUrl = useCallback((params) => {
     if (returnUrl) {
-      if (onNavigate) {
-        onNavigate(returnUrl);
-      }
-      return;
-    }
-    if (activeTab === "monthly_history") {
-      if (onNavigate) {
-        onNavigate("/");
-      }
-      return;
+      params.set("returnTo", returnUrl);
     }
+  }, [returnUrl]);
+  const handleBackNavigation = () => {
     if (date || shift) {
       setActiveTab("monthly_history");
       if (onNavigate) {
@@ -65185,8 +65742,22 @@ var WorkspaceDetailView = ({
         if (effectiveLineId) {
           params.set("lineId", effectiveLineId);
         }
+        appendReturnUrl(params);
         onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
       }
+      return;
+    }
+    if (activeTab === "monthly_history") {
+      if (onNavigate) {
+        onNavigate(fallbackReturnUrl);
+      }
+      return;
+    }
+    if (returnUrl) {
+      if (onNavigate) {
+        onNavigate(returnUrl);
+      }
+      return;
     } else {
       if (previousView === "line_monthly_history") {
         setActiveTab("monthly_history");
@@ -65201,11 +65772,12 @@ var WorkspaceDetailView = ({
           if (effectiveLineId) {
             params.set("lineId", effectiveLineId);
           }
+          appendReturnUrl(params);
           onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
         }
       } else {
         if (onNavigate) {
-          onNavigate("/");
+          onNavigate(fallbackReturnUrl);
         }
       }
     }
@@ -65264,7 +65836,7 @@ var WorkspaceDetailView = ({
       /* @__PURE__ */ jsx(
         BackButton,
         {
-          onClick: () => onNavigate && onNavigate("/"),
+          onClick: () => onNavigate && onNavigate(fallbackReturnUrl),
           text: "Return to Dashboard",
           size: "default",
           "aria-label": "Return to dashboard"
@@ -65278,7 +65850,7 @@ var WorkspaceDetailView = ({
       /* @__PURE__ */ jsx(
         BackButton,
         {
-          onClick: () => onNavigate && onNavigate("/"),
+          onClick: () => onNavigate && onNavigate(fallbackReturnUrl),
           text: "Return to Dashboard",
           size: "default",
           "aria-label": "Return to dashboard"
@@ -65549,7 +66121,7 @@ var WorkspaceDetailView = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
-          activeTab === "overview" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full lg:h-[calc(100vh-10rem)] overflow-y-auto lg:min-h-0", children: [
+          activeTab === "overview" && /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full lg:h-[calc(100vh-12rem)] overflow-y-auto lg:min-h-0 pb-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
               !shouldShowCycleTimeChart && !isUptimeMode && /* @__PURE__ */ jsxs(
                 motion.div,
@@ -65891,6 +66463,7 @@ var WorkspaceDetailView = ({
                     if (effectiveLineId) {
                       params.set("lineId", effectiveLineId);
                     }
+                    appendReturnUrl(params);
                     onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
                   }
                 },
@@ -66251,7 +66824,7 @@ var formatTime4 = (date, timezone) => new Intl.DateTimeFormat("en-IN", {
   hour12: true,
   timeZone: timezone
 }).format(date);
-var formatDuration2 = (minutes) => {
+var formatDuration3 = (minutes) => {
   if (minutes < 1) return "<1 min";
   if (minutes < 60) return `${minutes} min`;
   const hours = Math.floor(minutes / 60);
@@ -66364,7 +66937,7 @@ var UptimeTimelineStrip = ({
       if (segment.length > 1) {
         endDate.setMinutes(endDate.getMinutes() + 1);
       }
-      const tooltip = `${STATUS_TITLES[segment.status]} \u2022 ${formatDuration2(segment.length)} (${formatTime4(
+      const tooltip = `${STATUS_TITLES[segment.status]} \u2022 ${formatDuration3(segment.length)} (${formatTime4(
         startDate,
         timezone
       )} - ${formatTime4(endDate, timezone)})`;
@@ -66397,7 +66970,7 @@ var UptimeTimelineStrip = ({
 };
 var UptimeTimelineStrip_default = UptimeTimelineStrip;
 var SHORT_INTERRUPT_THRESHOLD_MINUTES = 3;
-var formatDuration3 = (minutes) => {
+var formatDuration4 = (minutes) => {
   if (!minutes || minutes <= 0) return "0 min";
   const rounded = Math.max(Math.round(minutes), 0);
   const days = Math.floor(rounded / 1440);
@@ -66416,7 +66989,7 @@ var formatDowntimeLabel2 = (minutes, includeSuffix = true) => {
   if (!minutes || minutes <= 0) {
     return includeSuffix ? "No downtime" : "0 min";
   }
-  const label = formatDuration3(minutes);
+  const label = formatDuration4(minutes);
   return includeSuffix ? `${label} down` : label;
 };
 var formatTimeRange = (start, end, timezone) => {
@@ -67172,6 +67745,7 @@ var TeamManagementView = ({
     owners: 0,
     it: 0,
     plantHeads: 0,
+    industrialEngineers: 0,
     supervisors: 0,
     optifye: 0
   });
@@ -67185,8 +67759,8 @@ var TeamManagementView = ({
     }
     return [];
   }, []);
-  const plantHeadFactoryIds = useMemo(() => {
-    if (user?.role_level !== "plant_head") return [];
+  const factoryScopedRoleFactoryIds = useMemo(() => {
+    if (!isFactoryScopedRole(user?.role_level)) return [];
     const scopedFactoryIds = normalizeIds(user?.access_scope?.factory_ids);
     if (scopedFactoryIds.length > 0) {
       return Array.from(new Set(scopedFactoryIds));
@@ -67204,8 +67778,8 @@ var TeamManagementView = ({
       window.dispatchEvent(new Event("rbac:refresh-scope"));
     }
   }, []);
-  const canAddUsers = user?.role_level === "owner" || user?.role_level === "it" || user?.role_level === "plant_head" || user?.role_level === "optifye";
-  const canViewUsageStats = user?.role_level === "owner" || user?.role_level === "it" || user?.role_level === "optifye";
+  const canAddUsers = canRoleManageUsers(user?.role_level);
+  const canViewUsageStats = canRoleViewUsageStats(user?.role_level);
   const pageCompanyId = entityConfig?.companyId || user?.properties?.company_id;
   const companyIdForUsage = pageCompanyId;
   const usageDateRange = useMemo(() => {
@@ -67239,8 +67813,8 @@ var TeamManagementView = ({
     }, {});
   }, [usageData, usageDateRange.daysElapsed]);
   const pageTitle = "Team Management";
-  const pageDescription = user?.role_level === "owner" || user?.role_level === "it" || user?.role_level === "optifye" ? "Manage team members and view their daily usage" : "Manage supervisors in your factory";
-  const hasAccess = user ? user.role_level === void 0 || ["optifye", "owner", "it", "plant_head"].includes(user.role_level) : false;
+  const pageDescription = canViewUsageStats ? "Manage team members and view their daily usage" : "Manage supervisors in your factory";
+  const hasAccess = user ? user.role_level === void 0 || canRoleAccessTeamManagement(user.role_level) : false;
   const loadData = useCallback(async () => {
     if (!supabase) {
       setError("Supabase client not available. Please refresh the page.");
@@ -67287,8 +67861,8 @@ var TeamManagementView = ({
         setAvailableFactories(factories || []);
         setAvailableLines(lines);
         console.log("[TeamManagementView] Company-scoped team view - Company:", companyId, "Loaded factories:", factories?.length, "lines:", lines?.length);
-      } else if (user?.role_level === "plant_head") {
-        if (plantHeadFactoryIds.length > 0) {
+      } else if (isFactoryScopedRole(user?.role_level)) {
+        if (factoryScopedRoleFactoryIds.length > 0) {
           if (companyId) {
             const linesResponse = await fetch(`${backendUrl}/api/lines?company_id=${companyId}`, {
               headers: {
@@ -67301,9 +67875,9 @@ var TeamManagementView = ({
             }
             const linesData = await linesResponse.json();
             const allLines = linesData.lines || [];
-            const lines = allLines.filter((line) => plantHeadFactoryIds.includes(line.factory_id));
+            const lines = allLines.filter((line) => factoryScopedRoleFactoryIds.includes(line.factory_id));
             setAvailableLines(lines);
-            console.log("[TeamManagementView] Plant Head - Factories:", plantHeadFactoryIds, "Loaded lines:", lines?.length);
+            console.log("[TeamManagementView] Factory-scoped team view - Factories:", factoryScopedRoleFactoryIds, "Loaded lines:", lines?.length);
           }
         } else if (entityConfig?.factoryId) {
           const linesResponse = await fetch(`${backendUrl}/api/lines?factory_id=${entityConfig.factoryId}`, {
@@ -67340,12 +67914,12 @@ var TeamManagementView = ({
         setAvailableFactories([]);
         console.log("[TeamManagementView] Fallback - Company:", companyId, "Loaded lines:", lines?.length);
       }
-      const usersPromise = user?.role_level === "plant_head" ? (async () => {
-        if (plantHeadFactoryIds.length === 0) {
+      const usersPromise = isFactoryScopedRole(user?.role_level) ? (async () => {
+        if (factoryScopedRoleFactoryIds.length === 0) {
           return [];
         }
         const results = await Promise.allSettled(
-          plantHeadFactoryIds.map((factoryId) => userManagementService.getFactoryUsers(factoryId))
+          factoryScopedRoleFactoryIds.map((factoryId) => userManagementService.getFactoryUsers(factoryId))
         );
         const successful = results.filter(
           (result) => result.status === "fulfilled"
@@ -67377,6 +67951,7 @@ var TeamManagementView = ({
         owners: userStats.owners,
         it: userStats.it,
         plantHeads: userStats.plant_heads,
+        industrialEngineers: userStats.industrial_engineers,
         supervisors: userStats.supervisors,
         optifye: 0
       });
@@ -67387,7 +67962,7 @@ var TeamManagementView = ({
     } finally {
       setIsLoading(false);
     }
-  }, [supabase, user, pageCompanyId, entityConfig?.factoryId, plantHeadFactoryIds]);
+  }, [supabase, user, pageCompanyId, entityConfig?.factoryId, factoryScopedRoleFactoryIds]);
   useEffect(() => {
     const companyId = pageCompanyId;
     const canLoad = hasAccess && user && !!companyId;
@@ -67493,7 +68068,7 @@ var TeamManagementView = ({
       {
         iconType: AlertCircle,
         title: "Access Denied",
-        message: "You don't have permission to view this page. Only owners, IT, plant heads, and Optifye users can access team management."
+        message: `You don't have permission to view this page. Only ${getRoleLabel("owner")}, ${getRoleLabel("it")}, ${getRoleLabel("plant_head")}, ${getRoleLabel("industrial_engineer")}, and ${getRoleLabel("optifye")} users can access team management.`
       }
     ) });
   }
@@ -67660,7 +68235,7 @@ function BottleneckClipsView({
     ) })
   ] }) });
 }
-var AuthenticatedBottleneckClipsView = withAuth(React26__default.memo(BottleneckClipsView));
+var AuthenticatedBottleneckClipsView = withAuth(React141__default.memo(BottleneckClipsView));
 var BottleneckClipsView_default = BottleneckClipsView;
 
 // src/lib/services/ticketService.ts
@@ -68491,7 +69066,7 @@ Please ensure:
     )
   ] });
 }
-var AuthenticatedTicketsView = withAuth(React26__default.memo(TicketsView));
+var AuthenticatedTicketsView = withAuth(React141__default.memo(TicketsView));
 var TicketsView_default = TicketsView;
 
 // src/lib/api/s3-clips-parser.ts
@@ -68671,6 +69246,74 @@ var buildInitials = (name) => {
   const second = parts.length > 1 ? parts[1]?.[0] || "" : "";
   return `${first}${second}`.toUpperCase();
 };
+var MOCK_IE_TEAM_USER_ID = "mock-industrial-engineering-team";
+var MOCK_IE_TICKET_ID = "mock-ie-rack-too-far-away";
+var getRandomVideoGalleryClips = (recommendations, maxClips = 3) => {
+  const seen = /* @__PURE__ */ new Set();
+  const candidates = [];
+  recommendations.forEach((rec) => {
+    if (!Array.isArray(rec.evidence)) return;
+    rec.evidence.forEach((evidenceItem) => {
+      if (evidenceItem.type !== "video_gallery" || !Array.isArray(evidenceItem.clips)) return;
+      evidenceItem.clips.forEach((rawClip) => {
+        if (!rawClip || typeof rawClip.clip_id !== "string") return;
+        const key = `${rawClip.clip_id}:${rawClip.workspace_id || ""}`;
+        if (seen.has(key)) return;
+        seen.add(key);
+        candidates.push({
+          clip_id: rawClip.clip_id,
+          workspace_id: typeof rawClip.workspace_id === "string" ? rawClip.workspace_id : void 0,
+          cycle_time_seconds: typeof rawClip.cycle_time_seconds === "number" ? rawClip.cycle_time_seconds : void 0,
+          cycle_sec: typeof rawClip.cycle_sec === "number" ? rawClip.cycle_sec : void 0
+        });
+      });
+    });
+  });
+  for (let i = candidates.length - 1; i > 0; i -= 1) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [candidates[i], candidates[j]] = [candidates[j], candidates[i]];
+  }
+  return candidates.slice(0, Math.max(1, maxClips));
+};
+var buildIEMockRecommendation = (recommendations, lineNameById) => {
+  const now4 = /* @__PURE__ */ new Date();
+  const firstSeen = new Date(now4.getTime() - 3 * 24 * 60 * 60 * 1e3).toISOString();
+  const sampleRec = recommendations.find((rec) => !!rec.line_id) || recommendations[0];
+  const lineId = sampleRec?.line_id;
+  const line = lineId ? lineNameById.get(lineId) || sampleRec?.line || "Line 1" : sampleRec?.line || "Line 1";
+  const shiftLabel = sampleRec?.shift_label;
+  const shiftId = sampleRec?.shift_id;
+  const randomClips = getRandomVideoGalleryClips(recommendations, 3);
+  return {
+    id: MOCK_IE_TICKET_ID,
+    issue_id: MOCK_IE_TICKET_ID,
+    issue_number: 0,
+    issue_status: "open",
+    template_code: "ie_rack_too_far_away_mock",
+    type: "cycle_time",
+    title: "Rack too far away",
+    location: "Industrial Engineering Review",
+    line,
+    line_id: lineId,
+    description: "We analyzed 30 slow clips and saw that the top reason was the operator having to reach for the desk.",
+    resolution_instructions: "Completion condition: Move the rack 3 inches closer to the operator for better ergonomic posture.",
+    shift_id: shiftId,
+    shift_label: shiftLabel,
+    first_seen_at: firstSeen,
+    visible_since: firstSeen,
+    weeks_open: 1,
+    ticket_status: "active",
+    assigned_to_user_id: MOCK_IE_TEAM_USER_ID,
+    assigned_user_ids: [MOCK_IE_TEAM_USER_ID],
+    evidence: randomClips.length > 0 ? [
+      {
+        type: "video_gallery",
+        title: "Slow clips analyzed",
+        clips: randomClips
+      }
+    ] : []
+  };
+};
 var ClipVideoCarousel = ({ clips, clipsService }) => {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [videos, setVideos] = useState([]);
@@ -69093,12 +69736,12 @@ var ImprovementCenterView = () => {
   }, [user]);
   const assignedFactoryIds = useMemo(() => {
     if (!user) return [];
-    if (user.role_level !== "plant_head") return [];
+    if (!isFactoryScopedRole(user.role_level)) return [];
     const factories = user.properties?.factory_id || user.properties?.factory_ids || [];
     return Array.isArray(factories) ? factories : [];
   }, [user]);
   const plantHeadLineIds = useMemo(() => {
-    if (user?.role_level !== "plant_head" || companyLines.length === 0) return [];
+    if (!isFactoryScopedRole(user?.role_level) || companyLines.length === 0) return [];
     const factorySet = new Set(assignedFactoryIds);
     return companyLines.filter((line) => line.factoryId === void 0 || line.factoryId === null || factorySet.has(line.factoryId)).map((line) => line.id);
   }, [assignedFactoryIds, companyLines, user?.role_level]);
@@ -69106,7 +69749,7 @@ var ImprovementCenterView = () => {
     if (user?.role_level === "supervisor") {
       return assignedLineIds;
     }
-    if (user?.role_level === "plant_head") {
+    if (isFactoryScopedRole(user?.role_level)) {
       if (plantHeadLineIds.length > 0) return plantHeadLineIds;
       return companyLineIds.length > 0 ? companyLineIds : configuredLineIds;
     }
@@ -69129,6 +69772,21 @@ var ImprovementCenterView = () => {
     return map;
   }, [companyLines, configuredLines]);
   const companyId = user?.company_id || entityConfig.companyId;
+  const industrialEngineeringTeamMember = useMemo(
+    () => ({
+      id: MOCK_IE_TEAM_USER_ID,
+      name: "Industrial Engineering Team",
+      role: "industrial_engineering",
+      initials: "IE"
+    }),
+    []
+  );
+  const teamMembersWithIETeam = useMemo(() => {
+    if (teamMembers.some((member) => member.id === MOCK_IE_TEAM_USER_ID)) {
+      return teamMembers;
+    }
+    return [...teamMembers, industrialEngineeringTeamMember];
+  }, [teamMembers, industrialEngineeringTeamMember]);
   const clipsService = useMemo(() => {
     try {
       return new S3ClipsSupabaseService(dashboardConfig);
@@ -69142,24 +69800,42 @@ var ImprovementCenterView = () => {
       if (!supabase || !companyId) return;
       try {
         const userService2 = createUserManagementService(supabase);
-        const supervisors = await userService2.getCompanyUsers(companyId, "supervisor");
+        const roleFilters = ["supervisor", "owner", "industrial_engineer"];
+        const roleResults = await Promise.allSettled(
+          roleFilters.map((role) => userService2.getCompanyUsers(companyId, role))
+        );
+        roleResults.forEach((result, index) => {
+          if (result.status === "rejected") {
+            console.warn(
+              `[ImprovementCenterView] Failed to load ${roleFilters[index]} users`,
+              result.reason
+            );
+          }
+        });
+        const users = roleResults.flatMap(
+          (result) => result.status === "fulfilled" ? result.value : []
+        );
         if (cancelled) return;
-        const members = supervisors.map((user2) => {
+        const membersById = /* @__PURE__ */ new Map();
+        users.forEach((user2) => {
           const rawName = user2.first_name ? `${user2.first_name}${user2.last_name ? " " + user2.last_name : ""}` : user2.properties?.full_name || user2.email?.split("@")[0] || "Unknown";
-          return {
-            id: user2.user_id,
-            name: rawName,
-            role: user2.role_level,
-            initials: buildInitials(rawName),
-            email: user2.email,
-            profilePhotoUrl: user2.profile_photo_url
-          };
+          if (!membersById.has(user2.user_id)) {
+            membersById.set(user2.user_id, {
+              id: user2.user_id,
+              name: rawName,
+              role: user2.role_level,
+              initials: buildInitials(rawName),
+              email: user2.email,
+              profilePhotoUrl: user2.profile_photo_url
+            });
+          }
         });
+        const members = Array.from(membersById.values());
         members.sort((a, b) => a.name.localeCompare(b.name));
         setTeamMembers(members);
       } catch (error) {
         if (!cancelled) {
-          console.error("[ImprovementCenterView] Failed to load supervisors", error);
+          console.error("[ImprovementCenterView] Failed to load assignee members", error);
           setTeamMembers([]);
         }
       }
@@ -69222,7 +69898,12 @@ var ImprovementCenterView = () => {
           };
         });
         const allowed = new Set(scopeLineIds);
-        setRecommendations(recs.filter((r2) => !r2.line_id || allowed.has(r2.line_id)));
+        const scopedRecommendations = recs.filter((r2) => !r2.line_id || allowed.has(r2.line_id));
+        const mockRecommendation = buildIEMockRecommendation(scopedRecommendations, lineNameById);
+        setRecommendations([
+          mockRecommendation,
+          ...scopedRecommendations.filter((recommendation) => recommendation.id !== MOCK_IE_TICKET_ID)
+        ]);
       } catch (err) {
         if (cancelled) return;
         setLoadError(err?.message || "Failed to load recommendations");
@@ -69235,10 +69916,10 @@ var ImprovementCenterView = () => {
     return () => {
       cancelled = true;
     };
-  }, [supabase, companyId, scopeLineIdsKey]);
+  }, [supabase, companyId, scopeLineIdsKey, lineNameById]);
   const teamMembersById = useMemo(() => {
-    return new Map(teamMembers.map((member) => [member.id, member]));
-  }, [teamMembers]);
+    return new Map(teamMembersWithIETeam.map((member) => [member.id, member]));
+  }, [teamMembersWithIETeam]);
   const filteredRecommendations = useMemo(() => {
     return recommendations.filter((rec) => {
       if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
@@ -69253,7 +69934,12 @@ var ImprovementCenterView = () => {
       }
       if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
-    }).sort((a, b) => (a.issue_number || 0) - (b.issue_number || 0));
+    }).sort((a, b) => {
+      const aIndustrial = a.industrial_eng_bottleneck ? 1 : 0;
+      const bIndustrial = b.industrial_eng_bottleneck ? 1 : 0;
+      if (aIndustrial !== bIndustrial) return bIndustrial - aIndustrial;
+      return (a.issue_number || 0) - (b.issue_number || 0);
+    });
   }, [recommendations, selectedLineId, selectedStatus, selectedShift, selectedWeeksRange, selectedMemberId]);
   const stats = useMemo(() => {
     const baseFiltered = recommendations.filter((rec) => {
@@ -69351,7 +70037,7 @@ var ImprovementCenterView = () => {
     setSelectedWeeksRange(weeksRange);
   };
   const handleMemberFilterChange = (memberId) => {
-    const memberName = memberId === "all" ? "all" : teamMembers.find((m) => m.id === memberId)?.name || memberId;
+    const memberName = memberId === "all" ? "all" : teamMembersWithIETeam.find((member) => member.id === memberId)?.name || memberId;
     trackCoreEvent("Improvement Center Filter Applied", {
       filter_type: "member",
       filter_value: memberName,
@@ -69433,7 +70119,7 @@ var ImprovementCenterView = () => {
             /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [
               { value: selectedShift, onChange: handleShiftFilterChange, options: shiftOptions, label: "Shift" },
               { value: selectedWeeksRange, onChange: handleWeeksFilterChange, options: weekOptions.map((o) => o.id), labels: weekOptions, label: "Duration" },
-              { value: selectedMemberId, onChange: handleMemberFilterChange, options: ["all", ...teamMembers.map((m) => m.id)], labels: teamMembers, label: "Member" },
+              { value: selectedMemberId, onChange: handleMemberFilterChange, options: ["all", ...teamMembersWithIETeam.map((m) => m.id)], labels: teamMembersWithIETeam, label: "Member" },
               { value: selectedLineId, onChange: handleLineFilterChange, options: lineOptions.map((o) => o.id), labels: lineOptions, label: "Line" }
             ].map((filter2, idx) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: filter2.label }),
@@ -69650,7 +70336,7 @@ var ThreadSidebar = ({
     ] }) })
   ] });
 };
-var ProfilePicture = React26__default.memo(({
+var ProfilePicture = React141__default.memo(({
   alt = "Axel",
   className = "",
   size = "md",
@@ -71621,6 +72307,840 @@ var AIAgentView = () => {
   ] });
 };
 var AIAgentView_default = AIAgentView;
+var EMPTY_OVERVIEW = {
+  scope: {
+    current_range: { day_count: null },
+    previous_range: { day_count: null },
+    available_line_modes: { has_output: false, has_uptime: false }
+  },
+  summary: {
+    plant_efficiency: { current: null, previous: null, delta_pp: null },
+    avg_idle_per_workstation: { current_seconds: null, previous_seconds: null, delta_seconds: null }
+  },
+  poorest_lines: { output: [], uptime: [] },
+  trend: { shift_mode: "all", points: [] },
+  idle_reason_breakdown: []
+};
+var efficiencyLineConfig = [
+  {
+    dataKey: "efficiency",
+    name: "Efficiency",
+    stroke: "#00AB45",
+    strokeWidth: 3,
+    type: "monotone",
+    dot: { r: 4, fill: "#00AB45", strokeWidth: 2, stroke: "#fff" },
+    activeDot: { r: 6, strokeWidth: 0, fill: "#00AB45" }
+  }
+];
+var toNumber3 = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var roundOne = (value) => Math.round(value * 10) / 10;
+var getLastSevenDayRange = (timezone) => {
+  const todayKey = formatInTimeZone(/* @__PURE__ */ new Date(), timezone || "UTC", "yyyy-MM-dd");
+  const endDate = parseISO(`${todayKey}T00:00:00`);
+  const startDate = subDays(endDate, 6);
+  return {
+    startKey: format(startDate, "yyyy-MM-dd"),
+    endKey: format(endDate, "yyyy-MM-dd")
+  };
+};
+var formatIdleDuration = (seconds) => {
+  if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
+    return "--";
+  }
+  const wholeSeconds = Math.max(0, Math.round(seconds));
+  const minutes = Math.floor(wholeSeconds / 60);
+  const remainingSeconds = wholeSeconds % 60;
+  if (minutes > 0) {
+    return `${minutes}m ${remainingSeconds}s`;
+  }
+  return `${remainingSeconds}s`;
+};
+var formatSignedIdleDuration = (seconds) => {
+  const sign = seconds > 0 ? "+" : "-";
+  return `${sign}${formatIdleDuration(Math.abs(seconds))}`;
+};
+var formatComparisonWindow = (dayCount) => {
+  if (!dayCount || !Number.isFinite(dayCount)) return "previous range";
+  return `previous ${dayCount} ${dayCount === 1 ? "day" : "days"}`;
+};
+var shuffle = (items) => {
+  const next = [...items];
+  for (let i = next.length - 1; i > 0; i -= 1) {
+    const swapIndex = Math.floor(Math.random() * (i + 1));
+    [next[i], next[swapIndex]] = [next[swapIndex], next[i]];
+  }
+  return next;
+};
+var buildImprovementMetric = (recommendation) => {
+  const metrics2 = recommendation.metrics || {};
+  const efficiencyGain = toNumber3(metrics2.efficiency_gain_pct);
+  if (efficiencyGain !== null) {
+    return `+${roundOne(efficiencyGain)}% Efficiency`;
+  }
+  const outputGain = toNumber3(metrics2.output_gain);
+  if (outputGain !== null) {
+    return `+${Math.round(outputGain)} Units`;
+  }
+  const idleMinutes = toNumber3(metrics2.idle_minutes);
+  if (idleMinutes !== null) {
+    return `-${Math.round(idleMinutes)}m Idle`;
+  }
+  const impactText = recommendation.impact?.trim();
+  if (impactText) {
+    return impactText.length > 22 ? `${impactText.slice(0, 22).trim()}...` : impactText;
+  }
+  return "Review Issue";
+};
+var buildImprovementImpact = (recommendation) => {
+  if (recommendation.issue_severity !== void 0 && recommendation.issue_severity !== null) {
+    if (recommendation.issue_severity >= 3) return "High";
+    if (recommendation.issue_severity >= 2) return "Medium";
+    return "Low";
+  }
+  return "Medium";
+};
+var buildDeltaBadge = (delta, options) => {
+  if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
+    return {
+      icon: null,
+      className: "bg-slate-100 text-slate-500",
+      text: `No ${options.comparisonLabel} baseline`
+    };
+  }
+  const direction = delta >= 0 ? "up" : "down";
+  const isGood = options.positiveIsGood ? delta >= 0 : delta <= 0;
+  return {
+    icon: direction,
+    className: isGood ? "bg-[#ecfdf5] text-[#059669]" : "bg-[#FEF2F2] text-[#DC2626]",
+    text: `${options.formatter(delta)} vs ${options.comparisonLabel}`
+  };
+};
+var buildLineDeltaTone = (delta, comparisonLabel) => {
+  if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
+    return {
+      className: "text-slate-400",
+      text: `No ${comparisonLabel} baseline`
+    };
+  }
+  return {
+    className: delta >= 0 ? "text-[#059669]" : "text-[#DC2626]",
+    text: `${delta >= 0 ? "+" : ""}${roundOne(delta)}% vs ${comparisonLabel}`
+  };
+};
+var SectionPulse = ({ className }) => /* @__PURE__ */ jsx("div", { className: `animate-pulse rounded-md bg-slate-200/70 ${className || ""}` });
+var OverviewMetricCardSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-3", children: [
+  /* @__PURE__ */ jsx(SectionPulse, { className: "h-8 w-32" }),
+  /* @__PURE__ */ jsx(SectionPulse, { className: "h-6 w-44 rounded-full" })
+] });
+var OverviewListSkeleton = ({ rows = 3 }) => /* @__PURE__ */ jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-8 w-8 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(SectionPulse, { className: "h-3 w-28" }),
+      /* @__PURE__ */ jsx(SectionPulse, { className: "h-2.5 w-20" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-4 w-12" }),
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-6 w-10 rounded-full" })
+  ] })
+] }, index)) });
+var OverviewChartSkeleton = () => /* @__PURE__ */ jsx("div", { className: "w-full h-full animate-pulse", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-xl bg-gradient-to-b from-slate-100 to-slate-50 p-4", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-lg border border-dashed border-slate-200 bg-white/70 px-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "flex h-full items-end gap-3", children: Array.from({ length: 7 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-1 flex-col justify-end gap-2", children: [
+  /* @__PURE__ */ jsx(SectionPulse, { className: `w-full rounded-md ${index % 3 === 0 ? "h-24" : index % 3 === 1 ? "h-32" : "h-20"}` }),
+  /* @__PURE__ */ jsx(SectionPulse, { className: "h-2.5 w-8 self-center" })
+] }, index)) }) }) }) });
+var OverviewIdleBreakdownSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "w-full h-full flex items-center overflow-hidden animate-pulse", children: [
+  /* @__PURE__ */ jsx("div", { className: "flex-1 h-full min-w-0 relative flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-32 h-32 rounded-full bg-slate-200" }) }),
+  /* @__PURE__ */ jsx("div", { className: "w-[50%] max-w-[200px] pl-2 flex flex-col justify-center h-full space-y-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-slate-200 mr-1.5" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 bg-slate-200 rounded w-20" })
+  ] }, i)) })
+] });
+var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+  /* @__PURE__ */ jsx(SectionPulse, { className: "h-4 w-4 rounded-full" }),
+  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-3 w-40" }),
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-2.5 w-24" })
+  ] })
+] }, index)) });
+var PlantHeadView = () => {
+  const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
+  const appTimezone = useAppTimezone() || "UTC";
+  const { navigate } = useNavigation();
+  const { accessibleLineIds } = useUserLineAccess();
+  const mobileMenuContext = useMobileMenu();
+  useHideMobileHeader(!!mobileMenuContext);
+  const [dateRange, setDateRange] = React141__default.useState(() => getLastSevenDayRange("UTC"));
+  const [trendMode, setTrendMode] = React141__default.useState("all");
+  const [poorestLineMode, setPoorestLineMode] = React141__default.useState("output");
+  const [overview, setOverview] = React141__default.useState(EMPTY_OVERVIEW);
+  const [isSnapshotLoading, setIsSnapshotLoading] = React141__default.useState(false);
+  const [isTrendLoading, setIsTrendLoading] = React141__default.useState(false);
+  const [trendFetchNonce, setTrendFetchNonce] = React141__default.useState(0);
+  const [trendViewOpenNonce] = React141__default.useState(() => Date.now());
+  const [idleReasonBreakdown, setIdleReasonBreakdown] = React141__default.useState([]);
+  const [isIdleReasonBreakdownLoading, setIsIdleReasonBreakdownLoading] = React141__default.useState(false);
+  const [improvements, setImprovements] = React141__default.useState([]);
+  const [isImprovementsLoading, setIsImprovementsLoading] = React141__default.useState(false);
+  const [isFilterOpen, setIsFilterOpen] = React141__default.useState(false);
+  const filterRef = React141__default.useRef(null);
+  const filterButtonRef = React141__default.useRef(null);
+  const mobileFilterButtonRef = React141__default.useRef(null);
+  React141__default.useEffect(() => {
+    function handleClickOutside(event) {
+      if (filterRef.current && !filterRef.current.contains(event.target) && filterButtonRef.current && !filterButtonRef.current.contains(event.target) && mobileFilterButtonRef.current && !mobileFilterButtonRef.current.contains(event.target)) {
+        setIsFilterOpen(false);
+      }
+    }
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  const hasInitializedRangeRef = React141__default.useRef(false);
+  React141__default.useEffect(() => {
+    if (hasInitializedRangeRef.current) return;
+    setDateRange(getLastSevenDayRange(appTimezone));
+    hasInitializedRangeRef.current = true;
+  }, [appTimezone]);
+  const companyId = entityConfig.companyId;
+  const scopedLineIds = React141__default.useMemo(
+    () => Array.from(new Set((accessibleLineIds || []).filter(Boolean))),
+    [accessibleLineIds]
+  );
+  const lineIdsKey = React141__default.useMemo(
+    () => scopedLineIds.slice().sort().join(","),
+    [scopedLineIds]
+  );
+  const { supervisorsByLineId } = useSupervisorsByLineIds(scopedLineIds, {
+    enabled: !!companyId && scopedLineIds.length > 0,
+    companyId,
+    useBackend: true
+  });
+  React141__default.useEffect(() => {
+    if (!supabase || !companyId) return void 0;
+    if (scopedLineIds.length === 0) {
+      setOverview(EMPTY_OVERVIEW);
+      setIdleReasonBreakdown([]);
+      setIsSnapshotLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setOverview((prev) => ({
+      ...prev,
+      scope: EMPTY_OVERVIEW.scope,
+      summary: EMPTY_OVERVIEW.summary,
+      poorest_lines: EMPTY_OVERVIEW.poorest_lines
+    }));
+    setIsSnapshotLoading(true);
+    const fetchOverviewSnapshot = async () => {
+      const params = new URLSearchParams({
+        company_id: companyId,
+        start_date: dateRange.startKey,
+        end_date: dateRange.endKey,
+        trend_shift_mode: trendMode,
+        line_ids: scopedLineIds.join(",")
+      });
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/operations-overview/snapshot?${params.toString()}`
+      );
+      if (!cancelled) {
+        setOverview((prev) => ({
+          ...prev,
+          scope: response.scope || EMPTY_OVERVIEW.scope,
+          summary: response.summary || EMPTY_OVERVIEW.summary,
+          poorest_lines: response.poorest_lines || EMPTY_OVERVIEW.poorest_lines
+        }));
+      }
+    };
+    fetchOverviewSnapshot().catch((error) => {
+      console.error("[PlantHeadView] Failed to fetch operations overview snapshot", error);
+      if (!cancelled) {
+        setOverview((prev) => ({
+          ...prev,
+          scope: EMPTY_OVERVIEW.scope,
+          summary: EMPTY_OVERVIEW.summary,
+          poorest_lines: EMPTY_OVERVIEW.poorest_lines
+        }));
+      }
+    }).finally(() => {
+      if (!cancelled) {
+        setIsSnapshotLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    companyId,
+    dateRange.endKey,
+    dateRange.startKey,
+    lineIdsKey,
+    scopedLineIds,
+    supabase,
+    trendMode
+  ]);
+  React141__default.useEffect(() => {
+    if (!supabase || !companyId) return void 0;
+    if (scopedLineIds.length === 0) {
+      setOverview((prev) => ({
+        ...prev,
+        trend: EMPTY_OVERVIEW.trend
+      }));
+      setIsTrendLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setIsTrendLoading(true);
+    const fetchOverviewTrend = async () => {
+      const params = new URLSearchParams({
+        company_id: companyId,
+        start_date: dateRange.startKey,
+        end_date: dateRange.endKey,
+        trend_shift_mode: trendMode,
+        line_ids: scopedLineIds.join(",")
+      });
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/operations-overview/trend?${params.toString()}`
+      );
+      if (!cancelled) {
+        setOverview((prev) => ({
+          ...prev,
+          trend: response.trend || EMPTY_OVERVIEW.trend
+        }));
+        setTrendFetchNonce((prev) => prev + 1);
+      }
+    };
+    fetchOverviewTrend().catch((error) => {
+      console.error("[PlantHeadView] Failed to fetch operations overview trend", error);
+    }).finally(() => {
+      if (!cancelled) {
+        setIsTrendLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    companyId,
+    dateRange.endKey,
+    dateRange.startKey,
+    lineIdsKey,
+    scopedLineIds,
+    supabase,
+    trendMode
+  ]);
+  React141__default.useEffect(() => {
+    if (!supabase || !companyId) return void 0;
+    if (scopedLineIds.length === 0) {
+      setIdleReasonBreakdown([]);
+      setIsIdleReasonBreakdownLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setIdleReasonBreakdown([]);
+    setIsIdleReasonBreakdownLoading(true);
+    const fetchIdleReasonBreakdown = async () => {
+      const params = new URLSearchParams({
+        company_id: companyId,
+        start_date: dateRange.startKey,
+        end_date: dateRange.endKey,
+        trend_shift_mode: trendMode,
+        line_ids: scopedLineIds.join(",")
+      });
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/dashboard/operations-overview/idle-reason-breakdown?${params.toString()}`
+      );
+      if (!cancelled) {
+        setIdleReasonBreakdown(response.idle_reason_breakdown || []);
+      }
+    };
+    fetchIdleReasonBreakdown().catch((error) => {
+      console.error("[PlantHeadView] Failed to fetch idle reason breakdown", error);
+      if (!cancelled) {
+        setIdleReasonBreakdown([]);
+      }
+    }).finally(() => {
+      if (!cancelled) {
+        setIsIdleReasonBreakdownLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    companyId,
+    dateRange.endKey,
+    dateRange.startKey,
+    lineIdsKey,
+    scopedLineIds,
+    supabase,
+    trendMode
+  ]);
+  React141__default.useEffect(() => {
+    if (!supabase || !companyId) return void 0;
+    if (scopedLineIds.length === 0) {
+      setImprovements([]);
+      setIsImprovementsLoading(false);
+      return void 0;
+    }
+    let cancelled = false;
+    setIsImprovementsLoading(true);
+    const fetchImprovements = async () => {
+      const params = new URLSearchParams({
+        company_id: companyId,
+        status: "open",
+        limit: "200",
+        line_ids: scopedLineIds.join(",")
+      });
+      const response = await fetchBackendJson(
+        supabase,
+        `/api/improvement-center/recommendations?${params.toString()}`
+      );
+      if (cancelled) return;
+      const allowedLineIds = new Set(scopedLineIds);
+      const scopedRecommendations = (response.recommendations || []).filter((recommendation) => {
+        return !recommendation.line_id || allowedLineIds.has(recommendation.line_id);
+      });
+      const nextImprovements = shuffle(scopedRecommendations).slice(0, 3).map((recommendation) => ({
+        id: recommendation.id,
+        title: recommendation.title?.trim() || "Untitled issue",
+        impact: buildImprovementImpact(recommendation),
+        metric: buildImprovementMetric(recommendation)
+      }));
+      setImprovements(nextImprovements);
+    };
+    fetchImprovements().catch((error) => {
+      console.error("[PlantHeadView] Failed to fetch improvements", error);
+      if (!cancelled) {
+        setImprovements([]);
+      }
+    }).finally(() => {
+      if (!cancelled) {
+        setIsImprovementsLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [companyId, lineIdsKey, scopedLineIds, supabase]);
+  const availableLineModes = overview.scope?.available_line_modes;
+  React141__default.useEffect(() => {
+    const hasOutput = !!availableLineModes?.has_output;
+    const hasUptime = !!availableLineModes?.has_uptime;
+    if (hasOutput && !hasUptime && poorestLineMode !== "output") {
+      setPoorestLineMode("output");
+    } else if (hasUptime && !hasOutput && poorestLineMode !== "uptime") {
+      setPoorestLineMode("uptime");
+    }
+  }, [availableLineModes?.has_output, availableLineModes?.has_uptime, poorestLineMode]);
+  const comparisonLabel = React141__default.useMemo(
+    () => formatComparisonWindow(overview.scope?.current_range?.day_count ?? null),
+    [overview.scope?.current_range?.day_count]
+  );
+  const plantEfficiencyBadge = React141__default.useMemo(() => {
+    return buildDeltaBadge(overview.summary?.plant_efficiency?.delta_pp, {
+      positiveIsGood: true,
+      formatter: (value) => `${value >= 0 ? "+" : ""}${roundOne(value)}%`,
+      comparisonLabel
+    });
+  }, [comparisonLabel, overview.summary?.plant_efficiency?.delta_pp]);
+  const idleBadge = React141__default.useMemo(() => {
+    return buildDeltaBadge(overview.summary?.avg_idle_per_workstation?.delta_seconds, {
+      positiveIsGood: false,
+      formatter: (value) => formatSignedIdleDuration(value),
+      comparisonLabel
+    });
+  }, [comparisonLabel, overview.summary?.avg_idle_per_workstation?.delta_seconds]);
+  const trendData = React141__default.useMemo(() => {
+    return (overview.trend?.points || []).map((point) => ({
+      name: point.date ? format(parseDateKeyToDate(point.date), "MMM d") : "",
+      efficiency: (() => {
+        const value = toNumber3(point.avg_efficiency);
+        return value === null ? void 0 : value;
+      })()
+    }));
+  }, [overview.trend?.points]);
+  const trendPlayKey = React141__default.useMemo(() => {
+    return `${trendViewOpenNonce}:${trendFetchNonce}`;
+  }, [trendFetchNonce, trendViewOpenNonce]);
+  const idleBreakdown = React141__default.useMemo(() => {
+    return idleReasonBreakdown.map((item) => ({
+      name: item.reason?.trim() || "Unknown",
+      value: toNumber3(item.percentage) || 0,
+      totalDurationSeconds: toNumber3(item.total_duration_seconds),
+      efficiencyLossPercentage: toNumber3(item.efficiency_loss_percentage),
+      contributors: (item.contributors || []).map((contributor) => ({
+        workspaceId: contributor.workspace_id || "",
+        workspaceName: contributor.workspace_name?.trim() || "Unknown",
+        totalDurationSeconds: toNumber3(contributor.total_duration_seconds),
+        percentageWithinReason: toNumber3(contributor.percentage_within_reason)
+      }))
+    })).filter((item) => item.value > 0);
+  }, [idleReasonBreakdown]);
+  const mergedPoorestLines = React141__default.useMemo(() => {
+    const rows = overview.poorest_lines?.[poorestLineMode] || [];
+    return rows.slice(0, 3).map((line) => {
+      const lineId = line.line_id || "";
+      const supervisors = supervisorsByLineId.get(lineId) || [];
+      const supervisor = supervisors[0];
+      return {
+        id: lineId,
+        name: line.line_name?.trim() || "Unknown Line",
+        efficiency: roundOne(toNumber3(line.avg_efficiency) || 0),
+        previousEfficiency: toNumber3(line.previous_avg_efficiency),
+        delta: toNumber3(line.delta_pp),
+        supervisor: supervisor?.displayName || "Unassigned",
+        supervisorImage: supervisor?.profilePhotoUrl ?? null
+      };
+    });
+  }, [overview.poorest_lines, poorestLineMode, supervisorsByLineId]);
+  const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
+  availableLineModes?.has_uptime && !availableLineModes?.has_output ? "Uptime" : "Output";
+  const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
+    /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-10 bg-white border-b flex-shrink-0 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "px-3 sm:px-4 md:px-6 py-2 sm:py-3 relative", children: [
+      /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+        mobileMenuContext ? /* @__PURE__ */ jsx(
+          HamburgerButton,
+          {
+            onClick: mobileMenuContext.onMobileMenuOpen,
+            className: "flex-shrink-0 -ml-1"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "w-8 flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: [
+            format(parseDateKeyToDate(dateRange.startKey), "do MMM"),
+            " - ",
+            format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx(
+            MonthlyRangeFilter_default,
+            {
+              month: parseDateKeyToDate(dateRange.startKey).getMonth(),
+              year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
+              timezone: appTimezone,
+              value: dateRange,
+              onChange: setDateRange,
+              showLabel: false
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: mobileFilterButtonRef,
+              onClick: () => setIsFilterOpen(!isFilterOpen),
+              className: `p-2 rounded-full transition-colors relative ${isFilterOpen || trendMode !== "all" ? "bg-blue-50" : "active:bg-gray-100"}`,
+              "aria-label": "Open filters",
+              children: [
+                /* @__PURE__ */ jsx(Filter, { className: `w-5 h-5 ${trendMode !== "all" ? "text-blue-600" : "text-gray-700"}` }),
+                trendMode !== "all" && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex items-center justify-center w-4 h-4 bg-blue-600 text-white text-[10px] rounded-full font-bold", children: "1" })
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
+        /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight text-center pointer-events-auto leading-tight mb-0.5", children: "Operations Overview" }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: [
+            format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy"),
+            " - ",
+            format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
+            MonthlyRangeFilter_default,
+            {
+              month: parseDateKeyToDate(dateRange.startKey).getMonth(),
+              year: parseDateKeyToDate(dateRange.startKey).getFullYear(),
+              timezone: appTimezone,
+              value: dateRange,
+              onChange: setDateRange,
+              showLabel: false
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: filterButtonRef,
+              onClick: () => setIsFilterOpen(!isFilterOpen),
+              className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || trendMode !== "all" ? "border-blue-500 bg-blue-50 text-blue-700 ring-1 ring-blue-500" : "border-slate-200 bg-white text-slate-700 hover:bg-slate-50"}`,
+              "aria-label": "Open filters",
+              children: [
+                /* @__PURE__ */ jsx(Filter, { className: `w-[18px] h-[18px] ${trendMode !== "all" ? "text-blue-600" : "text-slate-500"}` }),
+                "Filters",
+                /* @__PURE__ */ jsx(ChevronDown, { className: `w-4 h-4 ml-0.5 transition-transform duration-200 ${isFilterOpen ? "rotate-180" : ""}` })
+              ]
+            }
+          )
+        ] })
+      ] }) }),
+      isFilterOpen && /* @__PURE__ */ jsxs("div", { ref: filterRef, className: "absolute right-3 sm:right-4 md:right-5 lg:right-6 top-full mt-2 w-72 bg-white rounded-xl shadow-xl border border-gray-100 p-4 z-50", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Filter View" }),
+          trendMode !== "all" && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => {
+                setTrendMode("all");
+                setIsFilterOpen(false);
+              },
+              className: "text-xs text-red-600 hover:text-red-700 font-medium",
+              children: "Clear all"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-gray-500 uppercase tracking-wide ml-1", children: "Shift" }),
+          /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs(
+            "select",
+            {
+              value: trendMode,
+              onChange: (e) => setTrendMode(e.target.value),
+              className: "w-full appearance-none pl-3 pr-8 py-2 text-sm bg-gray-50 border border-gray-200 hover:border-gray-300 rounded-lg text-gray-900 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:bg-white transition-all cursor-pointer",
+              style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.75rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All Shifts" }),
+                /* @__PURE__ */ jsx("option", { value: "day", children: "Day Shift" }),
+                /* @__PURE__ */ jsx("option", { value: "night", children: "Night Shift" })
+              ]
+            }
+          ) })
+        ] }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 pb-6 max-w-[1800px] mx-auto w-full flex-1 min-h-0 overflow-y-auto flex flex-col gap-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-5", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "bg-white rounded-xl shadow-sm border border-slate-100 p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Overall Efficiency" }) }),
+              isSnapshotLoading ? /* @__PURE__ */ jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.plant_efficiency?.current !== null && overview.summary?.plant_efficiency?.current !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: [
+                  roundOne(overview.summary.plant_efficiency.current),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${plantEfficiencyBadge.className}`, children: [
+                  plantEfficiencyBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : plantEfficiencyBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: plantEfficiencyBadge.text })
+                ] })
+              ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No efficiency data available" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "bg-white rounded-xl shadow-sm border border-slate-100 p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
+              isSnapshotLoading ? /* @__PURE__ */ jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(overview.summary.avg_idle_per_workstation.current_seconds) }),
+                /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
+                  idleBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                  /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
+                ] })
+              ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 grid grid-cols-1 xl:grid-cols-2 gap-5 auto-rows-fr", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-rows-1 xl:grid-rows-2 gap-5 min-h-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 border-b border-slate-50 flex justify-between items-center gap-3 flex-wrap", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+                /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Poorest Performers" }),
+                showPoorestModeToggle && /* @__PURE__ */ jsxs("div", { className: "flex bg-slate-100 p-0.5 rounded-lg", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setPoorestLineMode("output"),
+                      className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "output" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
+                      children: "Output"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setPoorestLineMode("uptime"),
+                      className: `px-3 py-1 text-[11px] font-bold rounded-md ${poorestLineMode === "uptime" ? "bg-white text-slate-800 shadow-sm" : "text-slate-500 hover:text-slate-800"}`,
+                      children: "Uptime"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => navigate("/kpis"),
+                  className: "text-[11px] font-bold text-slate-500 hover:text-slate-800 transition-colors",
+                  children: "View All"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col p-0 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-slate-50 flex-1 px-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line" }),
+                /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider text-left shrink-0 min-w-[110px] flex items-center gap-2", children: poorestMetricLabel })
+              ] }),
+              isSnapshotLoading ? /* @__PURE__ */ jsx(OverviewListSkeleton, {}) : mergedPoorestLines.length > 0 ? mergedPoorestLines.map((line) => {
+                const lineDelta = buildLineDeltaTone(line.delta, comparisonLabel);
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    onClick: () => navigate(`/kpis/${line.id}`),
+                    className: "block py-3 hover:bg-slate-50/50 transition-colors cursor-pointer group relative",
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+                        /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-full bg-slate-100 border border-slate-200 overflow-hidden flex-shrink-0", children: line.supervisorImage ? /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: line.supervisorImage,
+                            alt: line.supervisor,
+                            className: "w-full h-full object-cover"
+                          }
+                        ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: line.supervisor.split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
+                        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                            /* @__PURE__ */ jsx("div", { className: "font-bold text-slate-800 text-[13px] truncate group-hover:text-indigo-600 transition-colors", children: line.name }),
+                            /* @__PURE__ */ jsxs(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: (event) => {
+                                  event.stopPropagation();
+                                  console.log(`Notify ${line.supervisor}`);
+                                },
+                                className: "flex items-center gap-1 text-[9px] font-bold text-slate-500 bg-slate-100 px-1.5 py-0.5 rounded transition-colors hover:bg-slate-200 hover:text-slate-700",
+                                children: [
+                                  /* @__PURE__ */ jsx(Bell, { className: "w-2.5 h-2.5" }),
+                                  "Notify"
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-slate-400 font-medium", children: line.supervisor }) })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0 justify-start min-w-[110px]", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "text-[15px] font-bold text-slate-800", children: [
+                          line.efficiency,
+                          "%"
+                        ] }),
+                        line.delta !== null && line.delta !== void 0 && Number.isFinite(line.delta) ? /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-0.5 px-2 py-0.5 rounded-full ${line.delta >= 0 ? "bg-[#ecfdf5] text-[#059669]" : "bg-[#FEF2F2] text-[#DC2626]"}`, children: [
+                          line.delta >= 0 ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3 h-3", strokeWidth: 2.5 }) : /* @__PURE__ */ jsx(ArrowDown, { className: "w-3 h-3", strokeWidth: 2.5 }),
+                          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-bold", children: lineDelta.text.split(" vs ")[0].replace("+", "") })
+                        ] }) : /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 px-2 py-0.5 rounded-full bg-slate-50 text-slate-400", children: /* @__PURE__ */ jsx("span", { className: "text-[11px] font-bold", children: "\u2014" }) })
+                      ] })
+                    ] })
+                  },
+                  line.id
+                );
+              }) : /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: `No ${poorestLineMode} line data available` })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden text-left",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50 relative", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time Breakdown" }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 p-4 pt-2 relative", children: isIdleReasonBreakdownLoading ? /* @__PURE__ */ jsx(OverviewIdleBreakdownSkeleton, {}) : /* @__PURE__ */ jsx(
+                  IdleTimeReasonChart,
+                  {
+                    data: idleBreakdown,
+                    isLoading: false,
+                    hideTotalDuration: true
+                  }
+                ) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-rows-1 xl:grid-rows-2 gap-5 min-h-0", children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "bg-white rounded-xl shadow-[0_2px_10px_-3px_rgba(6,81,237,0.1)] border border-slate-100 flex flex-col overflow-hidden text-left",
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "px-6 py-5 flex-none flex justify-between items-center border-b border-slate-50/50", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Efficiency Trend" }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 w-full p-4 pt-4 relative", children: isTrendLoading ? /* @__PURE__ */ jsx(OverviewChartSkeleton, {}) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pb-2 pr-4 pl-1", children: /* @__PURE__ */ jsx(
+                  LineChart,
+                  {
+                    data: trendData,
+                    lines: efficiencyLineConfig,
+                    xAxisDataKey: "name",
+                    yAxisUnit: "%",
+                    yAxisDomain: [0, 100],
+                    showLegend: false,
+                    showGrid: true,
+                    fillContainer: true
+                  },
+                  trendPlayKey
+                ) }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-slate-100 flex flex-col overflow-hidden", children: [
+            /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 flex-none flex justify-between items-center border-b border-slate-50/50", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Improvements" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => navigate("/improvement-center"),
+                  className: "text-[11px] font-bold text-slate-500 hover:text-slate-800 transition-colors",
+                  children: "View All"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsx(OverviewImprovementsSkeleton, {}) : improvements.length > 0 ? improvements.map((item) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                onClick: () => navigate("/improvement-center"),
+                className: "flex items-center justify-between py-3 border-b border-slate-50 last:border-0 group cursor-pointer",
+                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" }) }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600 mb-0.5", children: item.title }),
+                    /* @__PURE__ */ jsxs("p", { className: "text-[10px] font-medium text-slate-400", children: [
+                      "Impact: ",
+                      /* @__PURE__ */ jsx("span", { className: "text-slate-500 font-semibold", children: item.impact })
+                    ] })
+                  ] })
+                ] })
+              },
+              item.id
+            )) : /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: "No open improvement issues" }) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var PlantHeadView_default = PlantHeadView;
 var S3Service = class {
   constructor(config) {
     this.s3Client = null;
@@ -72097,4 +73617,4 @@ var streamProxyConfig = {
   }
 };
 
-export { 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, Legend6 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, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, 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, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, 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, 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_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, Legend6 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, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, 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, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, 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, 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 };