@optifye/dashboard-core 6.9.0 → 6.9.2

package/dist/index.js

@@ -228,7 +228,7 @@ var DEFAULT_DATE_TIME_CONFIG = {
 };
 var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
-  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
+  agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app",
   // Default AGNO API URL
   // Use environment variable for Slack webhook URL for privacy/security
   // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
@@ -2793,60 +2793,135 @@ var authCoreService = {
   }
 };
 
+// src/lib/utils/apiClient.ts
+var ApiClient = class {
+  // 5 minutes
+  /**
+   * Fetch with timeout, retry, and error handling
+   *
+   * @param url - URL to fetch
+   * @param options - Fetch options plus ApiClient options
+   * @returns Promise resolving to parsed JSON data
+   */
+  static async fetch(url, options = {}) {
+    const {
+      timeout = this.DEFAULT_TIMEOUT,
+      retries = 1,
+      retryDelay = 1e3,
+      silentErrors = true,
+      fallbackData = null,
+      ...fetchOptions
+    } = options;
+    let lastError = null;
+    for (let attempt = 0; attempt <= retries; attempt++) {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), timeout);
+      try {
+        console.log(`[ApiClient] Request ${attempt > 0 ? `(retry ${attempt})` : ""}: ${url}`);
+        const response = await fetch(url, {
+          ...fetchOptions,
+          signal: controller.signal
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+          throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+        }
+        const data = await response.json();
+        console.log(`[ApiClient] Success: ${url}`);
+        return data;
+      } catch (error) {
+        clearTimeout(timeoutId);
+        lastError = error;
+        console.error(`[ApiClient] Error (attempt ${attempt + 1}/${retries + 1}):`, {
+          url,
+          error: error.message,
+          isTimeout: error.name === "AbortError",
+          timestamp: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (attempt < retries) {
+          console.log(`[ApiClient] Retrying in ${retryDelay}ms...`);
+          await new Promise((resolve) => setTimeout(resolve, retryDelay));
+          continue;
+        }
+        if (silentErrors) {
+          console.warn("[ApiClient] All retries exhausted, returning fallback data");
+          return fallbackData;
+        } else {
+          throw lastError;
+        }
+      }
+    }
+    return fallbackData;
+  }
+};
+ApiClient.DEFAULT_TIMEOUT = 3e5;
+
 // src/lib/services/authService.ts
 var AuthService = class {
   /**
-   * Fetch enriched user session from backend
+   * Fetch enriched user session from backend with 5-minute timeout
    * This is your SINGLE call to get ALL auth data
-   * 
+   *
    * @param accessToken - JWT token from Supabase
    * @returns Complete user session with profile, permissions, and assignments
    */
   static async getSession(accessToken) {
     console.log("[AuthService] Fetching session from backend...");
-    const response = await fetch(`${this.backendUrl}/api/auth/session`, {
-      headers: {
-        "Authorization": `Bearer ${accessToken}`,
-        "Content-Type": "application/json"
-      }
-    });
-    if (!response.ok) {
-      const errorText = await response.text();
-      console.error("[AuthService] Session fetch failed:", response.status, errorText);
-      throw new Error(`Failed to fetch session: ${response.statusText}`);
+    try {
+      const data = await ApiClient.fetch(
+        `${this.backendUrl}/api/auth/session`,
+        {
+          headers: {
+            "Authorization": `Bearer ${accessToken}`,
+            "Content-Type": "application/json"
+          },
+          timeout: 3e5,
+          // 5 minutes
+          retries: 1,
+          silentErrors: false
+          // We want to know about auth errors
+        }
+      );
+      console.log("[AuthService] Session loaded:", {
+        user_id: data.user_id,
+        role: data.role,
+        company_id: data.company_id,
+        has_profile: !!data.profile,
+        has_permissions: !!data.permissions
+      });
+      return data;
+    } catch (error) {
+      console.error("[AuthService] Session fetch failed:", error);
+      throw error;
     }
-    const data = await response.json();
-    console.log("[AuthService] Session loaded:", {
-      user_id: data.user_id,
-      role: data.role,
-      company_id: data.company_id,
-      has_profile: !!data.profile,
-      has_permissions: !!data.permissions
-    });
-    return data;
   }
   /**
-   * Quick validation check without full profile fetch
+   * Quick validation check without full profile fetch with timeout
    * Use this for lightweight auth checks
-   * 
+   *
    * @param accessToken - JWT token from Supabase
    * @returns Boolean indicating if session is valid
    */
   static async validateSession(accessToken) {
     try {
       console.log("[AuthService] Validating session...");
-      const response = await fetch(`${this.backendUrl}/api/auth/validate`, {
-        method: "POST",
-        headers: {
-          "Authorization": `Bearer ${accessToken}`,
-          "Content-Type": "application/json"
+      const data = await ApiClient.fetch(
+        `${this.backendUrl}/api/auth/validate`,
+        {
+          method: "POST",
+          headers: {
+            "Authorization": `Bearer ${accessToken}`,
+            "Content-Type": "application/json"
+          },
+          timeout: 3e5,
+          // 5 minutes
+          retries: 2,
+          // More retries for validation
+          silentErrors: true,
+          fallbackData: { valid: false, user_id: "", email: "" }
+          // Safe default
         }
-      });
-      if (!response.ok) {
-        console.log("[AuthService] Session validation failed:", response.status);
-        return false;
-      }
-      const data = await response.json();
+      );
       const isValid3 = data.valid === true;
       console.log("[AuthService] Session validation result:", isValid3);
       return isValid3;
@@ -2856,26 +2931,27 @@ var AuthService = class {
     }
   }
   /**
-   * Get just permissions (lightweight call)
+   * Get just permissions (lightweight call) with timeout
    * Faster than full session fetch
-   * 
+   *
    * @param accessToken - JWT token from Supabase
    * @returns User permissions and role
    */
   static async getPermissions(accessToken) {
     console.log("[AuthService] Fetching permissions...");
-    const response = await fetch(`${this.backendUrl}/api/auth/permissions`, {
-      headers: {
-        "Authorization": `Bearer ${accessToken}`,
-        "Content-Type": "application/json"
+    const data = await ApiClient.fetch(
+      `${this.backendUrl}/api/auth/permissions`,
+      {
+        headers: {
+          "Authorization": `Bearer ${accessToken}`,
+          "Content-Type": "application/json"
+        },
+        timeout: 3e5,
+        // 5 minutes
+        retries: 1,
+        silentErrors: false
       }
-    });
-    if (!response.ok) {
-      const errorText = await response.text();
-      console.error("[AuthService] Permissions fetch failed:", response.status, errorText);
-      throw new Error(`Failed to fetch permissions: ${response.statusText}`);
-    }
-    const data = await response.json();
+    );
     console.log("[AuthService] Permissions loaded for role:", data.role);
     return data;
   }
@@ -3170,7 +3246,7 @@ var SSEChatClient = class {
       user_id: userId,
       context
     });
-    const agnoApiUrl = this.baseUrl || "https://fastapi-production-111f9.up.railway.app";
+    const agnoApiUrl = this.baseUrl || (process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app");
     const endpoint = `${agnoApiUrl}/api/v2/chat`;
     console.log("[SSEClient] Posting directly to AGNO:", endpoint);
     const response = await fetch(endpoint, {
@@ -5807,6 +5883,67 @@ var UserManagementService = class {
 var createUserManagementService = (supabase) => {
   return new UserManagementService(supabase);
 };
+var SupabaseContext = React23.createContext(void 0);
+var SupabaseProvider = ({ client, children }) => {
+  _setSupabaseInstance(client);
+  React23.useEffect(() => {
+    _setSupabaseInstance(client);
+  }, [client]);
+  const contextValue = React23.useMemo(() => ({ supabase: client }), [client]);
+  return /* @__PURE__ */ jsxRuntime.jsx(SupabaseContext.Provider, { value: contextValue, children });
+};
+var useSupabase = () => {
+  const context = React23.useContext(SupabaseContext);
+  if (context === void 0) {
+    throw new Error("useSupabase must be used within a SupabaseProvider.");
+  }
+  return context.supabase;
+};
+
+// src/lib/hooks/useSessionKeepAlive.ts
+var useSessionKeepAlive = (options = {}) => {
+  const {
+    enabled = true,
+    intervalMs = 3e5
+    // 5 minutes
+  } = options;
+  const supabase = useSupabase();
+  const intervalRef = React23.useRef(null);
+  React23.useEffect(() => {
+    if (!enabled || !supabase) {
+      return;
+    }
+    const keepAlive = async () => {
+      try {
+        const {
+          data: { session }
+        } = await supabase.auth.getSession();
+        if (!session) {
+          console.log("[SessionKeepAlive] No session, skipping keep-alive");
+          return;
+        }
+        console.log("[SessionKeepAlive] Pinging backend to keep session alive");
+        const isValid3 = await AuthService.validateSession(session.access_token);
+        if (!isValid3) {
+          console.warn("[SessionKeepAlive] Session validation failed");
+        } else {
+          console.log("[SessionKeepAlive] Session still valid");
+        }
+      } catch (error) {
+        console.error("[SessionKeepAlive] Error during keep-alive:", error);
+      }
+    };
+    const initialTimeout = setTimeout(keepAlive, 1e3);
+    intervalRef.current = setInterval(keepAlive, intervalMs);
+    return () => {
+      clearTimeout(initialTimeout);
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [enabled, intervalMs, supabase]);
+};
 var AuthContext = React23.createContext({
   session: null,
   user: null,
@@ -5833,14 +5970,17 @@ var AuthProvider = ({ children }) => {
   const router$1 = router.useRouter();
   const isFetchingRef = React23.useRef(false);
   const lastProcessedSessionRef = React23.useRef(null);
-  const fetchSession = React23.useCallback(async (supabaseSession) => {
+  const hasAuthenticatedRef = React23.useRef(false);
+  const fetchSession = React23.useCallback(async (supabaseSession, isReauth = false) => {
     if (isFetchingRef.current) {
       console.log("[AuthContext] Already fetching, skipping duplicate request");
       return;
     }
-    console.log("[AuthContext] Fetching session from backend");
+    console.log("[AuthContext] Fetching session from backend", { isReauth });
     isFetchingRef.current = true;
-    setLoading(true);
+    if (!isReauth) {
+      setLoading(true);
+    }
     try {
       const enrichedUser = await AuthService.getSession(supabaseSession.access_token);
       const authUser = AuthService.toAuthUser(enrichedUser);
@@ -5848,6 +5988,7 @@ var AuthProvider = ({ children }) => {
       setSession(supabaseSession);
       setError(null);
       lastProcessedSessionRef.current = supabaseSession.access_token.substring(0, 20);
+      hasAuthenticatedRef.current = true;
       if (!authUser.first_login_completed) {
         setShowOnboarding(true);
       }
@@ -5867,6 +6008,15 @@ var AuthProvider = ({ children }) => {
       });
     } catch (err) {
       console.error("[AuthContext] Failed to fetch session:", err);
+      if (err.message?.includes("JWT expired") || err.message?.includes("invalid token") || err.message?.includes("token") || err.message?.includes("401")) {
+        console.log("[AuthContext] Token expired or invalid, clearing session and redirecting to login");
+        setUser(null);
+        setSession(null);
+        setError(new Error("Your session has expired. Please log in again."));
+        await supabase.auth.signOut();
+        router$1.replace("/login");
+        return;
+      }
       setError(err);
       setUser(null);
       if (err.message?.includes("profile")) {
@@ -5877,11 +6027,13 @@ var AuthProvider = ({ children }) => {
         setUser(basicUser);
       }
     } finally {
-      setLoading(false);
+      if (!isReauth) {
+        setLoading(false);
+      }
       isFetchingRef.current = false;
-      console.log("[AuthContext] Loading set to false");
+      console.log("[AuthContext] Loading set to false", { isReauth });
     }
-  }, []);
+  }, [supabase, router$1]);
   const markFirstLoginCompleted = React23.useCallback(async () => {
     if (!user?.id || !supabase) return false;
     try {
@@ -5913,6 +6065,7 @@ var AuthProvider = ({ children }) => {
       setSession(null);
       setError(null);
       setShowOnboarding(false);
+      hasAuthenticatedRef.current = false;
       router$1.push("/login");
     } catch (err) {
       console.error("[AuthContext] Sign out error:", err);
@@ -5921,6 +6074,48 @@ var AuthProvider = ({ children }) => {
       setLoading(false);
     }
   }, [supabase, router$1, authConfig]);
+  useSessionKeepAlive({
+    enabled: !!session,
+    // Only when logged in
+    intervalMs: 3e5
+    // 5 minutes
+  });
+  React23.useEffect(() => {
+    if (!session || !supabase) {
+      return;
+    }
+    const monitorTokenExpiry = () => {
+      const expiresAt = session.expires_at;
+      if (!expiresAt) {
+        console.warn("[AuthContext] Session has no expiry time");
+        return;
+      }
+      const expiryTime = expiresAt * 1e3;
+      const now2 = Date.now();
+      const timeUntilExpiry = expiryTime - now2;
+      const minutesUntilExpiry = Math.floor(timeUntilExpiry / 6e4);
+      console.log(`[AuthContext] Token expires in ${minutesUntilExpiry} minutes`);
+      if (minutesUntilExpiry < 5 && minutesUntilExpiry > 0) {
+        console.warn("[AuthContext] Token expiring soon, attempting refresh...");
+        supabase.auth.refreshSession().then(({ data, error: error2 }) => {
+          if (error2) {
+            console.error("[AuthContext] Token refresh failed:", error2);
+          } else {
+            console.log("[AuthContext] Token refreshed successfully");
+          }
+        });
+      }
+      if (timeUntilExpiry < 0) {
+        console.error("[AuthContext] Token has expired, logging out");
+        signOut();
+      }
+    };
+    monitorTokenExpiry();
+    const intervalId = setInterval(monitorTokenExpiry, 6e4);
+    return () => {
+      clearInterval(intervalId);
+    };
+  }, [session, supabase, signOut]);
   React23.useEffect(() => {
     if (!supabase) {
       console.log("[AuthContext] No Supabase client, skipping auth initialization");
@@ -5941,7 +6136,8 @@ var AuthProvider = ({ children }) => {
         }
         if (currentSession) {
           console.log("[AuthContext] Found existing session, fetching user data");
-          await fetchSession(currentSession);
+          const isReauth = hasAuthenticatedRef.current;
+          await fetchSession(currentSession, isReauth);
         } else {
           console.log("[AuthContext] No session found");
           setLoading(false);
@@ -5973,20 +6169,27 @@ var AuthProvider = ({ children }) => {
           }
           console.log("[AuthContext] Processing auth event, fetching session");
           lastProcessedSessionRef.current = sessionId;
-          await fetchSession(currentSession);
+          const isReauth = hasAuthenticatedRef.current;
+          await fetchSession(currentSession, isReauth);
         }
       } else if (event === "SIGNED_OUT") {
         console.log("[AuthContext] User signed out");
         lastProcessedSessionRef.current = null;
+        hasAuthenticatedRef.current = false;
         setUser(null);
         setSession(null);
         setError(null);
         setShowOnboarding(false);
         setLoading(false);
       } else if (event === "TOKEN_REFRESHED") {
-        console.log("[AuthContext] Token refreshed");
+        console.log("[AuthContext] Token refreshed automatically");
         if (currentSession) {
           setSession(currentSession);
+          const expiresAt = currentSession.expires_at;
+          if (expiresAt) {
+            const minutesUntilExpiry = Math.floor((expiresAt * 1e3 - Date.now()) / 6e4);
+            console.log(`[AuthContext] New token expires in ${minutesUntilExpiry} minutes`);
+          }
         }
       }
     });
@@ -5994,7 +6197,7 @@ var AuthProvider = ({ children }) => {
       mounted = false;
       subscription?.unsubscribe();
     };
-  }, [supabase, fetchSession]);
+  }, [supabase]);
   const value = {
     session,
     user,
@@ -6042,22 +6245,6 @@ function usePageOverride(key, Default) {
 function useOverrides() {
   return React23.useContext(DashboardOverridesContext);
 }
-var SupabaseContext = React23.createContext(void 0);
-var SupabaseProvider = ({ client, children }) => {
-  _setSupabaseInstance(client);
-  React23.useEffect(() => {
-    _setSupabaseInstance(client);
-  }, [client]);
-  const contextValue = React23.useMemo(() => ({ supabase: client }), [client]);
-  return /* @__PURE__ */ jsxRuntime.jsx(SupabaseContext.Provider, { value: contextValue, children });
-};
-var useSupabase = () => {
-  const context = React23.useContext(SupabaseContext);
-  if (context === void 0) {
-    throw new Error("useSupabase must be used within a SupabaseProvider.");
-  }
-  return context.supabase;
-};
 var SubscriptionManagerContext = React23.createContext({
   subscriptionManager: null
 });
@@ -10537,6 +10724,153 @@ var useWorkspaceHealthById = (workspaceId, options) => {
     refetch: fetchWorkspaceHealth
   };
 };
+
+// src/lib/utils/relativeTime.ts
+function formatRelativeTime(timestamp) {
+  if (!timestamp) return "Never";
+  try {
+    const now2 = /* @__PURE__ */ new Date();
+    const date = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+    if (isNaN(date.getTime())) return "Invalid date";
+    if (date > now2) return "Just now";
+    const diffMs = now2.getTime() - date.getTime();
+    const diffSeconds = Math.floor(diffMs / 1e3);
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    const diffHours = Math.floor(diffMinutes / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffSeconds < 60) {
+      return "Less than a minute ago";
+    }
+    if (diffMinutes < 60) {
+      const minuteLabel = diffMinutes === 1 ? "minute" : "minutes";
+      return `${diffMinutes} ${minuteLabel} ago`;
+    }
+    if (diffHours < 24) {
+      const hourLabel = diffHours === 1 ? "hour" : "hours";
+      return `${diffHours} ${hourLabel} ago`;
+    }
+    const dayLabel = diffDays === 1 ? "day" : "days";
+    return `${diffDays} ${dayLabel} ago`;
+  } catch (error) {
+    console.error("[formatRelativeTime] Error formatting timestamp:", error);
+    return "Unknown";
+  }
+}
+function getNextUpdateInterval(timestamp) {
+  if (!timestamp) return 6e4;
+  try {
+    const now2 = /* @__PURE__ */ new Date();
+    const date = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+    if (isNaN(date.getTime())) return 6e4;
+    const diffMs = now2.getTime() - date.getTime();
+    const diffSeconds = Math.floor(diffMs / 1e3);
+    const diffMinutes = Math.floor(diffSeconds / 60);
+    const diffHours = Math.floor(diffMinutes / 60);
+    if (diffSeconds < 60) return 1e4;
+    if (diffMinutes < 60) return 6e4;
+    if (diffHours < 24) return 6e4;
+    return 36e5;
+  } catch (error) {
+    return 6e4;
+  }
+}
+
+// src/lib/hooks/useWorkspaceHealthStatus.ts
+var useWorkspaceHealthStatus = (workspaceId) => {
+  const supabase = useSupabase();
+  const [healthData, setHealthData] = React23.useState(null);
+  const [loading, setLoading] = React23.useState(true);
+  const [error, setError] = React23.useState(null);
+  const [timeSinceUpdate, setTimeSinceUpdate] = React23.useState("Never");
+  const isFetchingRef = React23.useRef(false);
+  const updateIntervalRef = React23.useRef(null);
+  const fetchHealthStatus = React23.useCallback(async () => {
+    if (!supabase || !workspaceId || isFetchingRef.current) return;
+    try {
+      isFetchingRef.current = true;
+      setLoading(true);
+      setError(null);
+      const { data, error: fetchError } = await supabase.from("workspace_health_status").select("*").eq("workspace_id", workspaceId).maybeSingle();
+      if (fetchError) throw fetchError;
+      if (data) {
+        setHealthData(data);
+        setTimeSinceUpdate(formatRelativeTime(data.last_heartbeat));
+      } else {
+        setHealthData(null);
+        setTimeSinceUpdate("Never");
+      }
+    } catch (err) {
+      console.error("[useWorkspaceHealthStatus] Error fetching health status:", err);
+      setError({ message: err.message, code: err.code || "FETCH_ERROR" });
+      setHealthData(null);
+      setTimeSinceUpdate("Unknown");
+    } finally {
+      setLoading(false);
+      isFetchingRef.current = false;
+    }
+  }, [supabase, workspaceId]);
+  const updateDisplayTime = React23.useCallback(() => {
+    if (healthData?.last_heartbeat) {
+      setTimeSinceUpdate(formatRelativeTime(healthData.last_heartbeat));
+    }
+  }, [healthData?.last_heartbeat]);
+  React23.useEffect(() => {
+    fetchHealthStatus();
+  }, [fetchHealthStatus]);
+  React23.useEffect(() => {
+    if (!supabase || !workspaceId) return;
+    console.log("[useWorkspaceHealthStatus] Setting up real-time subscription for workspace:", workspaceId);
+    const channel = supabase.channel(`workspace-health-status-${workspaceId}`).on(
+      "postgres_changes",
+      {
+        event: "*",
+        // Listen to all events (INSERT, UPDATE, DELETE)
+        schema: "public",
+        table: "workspace_health_status",
+        filter: `workspace_id=eq.${workspaceId}`
+      },
+      (payload) => {
+        console.log("[useWorkspaceHealthStatus] Real-time update received:", payload);
+        if (payload.new && "last_heartbeat" in payload.new) {
+          const newData = payload.new;
+          setHealthData(newData);
+          setTimeSinceUpdate(formatRelativeTime(newData.last_heartbeat));
+        } else if (payload.eventType === "DELETE") {
+          setHealthData(null);
+          setTimeSinceUpdate("Never");
+        }
+      }
+    ).subscribe((status) => {
+      console.log("[useWorkspaceHealthStatus] Subscription status:", status);
+    });
+    return () => {
+      console.log("[useWorkspaceHealthStatus] Cleaning up subscription");
+      supabase.removeChannel(channel);
+    };
+  }, [supabase, workspaceId]);
+  React23.useEffect(() => {
+    if (updateIntervalRef.current) {
+      clearInterval(updateIntervalRef.current);
+    }
+    if (!healthData?.last_heartbeat) return;
+    const intervalMs = getNextUpdateInterval(healthData.last_heartbeat);
+    updateIntervalRef.current = setInterval(updateDisplayTime, intervalMs);
+    return () => {
+      if (updateIntervalRef.current) {
+        clearInterval(updateIntervalRef.current);
+      }
+    };
+  }, [healthData?.last_heartbeat, updateDisplayTime]);
+  return {
+    lastHeartbeat: healthData?.last_heartbeat || null,
+    timeSinceUpdate,
+    isHealthy: healthData?.is_healthy ?? false,
+    healthData,
+    loading,
+    error,
+    refetch: fetchHealthStatus
+  };
+};
 function useDateFormatter() {
   const { defaultTimezone, defaultLocale, dateFormatOptions, timeFormatOptions, dateTimeFormatOptions } = useDateTimeConfig();
   const formatDate = React23.useCallback(
@@ -10610,50 +10944,129 @@ function useAccessControl() {
   const userRole = React23.useMemo(() => {
     if (!user?.role_level) return null;
     const roleLevel = user.role_level;
-    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor") {
+    if (roleLevel === "owner" || roleLevel === "plant_head" || roleLevel === "supervisor" || roleLevel === "optifye") {
       return roleLevel;
     }
     return "supervisor";
   }, [user?.role_level]);
-  const allPages = [
-    "/",
-    "/leaderboard",
-    "/kpis",
-    "/targets",
-    "/shifts",
-    "/supervisor-management",
-    "/skus",
-    "/ai-agent",
-    "/help",
-    "/health",
-    "/profile",
-    "/workspace",
-    "/factory-view"
-  ];
+  const assignedLineIds = React23.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "supervisor") {
+      const lines = user.properties?.line_id || user.properties?.line_ids || [];
+      return Array.isArray(lines) ? lines : [];
+    }
+    return [];
+  }, [user]);
+  const assignedFactoryIds = React23.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level === "plant_head") {
+      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",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    owner: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    plant_head: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/supervisor-management",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace",
+      "/factory-view",
+      "/team-management"
+    ],
+    supervisor: [
+      "/",
+      "/leaderboard",
+      "/kpis",
+      "/targets",
+      "/shifts",
+      "/skus",
+      "/ai-agent",
+      "/help",
+      "/health",
+      "/profile",
+      "/workspace"
+    ]
+  };
   const accessiblePages = React23.useMemo(() => {
-    return allPages;
-  }, []);
+    if (!userRole) return [];
+    return roleAccessMap[userRole] || [];
+  }, [userRole]);
   const hasAccess = React23.useMemo(() => {
     return (path) => {
-      return true;
+      if (!userRole) return false;
+      const basePath = path.split("?")[0].split("/").slice(0, 2).join("/");
+      const hasBaseAccess = accessiblePages.includes(basePath) || accessiblePages.includes("/");
+      if (userRole === "supervisor" && assignedLineIds.length > 0) {
+        if (path.includes("/kpis/") || path.includes("/workspace/")) {
+          const lineIdMatch = path.match(/\/kpis\/([^/?]+)/);
+          if (lineIdMatch) {
+            const pathLineId = lineIdMatch[1];
+            return assignedLineIds.includes(pathLineId);
+          }
+        }
+      }
+      return hasBaseAccess;
     };
-  }, []);
+  }, [userRole, accessiblePages, assignedLineIds]);
   const isPageVisible = React23.useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   const canAccessPage = React23.useMemo(() => {
     return (path) => {
-      return true;
+      return hasAccess(path);
     };
-  }, []);
+  }, [hasAccess]);
   return {
     userRole,
     hasAccess,
     accessiblePages,
     isPageVisible,
-    canAccessPage
+    canAccessPage,
+    assignedLineIds,
+    assignedFactoryIds
   };
 }
 
@@ -10817,45 +11230,51 @@ function useHasLineAccess(lineId, configLineIds) {
 function useLineSupervisor(lineId) {
   const supabase = useSupabase();
   const [supervisor, setSupervisor] = React23.useState(null);
+  const [supervisors, setSupervisors] = React23.useState([]);
   const [isLoading, setIsLoading] = React23.useState(true);
   const [error, setError] = React23.useState(null);
-  console.log("[useLineSupervisor] Hook initialized for lineId:", lineId);
   const fetchSupervisor = React23.useCallback(async () => {
     if (!lineId || !supabase) {
-      console.log("[useLineSupervisor] Skipping fetch - lineId or supabase missing:", { lineId, hasSupabase: !!supabase });
       setIsLoading(false);
       return;
     }
     try {
       setIsLoading(true);
       setError(null);
-      console.log("[useLineSupervisor] Fetching supervisor for lineId:", lineId);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor").filter("properties->line_id", "@>", `["${lineId}"]`).limit(1);
-      console.log("[useLineSupervisor] Query result:", { data, error: fetchError, lineId });
+      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, properties").eq("role_level", "supervisor");
       if (fetchError) {
         console.error("[useLineSupervisor] Query error:", fetchError);
         throw fetchError;
       }
       if (data && data.length > 0) {
-        const supervisorData = data[0];
-        console.log("[useLineSupervisor] Found supervisor:", {
-          email: supervisorData.email,
-          properties: supervisorData.properties,
-          line_id_in_properties: supervisorData.properties?.line_id
-        });
-        const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
-        setSupervisor({
-          userId: supervisorData.user_id,
-          email: supervisorData.email,
-          displayName
+        const supervisorsForLine = data.filter((supervisorData) => {
+          const lineIds = supervisorData.properties?.line_id || supervisorData.properties?.line_ids || [];
+          const isAssigned = Array.isArray(lineIds) && lineIds.includes(lineId);
+          return isAssigned;
         });
+        if (supervisorsForLine.length > 0) {
+          const allSupervisors = supervisorsForLine.map((supervisorData) => {
+            const displayName = supervisorData.email.split("@")[0] || supervisorData.email;
+            return {
+              userId: supervisorData.user_id,
+              email: supervisorData.email,
+              displayName
+            };
+          });
+          setSupervisors(allSupervisors);
+          setSupervisor(allSupervisors[0]);
+        } else {
+          setSupervisors([]);
+          setSupervisor(null);
+        }
       } else {
-        console.log("[useLineSupervisor] No supervisor found for line:", lineId);
+        setSupervisors([]);
         setSupervisor(null);
       }
     } catch (err) {
-      console.error("[useLineSupervisor] Error fetching supervisor:", err);
-      setError(err instanceof Error ? err : new Error("Failed to fetch supervisor"));
+      console.error("[useLineSupervisor] Error fetching supervisors:", err);
+      setError(err instanceof Error ? err : new Error("Failed to fetch supervisors"));
+      setSupervisors([]);
       setSupervisor(null);
     } finally {
       setIsLoading(false);
@@ -10880,7 +11299,6 @@ function useLineSupervisor(lineId) {
           filter: `role_level=eq.supervisor`
         },
         (payload) => {
-          console.log("[useLineSupervisor] Real-time update received:", payload);
           fetchSupervisor();
         }
       ).subscribe();
@@ -10892,9 +11310,11 @@ function useLineSupervisor(lineId) {
       }
     };
   }, [lineId, supabase, fetchSupervisor]);
+  const supervisorName = supervisors.length > 0 ? supervisors.map((s) => s.displayName).join(", ") : null;
   return {
-    supervisorName: supervisor?.displayName || null,
+    supervisorName,
     supervisor,
+    supervisors,
     isLoading,
     error
   };
@@ -13896,7 +14316,9 @@ var createSupabaseClient = (url, key) => supabaseJs.createClient(url, key, {
     autoRefreshToken: true,
     persistSession: true,
     detectSessionInUrl: true,
-    flowType: "pkce"
+    flowType: "pkce",
+    // Enable debug logging in development
+    debug: process.env.NODE_ENV === "development"
   },
   db: {
     schema: "public"
@@ -13905,6 +14327,22 @@ var createSupabaseClient = (url, key) => supabaseJs.createClient(url, key, {
   global: {
     headers: {
       "x-application-name": "optifye-dashboard"
+    },
+    // Add global fetch timeout (5 minutes)
+    fetch: async (url2, options = {}) => {
+      const controller = new AbortController();
+      const timeoutId = setTimeout(() => controller.abort(), 3e5);
+      try {
+        const response = await fetch(url2, {
+          ...options,
+          signal: controller.signal
+        });
+        clearTimeout(timeoutId);
+        return response;
+      } catch (error) {
+        clearTimeout(timeoutId);
+        throw error;
+      }
     }
   }
 });
@@ -13919,7 +14357,29 @@ var getAnonClient = () => {
       autoRefreshToken: true,
       persistSession: true,
       detectSessionInUrl: true,
-      flowType: "pkce"
+      flowType: "pkce",
+      debug: process.env.NODE_ENV === "development"
+    },
+    global: {
+      headers: {
+        "x-application-name": "optifye-dashboard"
+      },
+      // Add global fetch timeout (5 minutes)
+      fetch: async (url2, options = {}) => {
+        const controller = new AbortController();
+        const timeoutId = setTimeout(() => controller.abort(), 3e5);
+        try {
+          const response = await fetch(url2, {
+            ...options,
+            signal: controller.signal
+          });
+          clearTimeout(timeoutId);
+          return response;
+        } catch (error) {
+          clearTimeout(timeoutId);
+          throw error;
+        }
+      }
     }
   });
 };
@@ -21283,17 +21743,33 @@ var createMotionComponent = /* @__PURE__ */ createMotionComponentFactory({
 
 // ../../node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
 var motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
+
+// src/assets/optifye-logo.png
+var optifye_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACFIAAASwCAYAAADSLPxEAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSfvu78nIGlkPSdXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQnPz4KPHg6eG1wbWV0YSB4bWxuczp4PSdhZG9iZTpuczptZXRhLyc+CjxyZGY6UkRGIHhtbG5zOnJkZj0naHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyc+CgogPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9JycKICB4bWxuczpBdHRyaWI9J2h0dHA6Ly9ucy5hdHRyaWJ1dGlvbi5jb20vYWRzLzEuMC8nPgogIDxBdHRyaWI6QWRzPgogICA8cmRmOlNlcT4KICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0nUmVzb3VyY2UnPgogICAgIDxBdHRyaWI6Q3JlYXRlZD4yMDI1LTAyLTE5PC9BdHRyaWI6Q3JlYXRlZD4KICAgICA8QXR0cmliOkV4dElkPmEwNzgwZWVmLWUxNjItNGE4MS1iY2I0LTgxODU3M2VkMmI5YjwvQXR0cmliOkV4dElkPgogICAgIDxBdHRyaWI6RmJJZD41MjUyNjU5MTQxNzk1ODA8L0F0dHJpYjpGYklkPgogICAgIDxBdHRyaWI6VG91Y2hUeXBlPjI8L0F0dHJpYjpUb3VjaFR5cGU+CiAgICA8L3JkZjpsaT4KICAgPC9yZGY6U2VxPgogIDwvQXR0cmliOkFkcz4KIDwvcmRmOkRlc2NyaXB0aW9uPgoKIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PScnCiAgeG1sbnM6ZGM9J2h0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvJz4KICA8ZGM6dGl0bGU+CiAgIDxyZGY6QWx0PgogICAgPHJkZjpsaSB4bWw6bGFuZz0neC1kZWZhdWx0Jz5vcHRpZnllIGxvZ28gc2V4eSAoMjEzMCB4IDEyMDAgcHgpIC0gMTwvcmRmOmxpPgogICA8L3JkZjpBbHQ+CiAgPC9kYzp0aXRsZT4KIDwvcmRmOkRlc2NyaXB0aW9u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";
+var Logo = ({
+  className = "",
+  alt = "Optifye"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: optifye_logo_default,
+      alt,
+      className
+    }
+  );
+};
 var OptifyeLogoLoader = ({
   size = "md",
   message,
   className
 }) => {
   const sizeClasses = {
-    sm: "w-10",
+    sm: "w-10 h-10",
     // 40px
-    md: "w-16",
+    md: "w-16 h-16",
     // 64px
-    lg: "w-24"
+    lg: "w-24 h-24"
     // 96px
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -21304,11 +21780,10 @@ var OptifyeLogoLoader = ({
       className: `flex flex-col items-center justify-center p-4 ${className || ""}`.trim(),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
+          Logo,
           {
-            src: "/optifye-logo.png",
-            alt: "Optifye Logo",
-            className: `${sizeClasses[size]} h-auto animate-pulse select-none pointer-events-none`
+            className: `${sizeClasses[size]} object-contain animate-pulse select-none pointer-events-none`,
+            alt: "Optifye Logo"
           }
         ),
         message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 text-gray-600 text-base sm:text-sm font-medium text-center", children: message })
@@ -21320,15 +21795,65 @@ var OptifyeLogoLoader_default = OptifyeLogoLoader;
 var LoadingPage = ({
   message = "Loading Dashboard...",
   subMessage = "Please wait while we prepare your data",
-  className
+  className,
+  onTimeout,
+  timeoutMs = 3e5
+  // 5 minutes default
 }) => {
-  React23__namespace.default.useEffect(() => {
-    console.log("LoadingPage rendered with message:", message);
-    const timeout = setTimeout(() => {
-      console.warn("LoadingPage has been visible for more than 8 seconds. This might indicate an issue.");
-    }, 8e3);
-    return () => clearTimeout(timeout);
-  }, [message]);
+  const [showTimeoutWarning, setShowTimeoutWarning] = React23.useState(false);
+  const [timeoutReached, setTimeoutReached] = React23.useState(false);
+  const warningTime = timeoutMs * 0.8;
+  React23.useEffect(() => {
+    console.log("[LoadingPage] Rendered with message:", message);
+    const warningTimer = setTimeout(() => {
+      console.warn("[LoadingPage] Loading taking longer than expected");
+      setShowTimeoutWarning(true);
+    }, warningTime);
+    const timeoutTimer = setTimeout(() => {
+      console.error("[LoadingPage] Loading timeout reached after", timeoutMs, "ms");
+      setTimeoutReached(true);
+      if (onTimeout) {
+        onTimeout();
+      }
+    }, timeoutMs);
+    return () => {
+      clearTimeout(warningTimer);
+      clearTimeout(timeoutTimer);
+    };
+  }, [message, timeoutMs, warningTime, onTimeout]);
+  const handleResetAndTryAgain = React23.useCallback(() => {
+    console.log("[LoadingPage] User initiated reset");
+    const hasLocalStorage = typeof window !== "undefined" && window.localStorage;
+    const hasCachedData = hasLocalStorage && localStorage.getItem("sb-zmzewpwerpaupoaoeqhh-auth-token");
+    if (hasCachedData) {
+      console.log("[LoadingPage] Found cached session, attempting to use it");
+      window.location.reload();
+    } else {
+      console.log("[LoadingPage] No cached session, redirecting to login");
+      if (hasLocalStorage) {
+        localStorage.clear();
+        sessionStorage.clear();
+      }
+      window.location.href = "/login";
+    }
+  }, []);
+  if (timeoutReached) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full w-full items-center justify-center bg-slate-50 ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-6 text-center max-w-md", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading Dashboard..." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-gray-600", children: "This is taking longer than usual" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Your session might have timed out" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handleResetAndTryAgain,
+          className: "mt-4 px-4 py-2 text-sm text-gray-600 hover:text-gray-900 underline transition-colors",
+          children: "Reset and try again"
+        }
+      )
+    ] }) });
+  }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full w-full items-center justify-center bg-slate-50 ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-6 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message }),
     subMessage && /* @__PURE__ */ jsxRuntime.jsx(
@@ -21340,23 +21865,19 @@ var LoadingPage = ({
         transition: { delay: 0.2, duration: 0.3 },
         children: subMessage
       }
+    ),
+    showTimeoutWarning && !timeoutReached && /* @__PURE__ */ jsxRuntime.jsx(
+      motion.p,
+      {
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        className: "text-sm text-gray-500 italic",
+        children: "Still loading, please wait..."
+      }
     )
   ] }) });
 };
 var LoadingPage_default = LoadingPage;
-var AccessDeniedPage = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen flex items-center justify-center bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md w-full bg-white shadow-lg rounded-lg p-6 text-center", children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "mx-auto h-12 w-12 text-red-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.962-.833-2.732 0L4.082 15.5c-.77.833.192 2.5 1.732 2.5z" }) }) }),
-  /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Access Denied" }),
-  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mb-4", children: "You do not have access to this dashboard. Please contact your administrator for assistance." }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      onClick: () => window.location.href = "/login",
-      className: "bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition-colors",
-      children: "Return to Login"
-    }
-  )
-] }) });
 var withAuth = (WrappedComponent2, options) => {
   const defaultOptions = {
     redirectTo: "/login",
@@ -21366,22 +21887,64 @@ var withAuth = (WrappedComponent2, options) => {
   const WithAuthComponent = React23__namespace.memo(function WithAuthComponent2(props) {
     const { session, loading, error } = useAuth();
     const router$1 = router.useRouter();
+    const [localLoading, setLocalLoading] = React23__namespace.useState(loading);
+    const [loadingTimeoutReached, setLoadingTimeoutReached] = React23__namespace.useState(false);
     React23__namespace.useEffect(() => {
       if (process.env.NODE_ENV === "development" && process.env.DEBUG_AUTH === "true") {
-        console.log("withAuth state:", { loading, hasSession: !!session, requireAuth: defaultOptions.requireAuth });
+        console.log("withAuth state:", {
+          loading,
+          hasSession: !!session,
+          requireAuth: defaultOptions.requireAuth,
+          hasError: !!error
+        });
       }
-    }, [session, loading]);
+    }, [session, loading, error]);
+    const handleLoadingTimeout = React23__namespace.useCallback(() => {
+      console.warn("[withAuth] Loading timeout reached");
+      setLoadingTimeoutReached(true);
+      if (typeof window !== "undefined" && localStorage.getItem("sb-zmzewpwerpaupoaoeqhh-auth-token")) {
+        console.log("[withAuth] Found cached session, attempting to continue");
+        setLocalLoading(false);
+      } else {
+        console.log("[withAuth] No cached session, redirecting to login");
+        router$1.replace(defaultOptions.redirectTo);
+      }
+    }, [router$1]);
     React23__namespace.useEffect(() => {
       if (!loading && defaultOptions.requireAuth && !session && !error) {
-        console.log("Redirecting to login from withAuth");
+        console.log("[withAuth] No session found, redirecting to login");
         router$1.replace(defaultOptions.redirectTo);
       }
     }, [session, loading, router$1, error]);
-    if (loading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(LoadingPage, { message: "Authenticating..." });
+    React23__namespace.useEffect(() => {
+      setLocalLoading(loading);
+    }, [loading]);
+    if (loading || localLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LoadingPage,
+        {
+          message: "Authenticating...",
+          timeoutMs: 3e5,
+          onTimeout: handleLoadingTimeout
+        }
+      );
     }
-    if (error && error.message.includes("You do not have access to this dashboard")) {
-      return /* @__PURE__ */ jsxRuntime.jsx(AccessDeniedPage, {});
+    if (error) {
+      console.error("[withAuth] Auth error:", {
+        message: error.message,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      });
+      if (error.message.includes("You do not have access to this dashboard")) {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen flex items-center justify-center bg-slate-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md text-center space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Checking Access..." }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Verifying your permissions" }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/login", className: "text-xs text-gray-400 hover:text-gray-600 underline", children: "Return to login" })
+        ] }) });
+      }
+      if (defaultOptions.requireAuth) {
+        router$1.replace(defaultOptions.redirectTo);
+        return null;
+      }
     }
     if (defaultOptions.requireAuth && !session) {
       return null;
@@ -21418,7 +21981,7 @@ function withAccessControl(WrappedComponent2, options = {}) {
 }
 var LoginPage = ({
   onRateLimitCheck,
-  logoSrc = "/optifye-logo.png",
+  logoSrc = optifye_logo_default,
   logoAlt = "Optifye",
   brandName = "Optifye"
 }) => {
@@ -25027,13 +25590,37 @@ var WhatsAppShareButton = ({
     }
   );
 };
+var AxelOrb = ({
+  className = "",
+  size = "md",
+  animate = false
+}) => {
+  const sizeClasses = {
+    sm: "w-8 h-8",
+    md: "w-10 h-10",
+    lg: "w-12 h-12",
+    xl: "w-16 h-16",
+    "2xl": "w-20 h-20"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `${sizeClasses[size]} rounded-full ${animate ? "animate-float" : ""} ${className}`,
+      style: {
+        background: "linear-gradient(to top, #078DDB 0%, #65ADD6 33%, #A3D0E6 66%, #C7E2EC 100%)",
+        boxShadow: "0 4px 12px rgba(7, 141, 219, 0.4), 0 0 20px rgba(7, 141, 219, 0.2)"
+      },
+      "aria-label": "Axel AI",
+      role: "img"
+    }
+  );
+};
 var BreakNotificationPopup = ({
   activeBreaks,
   onDismiss,
   isVisible = true,
   className = "",
-  lineNames = {},
-  axelImagePath = "/axel-profile.png"
+  lineNames = {}
 }) => {
   const [isDismissed, setIsDismissed] = React23.useState(false);
   const [currentTime, setCurrentTime] = React23.useState(/* @__PURE__ */ new Date());
@@ -25069,22 +25656,7 @@ var BreakNotificationPopup = ({
       style: { top: `${6 + index * 12}rem` },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white text-gray-900 rounded-lg border border-gray-200 shadow-lg overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start space-x-3 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: axelImagePath,
-              alt: "Axel AI",
-              className: "w-10 h-10 rounded-full object-cover border-2 border-gray-200 shadow-sm",
-              onError: (e) => {
-                const target = e.currentTarget;
-                target.style.display = "none";
-                const fallback = document.createElement("div");
-                fallback.className = "w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold text-base shadow-sm border-2 border-gray-200";
-                fallback.textContent = "A";
-                target.parentElement?.appendChild(fallback);
-              }
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(AxelOrb, { size: "md" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "font-semibold text-sm text-gray-900", children: [
@@ -25284,8 +25856,7 @@ var AxelNotificationPopup = ({
   suggestion,
   isVisible = true,
   onDismiss,
-  className = "",
-  axelImagePath = "/axel-profile.png"
+  className = ""
 }) => {
   const [isDismissed, setIsDismissed] = React23.useState(false);
   React23.useEffect(() => {
@@ -25331,22 +25902,7 @@ var AxelNotificationPopup = ({
           className: "p-3",
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start space-x-3 flex-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
-                "img",
-                {
-                  src: axelImagePath,
-                  alt: "Axel AI",
-                  className: "w-10 h-10 rounded-full object-cover border-2 border-gray-200 shadow-sm",
-                  onError: (e) => {
-                    const target = e.currentTarget;
-                    target.style.display = "none";
-                    const fallback = document.createElement("div");
-                    fallback.className = "w-10 h-10 rounded-full bg-blue-500 flex items-center justify-center text-white font-bold text-base shadow-sm border-2 border-gray-200";
-                    fallback.textContent = "A";
-                    target.parentElement?.appendChild(fallback);
-                  }
-                }
-              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(AxelOrb, { size: "md" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-sm text-gray-900", children: suggestion.title }),
@@ -25797,6 +26353,140 @@ var TimePickerDropdown = ({
     ] })
   ] });
 };
+var SilentErrorBoundary = class extends React23__namespace.default.Component {
+  constructor(props) {
+    super(props);
+    this.handleClearAndReload = () => {
+      console.log("[ErrorBoundary] User initiated reset");
+      if (typeof window !== "undefined") {
+        try {
+          localStorage.clear();
+          sessionStorage.clear();
+          console.log("[ErrorBoundary] Cleared all storage");
+        } catch (error) {
+          console.error("[ErrorBoundary] Failed to clear storage:", error);
+        }
+      }
+      window.location.href = "/login";
+    };
+    this.state = {
+      hasError: false,
+      errorCount: 0,
+      lastError: null,
+      errorInfo: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("[ErrorBoundary] Caught render error:", {
+      error: error.message,
+      stack: error.stack,
+      componentStack: errorInfo.componentStack,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    });
+    this.setState((prev) => ({
+      errorCount: prev.errorCount + 1,
+      lastError: error,
+      errorInfo
+    }));
+    try {
+      if (typeof window !== "undefined" && window.mixpanel) {
+        window.mixpanel.track("React Render Error", {
+          error: error.message,
+          component: errorInfo.componentStack?.split("\n")[1] || "unknown",
+          errorCount: this.state.errorCount + 1
+        });
+      }
+    } catch (analyticsError) {
+      console.warn("[ErrorBoundary] Analytics tracking failed:", analyticsError);
+    }
+  }
+  render() {
+    if (!this.state.hasError) {
+      return this.props.children;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-screen w-screen items-center justify-center bg-slate-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center space-y-6 text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "lg", message: "Loading Dashboard..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "Taking longer than usual..." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "#",
+          onClick: (e) => {
+            e.preventDefault();
+            this.handleClearAndReload();
+          },
+          className: "text-xs text-gray-400 hover:text-gray-600 underline transition-colors",
+          children: "Reset and try again"
+        }
+      ) }),
+      process.env.NODE_ENV === "development" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 italic mt-4", children: "Check console for error details" })
+    ] }) });
+  }
+};
+var PlayPauseIndicator = ({
+  show,
+  isPlaying,
+  duration = 600
+}) => {
+  const [isVisible, setIsVisible] = React23.useState(false);
+  const [isFading, setIsFading] = React23.useState(false);
+  React23.useEffect(() => {
+    if (show) {
+      setIsVisible(true);
+      setIsFading(false);
+      const fadeTimer = setTimeout(() => {
+        setIsFading(true);
+      }, 100);
+      const hideTimer = setTimeout(() => {
+        setIsVisible(false);
+        setIsFading(false);
+      }, duration);
+      return () => {
+        clearTimeout(fadeTimer);
+        clearTimeout(hideTimer);
+      };
+    }
+  }, [show, duration]);
+  if (!isVisible) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "absolute inset-0 flex items-center justify-center pointer-events-none z-10",
+      style: {
+        opacity: isFading ? 0 : 1,
+        transition: `opacity ${duration - 100}ms ease-out`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-black/70 rounded-full p-6", children: isPlaying ? (
+        // Play icon (triangle)
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "white",
+            className: "w-16 h-16",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 5v14l11-7z" })
+          }
+        )
+      ) : (
+        // Pause icon (two bars)
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "white",
+            className: "w-16 h-16",
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4h4v16H6V4zm8 0h4v16h-4V4z" })
+          }
+        )
+      ) })
+    }
+  );
+};
 var ERROR_MAPPING = {
   1: {
     // MEDIA_ERR_ABORTED
@@ -25902,12 +26592,16 @@ var VideoPlayer = React23__namespace.default.forwardRef(({
   onLoadedMetadata,
   onLoadedData,
   onSeeking,
-  onSeeked
+  onSeeked,
+  onClick
 }, ref) => {
   const videoRef = React23.useRef(null);
   const playerRef = React23.useRef(null);
   const [isReady, setIsReady] = React23.useState(false);
   const [isLoading, setIsLoading] = React23.useState(true);
+  const [showIndicator, setShowIndicator] = React23.useState(false);
+  const [indicatorIsPlaying, setIndicatorIsPlaying] = React23.useState(false);
+  const indicatorKeyRef = React23.useRef(0);
   const defaultOptions = {
     controls: false,
     // Always disable Video.js controls - we use custom controls
@@ -26223,6 +26917,18 @@ var VideoPlayer = React23__namespace.default.forwardRef(({
     dispose,
     isReady
   }));
+  const handleClickWithIndicator = React23.useCallback(() => {
+    if (!onClick || !playerRef.current) return;
+    const player = playerRef.current;
+    const willBePlaying = player.paused();
+    setIndicatorIsPlaying(willBePlaying);
+    setShowIndicator(false);
+    setTimeout(() => {
+      indicatorKeyRef.current += 1;
+      setShowIndicator(true);
+    }, 0);
+    onClick();
+  }, [onClick]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `video-player-wrapper ${className}`, style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -26232,7 +26938,31 @@ var VideoPlayer = React23__namespace.default.forwardRef(({
         "data-vjs-player": true
       }
     ),
-    isLoading && !externalLoadingControl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "video-player-loading", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) })
+    isLoading && !externalLoadingControl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "video-player-loading", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+    onClick && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        onClick: handleClickWithIndicator,
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          zIndex: 1,
+          cursor: "pointer"
+        },
+        "aria-label": "Click to play/pause"
+      }
+    ),
+    onClick && /* @__PURE__ */ jsxRuntime.jsx(
+      PlayPauseIndicator,
+      {
+        show: showIndicator,
+        isPlaying: indicatorIsPlaying
+      },
+      indicatorKeyRef.current
+    )
   ] });
 });
 VideoPlayer.displayName = "VideoPlayer";
@@ -26250,6 +26980,9 @@ var CroppedVideoPlayer = React23.forwardRef(({
   const [isVideoReady, setIsVideoReady] = React23.useState(false);
   const [canvasDimensions, setCanvasDimensions] = React23.useState({ width: 0, height: 0 });
   const [isProcessing, setIsProcessing] = React23.useState(false);
+  const [showIndicator, setShowIndicator] = React23.useState(false);
+  const [indicatorIsPlaying, setIndicatorIsPlaying] = React23.useState(false);
+  const indicatorKeyRef = React23.useRef(0);
   const stopCanvasRendering = React23.useCallback(() => {
     if (animationFrameRef.current) {
       cancelAnimationFrame(animationFrameRef.current);
@@ -26428,14 +27161,26 @@ var CroppedVideoPlayer = React23.forwardRef(({
     };
   }, [stopCanvasRendering]);
   if (!crop) {
-    return /* @__PURE__ */ jsxRuntime.jsx(VideoPlayer, { ref, ...videoProps });
-  }
+    return /* @__PURE__ */ jsxRuntime.jsx(VideoPlayer, { ref, ...videoProps, onClick });
+  }
+  const handleClickWithIndicator = () => {
+    if (!onClick || !hiddenVideoRef.current?.player) return;
+    const player = hiddenVideoRef.current.player;
+    const willBePlaying = player.paused();
+    setIndicatorIsPlaying(willBePlaying);
+    setShowIndicator(false);
+    setTimeout(() => {
+      indicatorKeyRef.current += 1;
+      setShowIndicator(true);
+    }, 0);
+    onClick();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       ref: videoContainerRef,
       className: `relative w-full h-full flex items-center justify-center bg-black ${onClick ? "cursor-pointer" : ""} ${videoProps.className || ""}`,
-      onClick,
+      onClick: handleClickWithIndicator,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
           VideoPlayer,
@@ -26492,7 +27237,15 @@ var CroppedVideoPlayer = React23.forwardRef(({
             "Processing: ",
             isProcessing ? "Yes" : "No"
           ] })
-        ] })
+        ] }),
+        onClick && /* @__PURE__ */ jsxRuntime.jsx(
+          PlayPauseIndicator,
+          {
+            show: showIndicator,
+            isPlaying: indicatorIsPlaying
+          },
+          indicatorKeyRef.current
+        )
       ]
     }
   );
@@ -28147,6 +28900,7 @@ var BottlenecksContent = ({
   const [metadataCache, setMetadataCache] = React23.useState({});
   const [triageClips, setTriageClips] = React23.useState([]);
   const [isLoadingTriageClips, setIsLoadingTriageClips] = React23.useState(false);
+  const [isFullscreen, setIsFullscreen] = React23.useState(false);
   const categoryMetadataRef = React23.useRef([]);
   const currentMetadataIndexRef = React23.useRef(0);
   const {
@@ -29040,6 +29794,24 @@ var BottlenecksContent = ({
       player.pause();
     }
   };
+  const toggleFullscreen = React23.useCallback((e) => {
+    e.stopPropagation();
+    setIsFullscreen((prev) => !prev);
+  }, []);
+  const exitFullscreen = React23.useCallback(() => {
+    setIsFullscreen(false);
+  }, []);
+  React23.useEffect(() => {
+    const handleEscape = (e) => {
+      if (e.key === "Escape" && isFullscreen) {
+        exitFullscreen();
+      }
+    };
+    if (isFullscreen) {
+      window.addEventListener("keydown", handleEscape);
+      return () => window.removeEventListener("keydown", handleEscape);
+    }
+  }, [isFullscreen, exitFullscreen]);
   const getClipTypeLabel = (video) => {
     if (!video) return "";
     const currentFilter = activeFilterRef.current;
@@ -29152,7 +29924,7 @@ var BottlenecksContent = ({
             )
           ] }) })
         ] }) }),
-        filteredVideos.length > 0 && currentVideo ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `p-4 ${triageMode ? "h-full" : "h-[calc(100%-4rem)]"}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full group", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full h-full overflow-hidden rounded-md shadow-inner bg-gray-900", children: [
+        filteredVideos.length > 0 && currentVideo && !isFullscreen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `p-4 ${triageMode ? "h-full" : "h-[calc(100%-4rem)]"}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-full group", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full h-full overflow-hidden rounded-md shadow-inner bg-gray-900", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
@@ -29252,22 +30024,24 @@ var BottlenecksContent = ({
             ] }) })
           ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 p-3 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-white", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: (e) => {
-                  e.stopPropagation();
-                  togglePlayback();
-                },
-                className: "p-1.5 hover:bg-white/20 rounded-full focus:outline-none focus:ring-2 focus:ring-white/50",
-                "aria-label": isPlaying ? "Pause" : "Play",
-                children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1zm5 0a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1z", clipRule: "evenodd" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8.118l-.001 3.764a1 1 0 001.555.832l3.196-1.882a1 1 0 000-1.664l-3.196-1.882z", clipRule: "evenodd" }) })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-mono px-2", children: [
-              formatTime2(currentTime),
-              " / ",
-              formatTime2(duration)
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    togglePlayback();
+                  },
+                  className: "p-1.5 hover:bg-white/20 rounded-full focus:outline-none focus:ring-2 focus:ring-white/50",
+                  "aria-label": isPlaying ? "Pause" : "Play",
+                  children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1zm5 0a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1z", clipRule: "evenodd" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8.118l-.001 3.764a1 1 0 001.555.832l3.196-1.882a1 1 0 000-1.664l-3.196-1.882z", clipRule: "evenodd" }) })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-mono px-2", children: [
+                formatTime2(currentTime),
+                " / ",
+                formatTime2(duration)
+              ] })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
@@ -29288,6 +30062,16 @@ var BottlenecksContent = ({
                 },
                 "aria-label": "Seek slider"
               }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: toggleFullscreen,
+                className: "p-1.5 hover:bg-white/20 rounded-full focus:outline-none focus:ring-2 focus:ring-white/50",
+                "aria-label": "Fullscreen",
+                title: "Expand to fullscreen",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize2, { className: "h-5 w-5" })
+              }
             )
           ] }) })
         ] }) }) }) : (
@@ -29424,6 +30208,147 @@ var BottlenecksContent = ({
         )
       ) })
     ] }),
+    isFullscreen && currentVideo && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black flex items-center justify-center",
+        style: { margin: 0 },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: exitFullscreen,
+              className: "absolute top-4 right-4 z-50 p-2 bg-black/60 hover:bg-black/80 rounded-full text-white transition-colors focus:outline-none focus:ring-2 focus:ring-white/50",
+              "aria-label": "Exit fullscreen",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-6 w-6" })
+            }
+          ),
+          (currentVideo.type === "cycle_completion" || currentVideo.type === "bottleneck" && currentVideo.description.toLowerCase().includes("cycle time")) && currentVideo.cycle_time_seconds || currentVideo.type === "idle_time" || currentVideo.type === "low_value" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 left-4 z-50 bg-black/60 backdrop-blur-sm px-4 py-2 rounded-lg text-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-shrink-0 h-3 w-3 rounded-full ${currentVideo.type === "low_value" || currentVideo.type === "idle_time" ? "bg-purple-400" : isPercentileCategory(activeFilterRef.current) ? activeFilterRef.current === "fast-cycles" ? "bg-green-600" : activeFilterRef.current === "slow-cycles" ? "bg-red-700" : "bg-orange-500" : currentVideo.type === "cycle_completion" ? "bg-blue-600" : "bg-gray-500"} mr-2 animate-pulse` }),
+            (currentVideo.type === "cycle_completion" || currentVideo.type === "bottleneck" && currentVideo.description.toLowerCase().includes("cycle time")) && currentVideo.cycle_time_seconds ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "opacity-90 font-mono bg-black/30 px-2 py-1 rounded", children: [
+              "Cycle time: ",
+              currentVideo.cycle_time_seconds.toFixed(1),
+              "s"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium mr-2", children: getClipTypeLabel(currentVideo) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-80", children: currentVideo.description })
+            ] })
+          ] }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-4 right-20 z-50 bg-black/60 backdrop-blur-sm px-4 py-2 rounded-lg text-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-shrink-0 h-3 w-3 rounded-full ${getSeverityColor(currentVideo.severity)} mr-2 animate-pulse` }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium mr-2", children: getClipTypeLabel(currentVideo) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-80", children: currentVideo.description })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full h-full max-w-7xl group", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "w-full h-full",
+                style: {
+                  opacity: isTransitioning ? 0 : 1,
+                  transition: "opacity 0.1s ease-in-out"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  CroppedVideoPlayer,
+                  {
+                    ref: videoRef,
+                    src: currentVideo.src,
+                    poster: "",
+                    className: "w-full h-full",
+                    crop: workspaceCrop?.crop,
+                    onClick: togglePlayback,
+                    autoplay: true,
+                    playsInline: true,
+                    loop: false,
+                    externalLoadingControl: true,
+                    onReady: handleVideoReady,
+                    onPlay: handleVideoPlay,
+                    onPause: handleVideoPause,
+                    onTimeUpdate: handleTimeUpdate,
+                    onDurationChange: handleDurationChange,
+                    onEnded: handleVideoEnded,
+                    onError: handleVideoError,
+                    onLoadedData: handleLoadedData,
+                    onPlaying: handleVideoPlaying,
+                    onLoadingChange: handleVideoLoadingChange,
+                    options: {
+                      fluid: false,
+                      responsive: false,
+                      fill: false
+                    }
+                  }
+                )
+              }
+            ),
+            (isTransitioning || isVideoBuffering && isInitialLoading) && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-white", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      togglePlayback();
+                    },
+                    className: "p-2 hover:bg-white/20 rounded-full focus:outline-none focus:ring-2 focus:ring-white/50",
+                    "aria-label": isPlaying ? "Pause" : "Play",
+                    children: isPlaying ? /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zM7 8a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1zm5 0a1 1 0 00-1 1v2a1 1 0 102 0V9a1 1 0 00-1-1z", clipRule: "evenodd" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8.118l-.001 3.764a1 1 0 001.555.832l3.196-1.882a1 1 0 000-1.664l-3.196-1.882z", clipRule: "evenodd" }) })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-mono px-2", children: [
+                  formatTime2(currentTime),
+                  " / ",
+                  formatTime2(duration)
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "range",
+                  min: "0",
+                  max: duration || 0,
+                  value: currentTime,
+                  onChange: (e) => {
+                    if (videoRef.current) {
+                      videoRef.current.currentTime(Number(e.target.value));
+                    }
+                  },
+                  className: "flex-grow mx-4 h-2.5 bg-white/30 rounded-full appearance-none cursor-pointer focus:outline-none focus:ring-2 focus:ring-white/50 touch-manipulation",
+                  style: {
+                    WebkitAppearance: "none",
+                    appearance: "none"
+                  },
+                  "aria-label": "Seek slider"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: handlePrevious,
+                    disabled: currentMetadataIndex <= 0,
+                    className: `p-2 rounded-full transition-colors ${currentMetadataIndex <= 0 ? "text-gray-500 cursor-not-allowed" : "text-white hover:bg-white/20"}`,
+                    "aria-label": "Previous clip",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-5 w-5" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm px-3 py-1 bg-blue-600 text-white rounded-full font-medium tabular-nums", children: categoryMetadata.length > 0 ? `${currentMetadataIndex + 1} / ${categoryMetadata.length}` : "0 / 0" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: handleNext,
+                    disabled: currentMetadataIndex >= categoryMetadata.length - 1,
+                    className: `p-2 rounded-full transition-colors ${currentMetadataIndex >= categoryMetadata.length - 1 ? "text-gray-500 cursor-not-allowed" : "text-white hover:bg-white/20"}`,
+                    "aria-label": "Next clip",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-5 w-5" })
+                  }
+                )
+              ] })
+            ] }) })
+          ] }) })
+        ]
+      }
+    ),
     !triageMode && /* @__PURE__ */ jsxRuntime.jsx(
       AdvancedFilterDialog,
       {
@@ -33260,14 +34185,16 @@ var WorkspaceWhatsAppShareButton = ({
 };
 var WorkspacePdfGenerator = ({ workspace, className }) => {
   const [isGenerating, setIsGenerating] = React23.useState(false);
+  const entityConfig = useEntityConfig();
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const lineName = workspace.line_name || getLineDisplayName(entityConfig, workspace.line_id);
       trackCoreEvent("Workspace PDF Export Clicked", {
         workspace_id: workspace.workspace_id,
         line_id: workspace.line_id,
         workspace_name: workspace.workspace_name,
-        line_name: workspace.line_name
+        line_name: lineName
       });
       const doc = new jsPDF.jsPDF();
       doc.setFontSize(14);
@@ -33288,7 +34215,7 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
       doc.setFontSize(32);
       doc.setFont("helvetica", "bold");
       doc.setTextColor(0, 0, 0);
-      doc.text("Line 1", 20, 40);
+      doc.text(lineName, 20, 40);
       doc.setFontSize(22);
       doc.setFont("helvetica", "normal");
       doc.setTextColor(40, 40, 40);
@@ -35761,20 +36688,7 @@ var SideNavBar = React23.memo(({
         onClick: handleLogoClick,
         className: "mx-auto flex items-center justify-center w-full hover:opacity-80 transition-opacity focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 rounded-lg",
         "aria-label": "Go to home page",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: "/optifye-logo.png",
-            alt: "Optifye",
-            className: "w-12 h-12 object-contain cursor-pointer",
-            onError: (e) => {
-              e.currentTarget.style.display = "none";
-              if (e.currentTarget.parentElement) {
-                e.currentTarget.parentElement.innerHTML = '<span class="text-blue-600 font-bold text-lg cursor-pointer">OP</span>';
-              }
-            }
-          }
-        )
+        children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "w-12 h-12 object-contain cursor-pointer" })
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 w-full py-6 px-4 overflow-y-auto", children: [
@@ -36152,20 +37066,7 @@ var SideNavBar = React23.memo(({
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: `md:hidden fixed inset-y-0 left-0 w-72 xs:w-80 bg-white shadow-2xl flex flex-col z-50 transform transition-transform duration-300 ease-in-out ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full"}`, children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-gray-200 bg-gradient-to-r from-blue-50 to-white", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "img",
-            {
-              src: "/optifye-logo.png",
-              alt: "Optifye",
-              className: "w-11 h-11 object-contain",
-              onError: (e) => {
-                e.currentTarget.style.display = "none";
-                if (e.currentTarget.parentElement) {
-                  e.currentTarget.parentElement.innerHTML = '<span class="text-blue-600 font-bold text-xl">Optifye</span>';
-                }
-              }
-            }
-          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "w-11 h-11 object-contain" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
@@ -36274,20 +37175,7 @@ var MainLayout = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("header", { className: "md:hidden bg-white border-b border-gray-200 shadow-sm px-5 py-3.5 flex items-center justify-between sticky top-0 z-40", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsxRuntime.jsx(HamburgerButton, { onClick: handleMobileMenuOpen }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "img",
-        {
-          src: "/optifye-logo.png",
-          alt: "Optifye",
-          className: "h-9 w-9 object-contain",
-          onError: (e) => {
-            e.currentTarget.style.display = "none";
-            if (e.currentTarget.parentElement) {
-              e.currentTarget.parentElement.innerHTML = '<span class="text-blue-600 font-bold text-lg">Optifye</span>';
-            }
-          }
-        }
-      ) })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "h-9 w-9 object-contain" }) })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SideNavBar,
@@ -37897,23 +38785,29 @@ var ThreadSidebar = ({
     ] }) })
   ] });
 };
-var axelProfilePng = "/axel-profile.png";
-var ProfilePicture = React23__namespace.default.memo(({ alt = "Axel", className = "w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12" }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className} rounded-xl overflow-hidden shadow-sm`, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "img",
-    {
-      src: axelProfilePng,
-      alt,
-      className: "w-full h-full object-cover",
-      loading: "eager",
-      decoding: "async"
-    }
-  ) }) });
+var ProfilePicture = React23__namespace.default.memo(({
+  alt = "Axel",
+  className = "",
+  size = "md",
+  animate = false
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(AxelOrb, { size, animate }) });
 });
 ProfilePicture.displayName = "ProfilePicture";
-var preloadImage = (src) => {
-  const img = new Image();
-  img.src = src;
+var GREETING_MESSAGES = [
+  "How can I help you today?",
+  "What would you like to know?",
+  "Ready to optimize your operations?",
+  "How can I assist you today?"
+];
+var getDailyGreeting = () => {
+  const now2 = /* @__PURE__ */ new Date();
+  const startOfYear = new Date(now2.getFullYear(), 0, 0);
+  const diff = now2.getTime() - startOfYear.getTime();
+  const oneDay = 1e3 * 60 * 60 * 24;
+  const dayOfYear = Math.floor(diff / oneDay);
+  const index = dayOfYear % GREETING_MESSAGES.length;
+  return GREETING_MESSAGES[index];
 };
 var AIAgentView = () => {
   const { navigate, pathname } = useNavigation();
@@ -37940,6 +38834,7 @@ var AIAgentView = () => {
   const [lastTypingTime, setLastTypingTime] = React23.useState(null);
   const [characterCount, setCharacterCount] = React23.useState(0);
   const typingTimeoutRef = React23.useRef(null);
+  const currentGreeting = React23.useMemo(() => getDailyGreeting(), [greetingReset]);
   const isThreadLoading = (threadId) => {
     return threadId ? loadingThreads.has(threadId) : false;
   };
@@ -38020,7 +38915,7 @@ var AIAgentView = () => {
   const renderedContentCache = React23.useRef(/* @__PURE__ */ new Map());
   const { createThread, mutate: mutateThreads } = useThreads();
   const { messages, addMessage, setMessages } = useMessages(activeThreadId);
-  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://optifye-agent-production.up.railway.app";
+  const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://fastapi-production-111f9.up.railway.app";
   const sseClient = React23.useMemo(() => {
     console.log("[AIAgentView] Using AGNO API URL:", agnoApiUrl);
     return new SSEChatClient(agnoApiUrl);
@@ -38093,12 +38988,11 @@ var AIAgentView = () => {
   }, [activeThreadId]);
   React23.useEffect(() => {
     if (messages.length === 0 && !isTransitioning) {
-      const fullText = "Hi, I'm Axel - Your AI Supervisor";
       let index = 0;
       setTypedText("");
       const typeInterval = setInterval(() => {
-        if (index < fullText.length) {
-          setTypedText(fullText.substring(0, index + 1));
+        if (index < currentGreeting.length) {
+          setTypedText(currentGreeting.substring(0, index + 1));
           index++;
         } else {
           clearInterval(typeInterval);
@@ -38106,7 +39000,7 @@ var AIAgentView = () => {
       }, 50);
       return () => clearInterval(typeInterval);
     }
-  }, [messages.length, isTransitioning, greetingReset]);
+  }, [messages.length, isTransitioning, greetingReset, currentGreeting]);
   React23.useEffect(() => {
     if (isSidebarOpen) {
       setNewChatCount(0);
@@ -38132,9 +39026,6 @@ var AIAgentView = () => {
     localStorage.removeItem(ACTIVE_THREAD_STORAGE_KEY);
     textareaRef.current?.focus();
   };
-  React23.useEffect(() => {
-    preloadImage(axelProfilePng);
-  }, []);
   React23.useEffect(() => {
     return () => {
       if (typingTimeoutRef.current) {
@@ -39609,10 +40500,10 @@ var AIAgentView = () => {
             /* Centered welcome and input for new chat */
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-3xl mx-auto px-3 sm:px-4 md:px-6 flex flex-col items-center justify-center space-y-8 sm:space-y-12 -mt-8 sm:-mt-16", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4 sm:mb-6 md:mb-8", children: /* @__PURE__ */ jsxRuntime.jsx(ProfilePicture, { alt: "Axel - AI Manufacturing Expert", className: "w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-4 sm:mb-6 md:mb-8", children: /* @__PURE__ */ jsxRuntime.jsx(ProfilePicture, { alt: "Axel - AI Manufacturing Expert", size: "2xl", animate: true }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-lg sm:text-xl md:text-2xl lg:text-3xl font-semibold text-gray-900 px-2 sm:px-4", children: [
                   typedText,
-                  typedText.length < "Hi, I'm Axel - Your AI Supervisor".length && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: "|" })
+                  typedText.length < currentGreeting.length && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-pulse", children: "|" })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-2xl", children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
@@ -42979,7 +43870,7 @@ LeaderboardDetailView.displayName = "LeaderboardDetailView";
 var LeaderboardDetailViewWithDisplayNames = withAllWorkspaceDisplayNames(LeaderboardDetailView);
 var LeaderboardDetailView_default = LeaderboardDetailViewWithDisplayNames;
 function LoginView({
-  logoSrc = "/optifye-logo.png",
+  logoSrc = optifye_logo_default,
   logoAlt = "Optifye",
   brandName = "Optifye",
   onRateLimitCheck
@@ -46059,6 +46950,26 @@ var getInitialTab = (sourceType, defaultTab, fromMonthly, urlDate) => {
   }
   return "overview";
 };
+var WorkspaceHealthStatusBadge = ({
+  workspaceId,
+  mode = "full",
+  className = "",
+  showHealthDot = false
+}) => {
+  const { timeSinceUpdate, isHealthy, loading, error } = useWorkspaceHealthStatus(workspaceId);
+  if (loading || error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-2 ${className}`, children: [
+    showHealthDot && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `h-2 w-2 rounded-full ${isHealthy ? "bg-green-500 animate-pulse" : "bg-red-500"}`
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500", children: mode === "full" ? `Last updated: ${timeSinceUpdate}` : timeSinceUpdate })
+  ] });
+};
 var WorkspaceDetailView = ({
   workspaceId,
   date,
@@ -46110,6 +47021,7 @@ var WorkspaceDetailView = ({
   const [showIdleTime, setShowIdleTime] = React23.useState(false);
   const dashboardConfig = useDashboardConfig();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
+  dashboardConfig?.supervisorConfig?.enabled || false;
   const {
     workspace: workspaceHealth,
     loading: healthLoading,
@@ -46118,6 +47030,36 @@ var WorkspaceDetailView = ({
     enableRealtime: true,
     refreshInterval: 3e4
   });
+  const {
+    isHealthy: isWorkspaceHealthy,
+    timeSinceUpdate,
+    lastHeartbeat,
+    loading: healthStatusLoading,
+    error: healthStatusError
+  } = useWorkspaceHealthStatus(workspaceId);
+  const isLive = React23.useMemo(() => {
+    if (!lastHeartbeat) return false;
+    const now2 = /* @__PURE__ */ new Date();
+    const heartbeat = new Date(lastHeartbeat);
+    const minutesSince = (now2.getTime() - heartbeat.getTime()) / 6e4;
+    return minutesSince < 5;
+  }, [lastHeartbeat]);
+  React23.useEffect(() => {
+    console.log("[WorkspaceDetailView] Workspace Health Status:", {
+      workspaceId,
+      // Old workspace_health table
+      oldStatus: workspaceHealth?.status,
+      oldLastHeartbeat: workspaceHealth?.last_heartbeat,
+      oldTimeSinceLastUpdate: workspaceHealth?.timeSinceLastUpdate,
+      // New workspace_health_status table
+      isHealthy: isWorkspaceHealthy,
+      isLive,
+      lastHeartbeat,
+      timeSinceUpdate,
+      loading: healthLoading || healthStatusLoading,
+      error: healthError || healthStatusError
+    });
+  }, [workspaceId, workspaceHealth, isWorkspaceHealthy, isLive, lastHeartbeat, timeSinceUpdate, healthLoading, healthStatusLoading, healthError, healthStatusError]);
   const {
     status: prefetchStatus,
     data: prefetchData,
@@ -46154,82 +47096,7 @@ var WorkspaceDetailView = ({
   const workspace = isHistoricView ? historicMetrics : liveMetrics;
   const loading = isHistoricView ? historicLoading : liveLoading;
   const error = isHistoricView ? historicError : liveError;
-  const audioService = useAudioService();
-  const { latestAchievement, hasNewAchievements } = useHourlyTargetAchievements({
-    hourlyData: workspace?.hourly_action_counts || [],
-    targetThreshold: workspace?.pph_threshold || 0,
-    shiftStart: workspace?.shift_start || "06:00",
-    enabled: !isHistoricView && Boolean(workspace)
-    // Only for live data
-  });
-  const { latestMiss, hasNewMiss } = useHourlyTargetMisses({
-    hourlyData: workspace?.hourly_action_counts || [],
-    targetThreshold: workspace?.pph_threshold || 0,
-    shiftStart: workspace?.shift_start || "06:00",
-    enabled: !isHistoricView && Boolean(workspace)
-    // Only for live data
-  });
-  const [showCongratulations, setShowCongratulations] = React23.useState(false);
-  const [currentAchievement, setCurrentAchievement] = React23.useState(null);
-  const [showEncouragement, setShowEncouragement] = React23.useState(false);
-  const [currentMiss, setCurrentMiss] = React23.useState(null);
-  const [audioReady, setAudioReady] = React23.useState(false);
-  React23.useEffect(() => {
-    if (hasNewAchievements && latestAchievement && !isHistoricView) {
-      console.log("[\u{1F389} ACHIEVEMENT UNLOCKED! \u{1F389}] Target reached!", latestAchievement);
-      const startCelebration = async () => {
-        setCurrentAchievement(latestAchievement);
-        setShowCongratulations(true);
-        setTimeout(async () => {
-          try {
-            console.log("[\u{1F3B5} CELEBRATION FANFARE] Playing victory audio...");
-            await audioService.playCongratsSound();
-            console.log("[\u2705 AUDIO SUCCESS] Celebration fanfare completed!");
-          } catch (err) {
-            console.warn("[\u274C AUDIO ERROR] Failed to play congratulations sound:", err);
-          }
-        }, 300);
-        console.log(`[\u{1F4CA} ACHIEVEMENT ANALYTICS] Worker hit target: ${latestAchievement.currentValue}/${latestAchievement.targetValue} during ${latestAchievement.timeRange}`);
-      };
-      startCelebration();
-    }
-  }, [hasNewAchievements, latestAchievement, isHistoricView, audioService]);
-  React23.useEffect(() => {
-    if (hasNewMiss && latestMiss && !isHistoricView) {
-      console.log("[\u{1F499} ENCOURAGEMENT NEEDED] Target not reached, showing support", latestMiss);
-      const startEncouragement = async () => {
-        setCurrentMiss(latestMiss);
-        setShowEncouragement(true);
-        setTimeout(async () => {
-          try {
-            console.log("[\u{1F3B5} GENTLE ENCOURAGEMENT] Playing supportive audio...");
-            await audioService.playEncouragementSound();
-            console.log("[\u2705 AUDIO SUCCESS] Encouragement audio completed!");
-          } catch (err) {
-            console.warn("[\u274C AUDIO ERROR] Failed to play encouragement sound:", err);
-          }
-        }, 300);
-        console.log(`[\u{1F4CA} ENCOURAGEMENT ANALYTICS] Target missed: ${latestMiss.actualValue}/${latestMiss.targetValue} (${Math.round(latestMiss.actualValue / latestMiss.targetValue * 100)}% achieved)`);
-      };
-      startEncouragement();
-    }
-  }, [hasNewMiss, latestMiss, isHistoricView, audioService]);
-  React23.useEffect(() => {
-    const handleUserInteraction = () => {
-      console.log("[\u{1F50A} AUDIO ENABLED] User interaction detected - celebration sounds ready!");
-      audioService.markUserInteraction();
-      setAudioReady(true);
-    };
-    console.log("[\u{1F3A7} AUDIO SETUP] Setting up celebration audio listeners...");
-    document.addEventListener("click", handleUserInteraction);
-    document.addEventListener("touchstart", handleUserInteraction);
-    document.addEventListener("keydown", handleUserInteraction);
-    return () => {
-      document.removeEventListener("click", handleUserInteraction);
-      document.removeEventListener("touchstart", handleUserInteraction);
-      document.removeEventListener("keydown", handleUserInteraction);
-    };
-  }, [audioService]);
+  const { supervisorName } = useLineSupervisor(workspace?.line_id || lineId);
   React23.useEffect(() => {
     if (onTabChange) {
       onTabChange(activeTab);
@@ -46445,113 +47312,157 @@ var WorkspaceDetailView = ({
       )
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     motion.div,
     {
       className: `min-h-screen bg-slate-50 ${className}`,
       initial: { opacity: 1 },
       animate: { opacity: 1 },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-2 sm:py-2.5 lg:py-3 flex flex-col shadow-sm bg-white", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen w-full flex flex-col bg-slate-50", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "sticky top-0 z-10 px-3 sm:px-4 md:px-5 lg:px-6 py-3 sm:py-3 lg:py-3.5 flex flex-col shadow-sm bg-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: handleBackNavigation,
+                className: "p-2 -ml-2 rounded-full active:bg-gray-100 transition-colors",
+                "aria-label": "Navigate back",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-5 h-5 text-gray-700" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2 w-2", children: [
+                  isLive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
+                    "relative inline-flex rounded-full h-2 w-2",
+                    isLive ? "bg-green-500" : "bg-red-500"
+                  ) })
+                ] }) })
+              ] }),
+              activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5 mt-1", children: [
+                workspaceHealth && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-500", children: workspaceHealth.timeSinceLastUpdate }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  WorkspaceHealthStatusBadge,
+                  {
+                    workspaceId,
+                    mode: "compact",
+                    showHealthDot: false,
+                    className: "text-[10px]"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(
+              BackButtonMinimal,
+              {
+                onClick: handleBackNavigation,
+                text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : (date || shift) && activeTab !== "monthly_history" ? "Back to Monthly History" : "Back",
+                size: "default",
+                "aria-label": "Navigate back to previous page"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
+                isLive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
+                  "relative inline-flex rounded-full h-2.5 w-2.5",
+                  isLive ? "bg-green-500" : "bg-red-500"
+                ) })
+              ] })
+            ] }) }),
+            activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 top-0 flex flex-col items-end gap-1", children: [
+              workspaceHealth && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [
+                "Last update: ",
+                workspaceHealth.timeSinceLastUpdate
+              ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                WorkspaceHealthStatusBadge,
                 {
-                  onClick: handleBackNavigation,
-                  className: "p-2 -ml-2 rounded-full active:bg-gray-100 transition-colors",
-                  "aria-label": "Navigate back",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "w-5 h-5 text-gray-700" })
+                  workspaceId,
+                  mode: "full",
+                  showHealthDot: false
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-base font-semibold text-gray-900 truncate max-w-[220px]", children: formattedWorkspaceName }),
-                  workspaceHealth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2 w-2", children: [
-                    workspaceHealth.status === "healthy" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
-                      "relative inline-flex rounded-full h-2 w-2",
-                      workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
-                    ) })
-                  ] }) })
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-8" })
+          ] }) }),
+          activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(workspace.shift_type) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
+              ] }),
+              !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block mt-3 bg-blue-50 px-3 py-2 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 md:gap-4", children: [
+              !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base md:text-lg font-medium text-blue-600", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: formatISTDate2(new Date(workspace.date)) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" }),
+              date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-200 text-blue-800 rounded-md", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
+              ] }),
+              !date && !shift && usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-100 text-amber-700 rounded-md", children: [
+                  "Latest available data (",
+                  getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00"),
+                  ")"
                 ] }),
-                workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-500 mt-0.5", children: workspaceHealth.timeSinceLastUpdate })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-9" })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 z-10", children: /* @__PURE__ */ jsxRuntime.jsx(
-                BackButtonMinimal,
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
+                  workspace.shift_type,
+                  " Shift"
+                ] })
+              ] })
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 sm:mt-1.5 lg:mt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-gray-100 rounded-lg p-0.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
                 {
-                  onClick: handleBackNavigation,
-                  text: previousView === "line_monthly_history" ? "Back to Line History" : returnUrl && returnUrl.includes("monthly_history") ? "Back to Line History" : returnUrl && returnUrl.includes("/kpis/") ? "Back to KPIs" : returnUrl && returnUrl.includes("/leaderboard/") ? "Back to Leaderboard" : (date || shift) && activeTab !== "monthly_history" ? "Back to Monthly History" : "Back",
-                  size: "default",
-                  "aria-label": "Navigate back to previous page"
+                  onClick: () => setActiveTab("overview"),
+                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "overview" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                  children: "Efficiency"
                 }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-1/2 transform -translate-x-1/2 max-w-[calc(100%-200px)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg md:text-xl lg:text-2xl xl:text-3xl font-semibold text-gray-900 truncate", children: formattedWorkspaceName }),
-                workspaceHealth && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex h-2.5 w-2.5", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
-                    "animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",
-                    workspaceHealth.status === "healthy" ? "bg-green-400" : "bg-red-400"
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx(
-                    "relative inline-flex rounded-full h-2.5 w-2.5",
-                    workspaceHealth.status === "healthy" ? "bg-green-500" : "bg-red-500"
-                  ) })
-                ] })
-              ] }) }),
-              workspaceHealth && activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 flex items-center h-8", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [
-                "Last update: ",
-                workspaceHealth.timeSinceLastUpdate
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-8" })
+              ),
+              isClipsEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setActiveTab("bottlenecks"),
+                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "bottlenecks" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                  children: "Clips"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setActiveTab("monthly_history"),
+                  className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "monthly_history" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                  children: "History"
+                }
+              )
             ] }) }),
-            activeTab !== "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(workspace.shift_type) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
-                ] }),
-                !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block mt-3 bg-blue-50 px-3 py-2 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 md:gap-4", children: [
-                !date && !shift && !usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-base md:text-lg font-medium text-blue-600", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: formatISTDate2(new Date(workspace.date)) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" }),
-                date && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-2 py-1 text-xs font-medium bg-blue-200 text-blue-800 rounded-md", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
-                ] }),
-                !date && !shift && usingFallbackData && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 py-1 text-xs font-medium bg-amber-100 text-amber-700 rounded-md", children: [
-                    "Latest available data (",
-                    getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00"),
-                    ")"
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
-                    workspace.shift_type,
-                    " Shift"
-                  ] })
-                ] })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 sm:mt-1.5 lg:mt-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex bg-gray-100 rounded-lg p-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:flex items-center justify-between", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 lg:gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "button",
                   {
                     onClick: () => setActiveTab("overview"),
-                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "overview" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "overview" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
                     children: "Efficiency"
                   }
                 ),
@@ -46559,7 +47470,7 @@ var WorkspaceDetailView = ({
                   "button",
                   {
                     onClick: () => setActiveTab("bottlenecks"),
-                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "bottlenecks" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
+                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "bottlenecks" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
                     children: "Clips"
                   }
                 ),
@@ -46567,59 +47478,151 @@ var WorkspaceDetailView = ({
                   "button",
                   {
                     onClick: () => setActiveTab("monthly_history"),
-                    className: `flex-1 px-2 py-1.5 text-xs font-medium rounded-md transition-all duration-200 ${activeTab === "monthly_history" ? "bg-white text-gray-900 shadow-sm" : "text-gray-600"}`,
-                    children: "History"
+                    className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "monthly_history" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
+                    children: "Monthly History"
                   }
                 )
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden sm:flex items-center justify-between", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 lg:gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: () => setActiveTab("overview"),
-                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "overview" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
-                      children: "Efficiency"
-                    }
-                  ),
-                  isClipsEnabled && /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: () => setActiveTab("bottlenecks"),
-                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "bottlenecks" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
-                      children: "Clips"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
+              ] }),
+              activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: renderHeaderActions ? renderHeaderActions(workspace) : /* @__PURE__ */ jsxRuntime.jsx(WorkspacePdfGenerator, { workspace }) }),
+              activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                WorkspaceMonthlyPdfGenerator,
+                {
+                  workspaceId,
+                  workspaceName: workspace?.workspace_name || "",
+                  monthlyData,
+                  selectedMonth,
+                  selectedYear,
+                  selectedShift
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
+          activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full lg:h-[calc(100vh-10rem)] overflow-y-auto lg:overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
+              !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-6", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-8", children: "Daily Progress" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center space-y-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-7xl font-bold tracking-tight", children: [
+                      (workspace.total_actions / workspace.target_output * 100).toFixed(1),
+                      "%"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium", children: "of today's target" }) })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-600", children: "Overall Progress" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-gray-700", children: [
+                        workspace.total_actions,
+                        " / ",
+                        workspace.target_output
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-100 rounded-full h-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      motion.div,
+                      {
+                        initial: { width: 0 },
+                        animate: {
+                          width: `${Math.min(100, workspace.total_actions / workspace.target_output * 100)}%`
+                        },
+                        transition: {
+                          duration: 1,
+                          ease: "easeOut",
+                          delay: 0.2
+                        },
+                        className: "bg-green-500 h-2.5 rounded-full"
+                      }
+                    ) })
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700", children: shouldShowCycleTimeChart ? "Cycle Time (last 60 minutes)" : "Hourly Output" }),
+                  !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs(
                     "button",
                     {
-                      onClick: () => setActiveTab("monthly_history"),
-                      className: `px-2 lg:px-3 py-1 lg:py-1.5 text-sm lg:text-base font-medium rounded-lg transition-colors whitespace-nowrap ${activeTab === "monthly_history" ? "bg-blue-50 text-blue-600" : "text-gray-600 hover:bg-gray-50"}`,
-                      children: "Monthly History"
+                      onClick: () => setShowIdleTime(!showIdleTime),
+                      className: `
+                          flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded
+                          transition-all duration-200 border
+                          ${showIdleTime ? "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200" : "bg-white text-gray-500 border-gray-200 hover:bg-gray-50 hover:text-gray-700"}
+                        `,
+                      "aria-label": showIdleTime ? "Hide idle time bars from chart" : "Show idle time bars on chart",
+                      children: [
+                        showIdleTime ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "w-3.5 h-3.5" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: showIdleTime ? "Hide Idle Time" : "Show Idle Time" })
+                      ]
                     }
                   )
                 ] }),
-                activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: renderHeaderActions ? renderHeaderActions(workspace) : /* @__PURE__ */ jsxRuntime.jsx(WorkspacePdfGenerator, { workspace }) }),
-                activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 lg:gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  WorkspaceMonthlyPdfGenerator,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
                   {
-                    workspaceId,
-                    workspaceName: workspace?.workspace_name || "",
-                    monthlyData,
-                    selectedMonth,
-                    selectedYear,
-                    selectedShift
+                    className: "h-[300px]",
+                    style: { minHeight: "200px", minWidth: "300px" },
+                    children: shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsx(
+                      CycleTimeOverTimeChart,
+                      {
+                        data: workspace.hourly_action_counts || [],
+                        idealCycleTime: workspace.ideal_cycle_time || 0,
+                        shiftStart: workspace.shift_start || ""
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
+                      HourlyOutputChart2,
+                      {
+                        data: workspace.hourly_action_counts || [],
+                        pphThreshold: workspace.pph_threshold || 0,
+                        shiftStart: workspace.shift_start || "",
+                        shiftEnd: workspace.shift_end,
+                        showIdleTime,
+                        idleTimeHourly: workspace.idle_time_hourly
+                      }
+                    )
                   }
-                ) })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow p-1.5 sm:p-2 lg:p-4", children: [
-            activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full lg:h-[calc(100vh-10rem)] overflow-y-auto lg:overflow-hidden", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "block lg:hidden space-y-6 pb-6", children: [
-                !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-6", children: [
+                )
+              ] }),
+              shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Efficiency" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `text-5xl font-bold ${(workspace.avg_efficiency || 0) >= 80 ? "text-green-500" : "text-red-500"}`, children: [
+                      (workspace.avg_efficiency || 0).toFixed(1),
+                      "%"
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Target: 80%" })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Cycle Time (s)" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${workspace.avg_cycle_time > (workspace.ideal_cycle_time || 0) ? "text-red-500" : "text-green-500"}`, children: workspace.avg_cycle_time.toFixed(1) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mt-2", children: [
+                      "Standard: ",
+                      workspace.ideal_cycle_time?.toFixed(1) || 0,
+                      "s"
+                    ] })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Idle Time" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-4xl font-bold ${!workspace.idle_time || workspace.idle_time <= 0 ? "text-green-500" : workspace.idle_time <= 300 ? "text-yellow-500" : (
+                      // 5 minutes or less
+                      "text-red-500"
+                    )}`, children: formatIdleTime(workspace.idle_time) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Total idle time" })
+                  ] }) })
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMetricCards, { workspace, className: "flex-1" }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-col lg:h-full", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[60%] grid grid-cols-1 lg:grid-cols-5 gap-3 mb-3", children: [
+                !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-6 lg:col-span-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-8", children: "Daily Progress" }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-center space-y-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-[calc(100%-6rem)] justify-center space-y-8", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-1", children: [
                       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-7xl font-bold tracking-tight", children: [
                         (workspace.total_actions / workspace.target_output * 100).toFixed(1),
@@ -46654,7 +47657,7 @@ var WorkspaceDetailView = ({
                     ] }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bg-white rounded-lg shadow-sm p-4 ${shouldShowCycleTimeChart ? "lg:col-span-5" : "lg:col-span-3"}`, children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
                     /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700", children: shouldShowCycleTimeChart ? "Cycle Time (last 60 minutes)" : "Hourly Output" }),
                     !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -46662,10 +47665,10 @@ var WorkspaceDetailView = ({
                       {
                         onClick: () => setShowIdleTime(!showIdleTime),
                         className: `
-                          flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded
-                          transition-all duration-200 border
-                          ${showIdleTime ? "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200" : "bg-white text-gray-500 border-gray-200 hover:bg-gray-50 hover:text-gray-700"}
-                        `,
+                            flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded
+                            transition-all duration-200 border
+                            ${showIdleTime ? "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200" : "bg-white text-gray-500 border-gray-200 hover:bg-gray-50 hover:text-gray-700"}
+                          `,
                         "aria-label": showIdleTime ? "Hide idle time bars from chart" : "Show idle time bars on chart",
                         children: [
                           showIdleTime ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "w-3.5 h-3.5" }),
@@ -46677,7 +47680,7 @@ var WorkspaceDetailView = ({
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
-                      className: "h-[300px]",
+                      className: "h-[calc(100%-3rem)]",
                       style: { minHeight: "200px", minWidth: "300px" },
                       children: shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsx(
                         CycleTimeOverTimeChart,
@@ -46699,248 +47702,103 @@ var WorkspaceDetailView = ({
                       )
                     }
                   )
-                ] }),
-                shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Efficiency" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `text-5xl font-bold ${(workspace.avg_efficiency || 0) >= 80 ? "text-green-500" : "text-red-500"}`, children: [
-                        (workspace.avg_efficiency || 0).toFixed(1),
-                        "%"
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Target: 80%" })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Cycle Time (s)" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${workspace.avg_cycle_time > (workspace.ideal_cycle_time || 0) ? "text-red-500" : "text-green-500"}`, children: workspace.avg_cycle_time.toFixed(1) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mt-2", children: [
-                        "Standard: ",
-                        workspace.ideal_cycle_time?.toFixed(1) || 0,
-                        "s"
-                      ] })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Idle Time" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-4xl font-bold ${!workspace.idle_time || workspace.idle_time <= 0 ? "text-green-500" : workspace.idle_time <= 300 ? "text-yellow-500" : (
-                        // 5 minutes or less
-                        "text-red-500"
-                      )}`, children: formatIdleTime(workspace.idle_time) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Total idle time" })
-                    ] }) })
-                  ] })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMetricCards, { workspace, className: "flex-1" }) })
+                ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden lg:flex lg:flex-col lg:h-full", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[60%] grid grid-cols-1 lg:grid-cols-5 gap-3 mb-3", children: [
-                  !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-sm p-6 lg:col-span-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700 mb-8", children: "Daily Progress" }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-[calc(100%-6rem)] justify-center space-y-8", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-1", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-7xl font-bold tracking-tight", children: [
-                          (workspace.total_actions / workspace.target_output * 100).toFixed(1),
-                          "%"
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center gap-2 text-gray-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-base font-medium", children: "of today's target" }) })
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-600", children: "Overall Progress" }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-gray-700", children: [
-                            workspace.total_actions,
-                            " / ",
-                            workspace.target_output
-                          ] })
-                        ] }),
-                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-gray-100 rounded-full h-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          motion.div,
-                          {
-                            initial: { width: 0 },
-                            animate: {
-                              width: `${Math.min(100, workspace.total_actions / workspace.target_output * 100)}%`
-                            },
-                            transition: {
-                              duration: 1,
-                              ease: "easeOut",
-                              delay: 0.2
-                            },
-                            className: "bg-green-500 h-2.5 rounded-full"
-                          }
-                        ) })
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bg-white rounded-lg shadow-sm p-4 ${shouldShowCycleTimeChart ? "lg:col-span-5" : "lg:col-span-3"}`, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-700", children: shouldShowCycleTimeChart ? "Cycle Time (last 60 minutes)" : "Hourly Output" }),
-                      !shouldShowCycleTimeChart && /* @__PURE__ */ jsxRuntime.jsxs(
-                        "button",
-                        {
-                          onClick: () => setShowIdleTime(!showIdleTime),
-                          className: `
-                            flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded
-                            transition-all duration-200 border
-                            ${showIdleTime ? "bg-gray-100 text-gray-700 border-gray-300 hover:bg-gray-200" : "bg-white text-gray-500 border-gray-200 hover:bg-gray-50 hover:text-gray-700"}
-                          `,
-                          "aria-label": showIdleTime ? "Hide idle time bars from chart" : "Show idle time bars on chart",
-                          children: [
-                            showIdleTime ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "w-3.5 h-3.5" }),
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: showIdleTime ? "Hide Idle Time" : "Show Idle Time" })
-                          ]
-                        }
-                      )
+              shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[40%] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Efficiency" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `text-5xl font-bold ${(workspace.avg_efficiency || 0) >= 80 ? "text-green-500" : "text-red-500"}`, children: [
+                      (workspace.avg_efficiency || 0).toFixed(1),
+                      "%"
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "div",
-                      {
-                        className: "h-[calc(100%-3rem)]",
-                        style: { minHeight: "200px", minWidth: "300px" },
-                        children: shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsx(
-                          CycleTimeOverTimeChart,
-                          {
-                            data: workspace.hourly_action_counts || [],
-                            idealCycleTime: workspace.ideal_cycle_time || 0,
-                            shiftStart: workspace.shift_start || ""
-                          }
-                        ) : /* @__PURE__ */ jsxRuntime.jsx(
-                          HourlyOutputChart2,
-                          {
-                            data: workspace.hourly_action_counts || [],
-                            pphThreshold: workspace.pph_threshold || 0,
-                            shiftStart: workspace.shift_start || "",
-                            shiftEnd: workspace.shift_end,
-                            showIdleTime,
-                            idleTimeHourly: workspace.idle_time_hourly
-                          }
-                        )
-                      }
-                    )
-                  ] })
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Target: 80%" })
+                  ] }) })
                 ] }),
-                shouldShowCycleTimeChart ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[40%] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Efficiency" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `text-5xl font-bold ${(workspace.avg_efficiency || 0) >= 80 ? "text-green-500" : "text-red-500"}`, children: [
-                        (workspace.avg_efficiency || 0).toFixed(1),
-                        "%"
-                      ] }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Target: 80%" })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Cycle Time (s)" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${workspace.avg_cycle_time > (workspace.ideal_cycle_time || 0) ? "text-red-500" : "text-green-500"}`, children: workspace.avg_cycle_time.toFixed(1) }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mt-2", children: [
-                        "Standard: ",
-                        workspace.ideal_cycle_time?.toFixed(1) || 0,
-                        "s"
-                      ] })
-                    ] }) })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Idle Time" }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-4xl font-bold ${!workspace.idle_time || workspace.idle_time <= 0 ? "text-green-500" : workspace.idle_time <= 300 ? "text-yellow-500" : (
-                        // 5 minutes or less
-                        "text-red-500"
-                      )}`, children: formatIdleTime(workspace.idle_time) }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Total idle time" })
-                    ] }) })
-                  ] })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[40%] flex", children: /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMetricCards, { workspace, className: "flex-1" }) })
-              ] })
-            ] }),
-            activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[calc(100vh-10rem)] overflow-y-auto px-2 sm:px-4 lg:px-0", children: [
-              workspaceId && activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx(
-                WorkspaceMonthlyDataFetcher,
-                {
-                  workspaceId,
-                  selectedMonth,
-                  selectedYear,
-                  onDataLoaded: handleMonthlyDataLoaded,
-                  onLoadingChange: setMonthlyDataLoading
-                }
-              ),
-              usingFallbackData && !date && !shift && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 sm:mb-4 bg-amber-50 border border-amber-200 rounded-lg px-3 sm:px-4 py-2 sm:py-3 text-amber-800", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs sm:text-sm font-medium flex items-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
-                "No current data available for today. Showing monthly history instead."
-              ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                WorkspaceMonthlyHistory,
-                {
-                  data: monthlyData,
-                  month: selectedMonth,
-                  year: selectedYear,
-                  workspaceId,
-                  selectedShift,
-                  monthlyDataLoading,
-                  onDateSelect: (selectedDate, shift2) => {
-                    if (onDateSelect) {
-                      onDateSelect(selectedDate, shift2);
-                    } else if (onNavigate) {
-                      const params = new URLSearchParams();
-                      params.set("date", selectedDate);
-                      params.set("shift", shift2 === "day" ? "0" : "1");
-                      params.set("fromMonthly", "true");
-                      if (effectiveLineId) {
-                        params.set("lineId", effectiveLineId);
-                      }
-                      onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
-                    }
-                  },
-                  onMonthNavigate: (newMonth, newYear) => {
-                    setSelectedMonth(newMonth);
-                    setSelectedYear(newYear);
-                  },
-                  onShiftChange: setSelectedShift,
-                  className: "w-full"
-                }
-              )
-            ] }),
-            activeTab === "bottlenecks" && /* @__PURE__ */ jsxRuntime.jsx(ClipFilterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              BottlenecksContent,
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Cycle Time (s)" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${workspace.avg_cycle_time > (workspace.ideal_cycle_time || 0) ? "text-red-500" : "text-green-500"}`, children: workspace.avg_cycle_time.toFixed(1) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mt-2", children: [
+                      "Standard: ",
+                      workspace.ideal_cycle_time?.toFixed(1) || 0,
+                      "s"
+                    ] })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(Card2, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-2 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg text-center", children: "Idle Time" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-4xl font-bold ${!workspace.idle_time || workspace.idle_time <= 0 ? "text-green-500" : workspace.idle_time <= 300 ? "text-yellow-500" : (
+                      // 5 minutes or less
+                      "text-red-500"
+                    )}`, children: formatIdleTime(workspace.idle_time) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Total idle time" })
+                  ] }) })
+                ] })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[40%] flex", children: /* @__PURE__ */ jsxRuntime.jsx(WorkspaceMetricCards, { workspace, className: "flex-1" }) })
+            ] })
+          ] }),
+          activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[calc(100vh-10rem)] overflow-y-auto px-2 sm:px-4 lg:px-0", children: [
+            workspaceId && activeTab === "monthly_history" && /* @__PURE__ */ jsxRuntime.jsx(
+              WorkspaceMonthlyDataFetcher,
               {
                 workspaceId,
-                workspaceName: formattedWorkspaceName,
-                date,
-                shift,
-                totalOutput: workspace?.total_actions,
-                className: "h-[calc(100vh-10rem)]"
+                selectedMonth,
+                selectedYear,
+                onDataLoaded: handleMonthlyDataLoaded,
+                onLoadingChange: setMonthlyDataLoading
               }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          CongratulationsOverlay,
-          {
-            achievement: currentAchievement,
-            isVisible: showCongratulations,
-            duration: 6e4,
-            onDismiss: () => {
-              setShowCongratulations(false);
-              setCurrentAchievement(null);
+            ),
+            usingFallbackData && !date && !shift && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 sm:mb-4 bg-amber-50 border border-amber-200 rounded-lg px-3 sm:px-4 py-2 sm:py-3 text-amber-800", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs sm:text-sm font-medium flex items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4 sm:h-5 sm:w-5 mr-2", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
+              "No current data available for today. Showing monthly history instead."
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              WorkspaceMonthlyHistory,
+              {
+                data: monthlyData,
+                month: selectedMonth,
+                year: selectedYear,
+                workspaceId,
+                selectedShift,
+                monthlyDataLoading,
+                onDateSelect: (selectedDate, shift2) => {
+                  if (onDateSelect) {
+                    onDateSelect(selectedDate, shift2);
+                  } else if (onNavigate) {
+                    const params = new URLSearchParams();
+                    params.set("date", selectedDate);
+                    params.set("shift", shift2 === "day" ? "0" : "1");
+                    params.set("fromMonthly", "true");
+                    if (effectiveLineId) {
+                      params.set("lineId", effectiveLineId);
+                    }
+                    onNavigate(`/workspace/${workspaceId}?${params.toString()}`);
+                  }
+                },
+                onMonthNavigate: (newMonth, newYear) => {
+                  setSelectedMonth(newMonth);
+                  setSelectedYear(newYear);
+                },
+                onShiftChange: setSelectedShift,
+                className: "w-full"
+              }
+            )
+          ] }),
+          activeTab === "bottlenecks" && /* @__PURE__ */ jsxRuntime.jsx(ClipFilterProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            BottlenecksContent,
+            {
+              workspaceId,
+              workspaceName: formattedWorkspaceName,
+              date,
+              shift,
+              totalOutput: workspace?.total_actions,
+              className: "h-[calc(100vh-10rem)]"
             }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EncouragementOverlay,
-          {
-            isVisible: showEncouragement,
-            onClose: () => {
-              setShowEncouragement(false);
-              setCurrentMiss(null);
-            },
-            targetValue: currentMiss?.targetValue || 0,
-            actualValue: currentMiss?.actualValue || 0,
-            metricName: currentMiss?.metricName || "Target"
-          }
-        )
-      ]
+          ) })
+        ] })
+      ] })
     }
   );
 };
@@ -48055,21 +48913,36 @@ var LineAssignmentDropdown = ({
   const [isOpen, setIsOpen] = React23.useState(false);
   const [selectedIds, setSelectedIds] = React23.useState(currentLineIds);
   const [isSaving, setIsSaving] = React23.useState(false);
+  const [position, setPosition] = React23.useState({ top: 0, left: 0, width: 0 });
+  const buttonRef = React23.useRef(null);
   const dropdownRef = React23.useRef(null);
   React23.useEffect(() => {
     setSelectedIds(currentLineIds);
   }, [currentLineIds]);
   React23.useEffect(() => {
-    console.log("[LineAssignmentDropdown] Available lines updated:", {
-      userId,
-      count: availableLines.length,
-      lines: availableLines,
-      hasCompanyId: availableLines.every((l) => l.company_id)
-    });
-  }, [availableLines, userId]);
+    const updatePosition = () => {
+      if (isOpen && buttonRef.current) {
+        const rect = buttonRef.current.getBoundingClientRect();
+        setPosition({
+          top: rect.bottom,
+          left: rect.left,
+          width: rect.width
+        });
+      }
+    };
+    if (isOpen) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+    }
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isOpen]);
   React23.useEffect(() => {
     const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
         setSelectedIds(currentLineIds);
       }
@@ -48135,94 +49008,106 @@ var LineAssignmentDropdown = ({
   if (!canEdit) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: getDisplayText() });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", ref: dropdownRef, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
+        ref: buttonRef,
         onClick: () => setIsOpen(!isOpen),
         className: cn(
-          "flex items-center gap-2 px-3 py-1.5 text-sm border rounded-lg transition-colors",
+          "flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors min-w-[200px]",
           currentLineIds.length === 0 ? "border-blue-300 bg-blue-50 hover:bg-blue-100" : "border-gray-300 bg-white hover:bg-gray-50"
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: getDisplayText() }),
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn(
-            "w-4 h-4 text-gray-400 transition-transform",
+            "w-4 h-4 text-gray-400 transition-transform flex-shrink-0",
             isOpen && "rotate-180"
           ) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute z-[10000] mt-2 w-72 bg-white rounded-lg shadow-lg border border-gray-200 left-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-b border-gray-200", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Assign Lines" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleCancel,
-              className: "text-gray-400 hover:text-gray-600",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Select one or more lines to assign" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto", children: availableLines.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-8 text-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500 mb-2", children: "No lines available" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400", children: "Check console (F12) for filtering details" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: availableLines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          className: "flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer transition-colors",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: selectedIds.includes(line.id),
-                onChange: () => handleToggleLine(line.id),
-                className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: line.line_name }) }),
-            selectedIds.includes(line.id) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-blue-600" })
-          ]
-        },
-        line.id
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-t border-gray-200 bg-gray-50 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
-          selectedIds.length,
-          " selected"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleCancel,
-              className: "px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleSave,
-              disabled: !hasChanges || isSaving,
-              className: "px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-              children: isSaving ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "animate-spin h-3 w-3", viewBox: "0 0 24 24", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", fill: "none" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+    isOpen && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[9998]" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: dropdownRef,
+            className: "fixed z-[9999] bg-white rounded-lg shadow-2xl border border-gray-200",
+            style: {
+              top: `${position.top + 4}px`,
+              left: `${position.left}px`,
+              minWidth: `${Math.max(position.width, 300)}px`,
+              maxWidth: "400px",
+              maxHeight: "calc(100vh - 100px)"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Assign Lines" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: "Select one or more lines" })
                 ] }),
-                "Saving..."
-              ] }) : "Save"
-            }
-          )
-        ] })
-      ] })
-    ] })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: handleCancel,
+                    className: "text-gray-400 hover:text-gray-600 transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: availableLines.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "No lines available" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: availableLines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: "flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: selectedIds.includes(line.id),
+                        onChange: () => handleToggleLine(line.id),
+                        className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: line.line_name }) }),
+                    selectedIds.includes(line.id) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-blue-600 flex-shrink-0" })
+                  ]
+                },
+                line.id
+              )) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-t border-gray-200 bg-gray-50 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
+                  selectedIds.length,
+                  " selected"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: handleCancel,
+                      className: "px-3 py-1.5 text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors",
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: handleSave,
+                      disabled: !hasChanges || isSaving,
+                      className: "px-3 py-1.5 text-xs font-medium text-white bg-blue-600 rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+                      children: isSaving ? "Saving..." : "Save"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      document.body
+    )
   ] });
 };
 var FactoryAssignmentDropdown = ({
@@ -48235,13 +49120,36 @@ var FactoryAssignmentDropdown = ({
   const [isOpen, setIsOpen] = React23.useState(false);
   const [selectedIds, setSelectedIds] = React23.useState(currentFactoryIds);
   const [isSaving, setIsSaving] = React23.useState(false);
+  const [position, setPosition] = React23.useState({ top: 0, left: 0, width: 0 });
+  const buttonRef = React23.useRef(null);
   const dropdownRef = React23.useRef(null);
   React23.useEffect(() => {
     setSelectedIds(currentFactoryIds);
   }, [currentFactoryIds]);
+  React23.useEffect(() => {
+    const updatePosition = () => {
+      if (isOpen && buttonRef.current) {
+        const rect = buttonRef.current.getBoundingClientRect();
+        setPosition({
+          top: rect.bottom,
+          left: rect.left,
+          width: rect.width
+        });
+      }
+    };
+    if (isOpen) {
+      updatePosition();
+      window.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+    }
+    return () => {
+      window.removeEventListener("scroll", updatePosition, true);
+      window.removeEventListener("resize", updatePosition);
+    };
+  }, [isOpen]);
   React23.useEffect(() => {
     const handleClickOutside = (event) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target) && buttonRef.current && !buttonRef.current.contains(event.target)) {
         setIsOpen(false);
         setSelectedIds(currentFactoryIds);
       }
@@ -48307,91 +49215,106 @@ var FactoryAssignmentDropdown = ({
   if (!canEdit) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm", children: getDisplayText() });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", ref: dropdownRef, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
+        ref: buttonRef,
         onClick: () => setIsOpen(!isOpen),
         className: cn(
-          "flex items-center gap-2 px-3 py-1.5 text-sm border rounded-lg transition-colors",
+          "flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors min-w-[200px]",
           currentFactoryIds.length === 0 ? "border-blue-300 bg-blue-50 hover:bg-blue-100" : "border-gray-300 bg-white hover:bg-gray-50"
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: getDisplayText() }),
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: cn(
-            "w-4 h-4 text-gray-400 transition-transform",
+            "w-4 h-4 text-gray-400 transition-transform flex-shrink-0",
             isOpen && "rotate-180"
           ) })
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute z-[10000] mt-2 w-72 bg-white rounded-lg shadow-lg border border-gray-200 left-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-b border-gray-200", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Assign Factories" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleCancel,
-              className: "text-gray-400 hover:text-gray-600",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-1", children: "Select one or more factories to assign" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-64 overflow-y-auto", children: availableFactories.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-8 text-center text-sm text-gray-500", children: "No factories available" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: availableFactories.map((factory) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          className: "flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer transition-colors",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: selectedIds.includes(factory.id),
-                onChange: () => handleToggleFactory(factory.id),
-                className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900", children: factory.factory_name }) }),
-            selectedIds.includes(factory.id) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-blue-600" })
-          ]
-        },
-        factory.id
-      )) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-t border-gray-200 bg-gray-50 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
-          selectedIds.length,
-          " selected"
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleCancel,
-              className: "px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
-              children: "Cancel"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: handleSave,
-              disabled: !hasChanges || isSaving,
-              className: "px-3 py-1.5 text-sm font-medium text-white bg-blue-600 rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-              children: isSaving ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "animate-spin h-3 w-3", viewBox: "0 0 24 24", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", fill: "none" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+    isOpen && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-[9998]" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref: dropdownRef,
+            className: "fixed z-[9999] bg-white rounded-lg shadow-2xl border border-gray-200",
+            style: {
+              top: `${position.top + 4}px`,
+              left: `${position.left}px`,
+              minWidth: `${Math.max(position.width, 300)}px`,
+              maxWidth: "400px",
+              maxHeight: "calc(100vh - 100px)"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Assign Factories" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 mt-0.5", children: "Select one or more factories" })
                 ] }),
-                "Saving..."
-              ] }) : "Save"
-            }
-          )
-        ] })
-      ] })
-    ] })
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: handleCancel,
+                    className: "text-gray-400 hover:text-gray-600 transition-colors",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: availableFactories.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-8 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: "No factories available" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: availableFactories.map((factory) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "label",
+                {
+                  className: "flex items-center gap-3 px-4 py-2.5 hover:bg-gray-50 cursor-pointer transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: selectedIds.includes(factory.id),
+                        onChange: () => handleToggleFactory(factory.id),
+                        className: "h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 truncate", children: factory.factory_name }) }),
+                    selectedIds.includes(factory.id) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-4 h-4 text-blue-600 flex-shrink-0" })
+                  ]
+                },
+                factory.id
+              )) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 py-3 border-t border-gray-200 bg-gray-50 flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-600", children: [
+                  selectedIds.length,
+                  " selected"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: handleCancel,
+                      className: "px-3 py-1.5 text-xs font-medium text-gray-700 bg-white border border-gray-300 rounded hover:bg-gray-50 transition-colors",
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      onClick: handleSave,
+                      disabled: !hasChanges || isSaving,
+                      className: "px-3 py-1.5 text-xs font-medium text-white bg-blue-600 rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+                      children: isSaving ? "Saving..." : "Save"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      document.body
+    )
   ] });
 };
 var UserManagementTable = ({
@@ -48543,7 +49466,7 @@ var UserManagementTable = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-lg border border-gray-200 overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-visible relative", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-lg border border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
         /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "th",
@@ -48612,7 +49535,7 @@ var UserManagementTable = ({
                   ] })
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(RoleBadge, { role: user.role_level, size: "sm" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 relative overflow-visible z-10", children: user.role_level === "supervisor" ? /* @__PURE__ */ jsxRuntime.jsx(
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4", children: user.role_level === "supervisor" ? /* @__PURE__ */ jsxRuntime.jsx(
                   LineAssignmentDropdown,
                   {
                     userId: user.user_id,
@@ -48654,7 +49577,7 @@ var UserManagementTable = ({
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-900", children: formatAssignments(user) }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: formatDate(user.created_at) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right relative overflow-visible", children: hasActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative overflow-visible", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap text-right", children: hasActions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {
@@ -48837,6 +49760,34 @@ var InviteUserDialog = ({
         throw new Error(data.error);
       }
       sonner.toast.success(data?.message || "User added successfully!");
+      try {
+        const dashboardUrl = typeof window !== "undefined" ? window.location.origin : "";
+        if (dashboardUrl) {
+          console.log("Sending welcome email to:", email.trim());
+          const { data: emailData, error: emailError } = await supabase.functions.invoke("hyper-service", {
+            body: {
+              action: "send-welcome-email",
+              email: email.trim(),
+              company_id: companyId,
+              dashboard_url: dashboardUrl
+            }
+          });
+          if (emailError) {
+            console.error("Failed to send welcome email:", emailError);
+            sonner.toast.warning("User added successfully, but welcome email could not be sent");
+          } else if (emailData?.success) {
+            console.log("Welcome email sent successfully:", emailData);
+            sonner.toast.success("User added and welcome email sent!");
+          } else {
+            console.log("Welcome email response:", emailData);
+          }
+        } else {
+          console.warn("Dashboard URL not available, skipping welcome email");
+        }
+      } catch (emailErr) {
+        console.error("Error sending welcome email:", emailErr);
+        sonner.toast.info("User added successfully (email service unavailable)");
+      }
       onInviteSent?.();
       onClose();
     } catch (err) {
@@ -50629,7 +51580,7 @@ var S3Service = class {
 };
 
 // src/lib/api/optifye-agent.ts
-var OPTIFYE_API_URL = "https://optifye-agent-production.up.railway.app";
+var OPTIFYE_API_URL = process.env.NEXT_PUBLIC_AGNO_URL || "https://fastapi-production-111f9.up.railway.app";
 var OptifyeAgentClient = class {
   constructor(apiUrl = OPTIFYE_API_URL) {
     this.apiUrl = apiUrl;
@@ -51036,6 +51987,7 @@ exports.AuthenticatedTargetsView = AuthenticatedTargetsView;
 exports.AuthenticatedTicketsView = AuthenticatedTicketsView;
 exports.AuthenticatedWorkspaceHealthView = AuthenticatedWorkspaceHealthView;
 exports.AxelNotificationPopup = AxelNotificationPopup;
+exports.AxelOrb = AxelOrb;
 exports.BackButton = BackButton;
 exports.BackButtonMinimal = BackButtonMinimal;
 exports.BarChart = BarChart;
@@ -51127,6 +52079,7 @@ exports.LoadingSkeleton = LoadingSkeleton;
 exports.LoadingState = LoadingState;
 exports.LoginPage = LoginPage;
 exports.LoginView = LoginView_default;
+exports.Logo = Logo;
 exports.MainLayout = MainLayout;
 exports.MapGridView = MapGridView;
 exports.MetricCard = MetricCard_default;
@@ -51140,6 +52093,7 @@ exports.OptifyeLogoLoader = OptifyeLogoLoader_default;
 exports.OutputProgressChart = OutputProgressChart;
 exports.PageHeader = PageHeader;
 exports.PieChart = PieChart4;
+exports.PlayPauseIndicator = PlayPauseIndicator;
 exports.PrefetchConfigurationError = PrefetchConfigurationError;
 exports.PrefetchError = PrefetchError;
 exports.PrefetchEvents = PrefetchEvents;
@@ -51166,6 +52120,7 @@ exports.ShiftDisplay = ShiftDisplay_default;
 exports.ShiftsView = ShiftsView_default;
 exports.SideNavBar = SideNavBar;
 exports.SignupWithInvitation = SignupWithInvitation;
+exports.SilentErrorBoundary = SilentErrorBoundary;
 exports.SimpleOnboardingPopup = SimpleOnboardingPopup;
 exports.SingleVideoStream = SingleVideoStream_default;
 exports.Skeleton = Skeleton;
@@ -51238,6 +52193,7 @@ exports.formatDateInZone = formatDateInZone;
 exports.formatDateTimeInZone = formatDateTimeInZone;
 exports.formatISTDate = formatISTDate;
 exports.formatIdleTime = formatIdleTime;
+exports.formatRelativeTime = formatRelativeTime;
 exports.formatTimeInZone = formatTimeInZone;
 exports.fromUrlFriendlyName = fromUrlFriendlyName;
 exports.getAllLineDisplayNames = getAllLineDisplayNames;
@@ -51262,6 +52218,7 @@ exports.getDefaultTabForWorkspace = getDefaultTabForWorkspace;
 exports.getLineDisplayName = getLineDisplayName;
 exports.getManufacturingInsights = getManufacturingInsights;
 exports.getMetricsTablePrefix = getMetricsTablePrefix;
+exports.getNextUpdateInterval = getNextUpdateInterval;
 exports.getOperationalDate = getOperationalDate;
 exports.getS3SignedUrl = getS3SignedUrl;
 exports.getS3VideoSrc = getS3VideoSrc;
@@ -51373,6 +52330,7 @@ exports.usePrefetchClipCounts = usePrefetchClipCounts;
 exports.useRealtimeLineMetrics = useRealtimeLineMetrics;
 exports.useRegistry = useRegistry;
 exports.useSKUs = useSKUs;
+exports.useSessionKeepAlive = useSessionKeepAlive;
 exports.useShiftConfig = useShiftConfig;
 exports.useShifts = useShifts;
 exports.useSubscriptionManager = useSubscriptionManager;
@@ -51394,6 +52352,7 @@ exports.useWorkspaceDisplayName = useWorkspaceDisplayName;
 exports.useWorkspaceDisplayNames = useWorkspaceDisplayNames;
 exports.useWorkspaceDisplayNamesMap = useWorkspaceDisplayNamesMap;
 exports.useWorkspaceHealthById = useWorkspaceHealthById;
+exports.useWorkspaceHealthStatus = useWorkspaceHealthStatus;
 exports.useWorkspaceMetrics = useWorkspaceMetrics;
 exports.useWorkspaceNavigation = useWorkspaceNavigation;
 exports.useWorkspaceOperators = useWorkspaceOperators;