@optifye/dashboard-core 4.2.3 → 4.2.4

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React33 = require('react');
+var React14 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var router = require('next/router');
 var dateFns = require('date-fns');
@@ -44,7 +44,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React33__namespace = /*#__PURE__*/_interopNamespace(React33);
+var React14__namespace = /*#__PURE__*/_interopNamespace(React14);
 var mixpanel__default = /*#__PURE__*/_interopDefault(mixpanel);
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
 var Hls2__default = /*#__PURE__*/_interopDefault(Hls2);
@@ -217,14 +217,14 @@ var _getDashboardConfigInstance = () => {
   }
   return dashboardConfigInstance;
 };
-var DashboardConfigContext = React33__namespace.createContext(void 0);
+var DashboardConfigContext = React14__namespace.createContext(void 0);
 var DashboardProvider = ({ config: userProvidedConfig, children }) => {
-  const fullConfig = React33__namespace.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
+  const fullConfig = React14__namespace.useMemo(() => mergeWithDefaultConfig(userProvidedConfig), [userProvidedConfig]);
   _setDashboardConfigInstance(fullConfig);
-  React33__namespace.useEffect(() => {
+  React14__namespace.useEffect(() => {
     _setDashboardConfigInstance(fullConfig);
   }, [fullConfig]);
-  React33__namespace.useEffect(() => {
+  React14__namespace.useEffect(() => {
     if (!fullConfig.theme) return;
     const styleId = "dashboard-core-theme-vars";
     let styleEl = document.getElementById(styleId);
@@ -250,7 +250,7 @@ var DashboardProvider = ({ config: userProvidedConfig, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(DashboardConfigContext.Provider, { value: fullConfig, children });
 };
 var useDashboardConfig = () => {
-  const ctx = React33__namespace.useContext(DashboardConfigContext);
+  const ctx = React14__namespace.useContext(DashboardConfigContext);
   if (!ctx) throw new Error("useDashboardConfig must be used within a DashboardProvider");
   return ctx;
 };
@@ -299,7 +299,7 @@ function useCustomConfig() {
   const { customConfig } = useDashboardConfig();
   return customConfig ?? {};
 }
-var AuthContext = React33.createContext({
+var AuthContext = React14.createContext({
   session: null,
   user: null,
   loading: true,
@@ -307,18 +307,18 @@ var AuthContext = React33.createContext({
   signOut: async () => {
   }
 });
-var useAuth = () => React33.useContext(AuthContext);
+var useAuth = () => React14.useContext(AuthContext);
 var AuthProvider = ({ children }) => {
   const supabase = useSupabase();
   const { authConfig } = useDashboardConfig();
-  const [session, setSession] = React33.useState(null);
-  const [user, setUser] = React33.useState(null);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [session, setSession] = React14.useState(null);
+  const [user, setUser] = React14.useState(null);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const router$1 = router.useRouter();
   const userProfileTable = authConfig?.userProfileTable;
   const roleColumn = authConfig?.roleColumn || "role";
-  const fetchUserDetails = React33.useCallback(async (supabaseUser) => {
+  const fetchUserDetails = React14.useCallback(async (supabaseUser) => {
     if (!supabaseUser) return null;
     const basicUser = {
       id: supabaseUser.id,
@@ -349,7 +349,7 @@ var AuthProvider = ({ children }) => {
       return basicUser;
     }
   }, [supabase, userProfileTable, roleColumn]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!supabase) return;
     let mounted = true;
     const safetyTimeout = setTimeout(() => {
@@ -437,12 +437,12 @@ var defaultContextValue = {
   hooks: {},
   pages: {}
 };
-var DashboardOverridesContext = React33.createContext(defaultContextValue);
+var DashboardOverridesContext = React14.createContext(defaultContextValue);
 var DashboardOverridesProvider = ({
   overrides = defaultContextValue,
   children
 }) => {
-  const normalizedOverrides = React33.useMemo(() => {
+  const normalizedOverrides = React14.useMemo(() => {
     return {
       components: overrides.components || {},
       hooks: overrides.hooks || {},
@@ -452,19 +452,19 @@ var DashboardOverridesProvider = ({
   return /* @__PURE__ */ jsxRuntime.jsx(DashboardOverridesContext.Provider, { value: normalizedOverrides, children });
 };
 function useComponentOverride(key, Default) {
-  const { components = {} } = React33.useContext(DashboardOverridesContext);
+  const { components = {} } = React14.useContext(DashboardOverridesContext);
   return components[key] ?? Default;
 }
 function useHookOverride(key, Default) {
-  const { hooks = {} } = React33.useContext(DashboardOverridesContext);
+  const { hooks = {} } = React14.useContext(DashboardOverridesContext);
   return hooks[key] ?? Default;
 }
 function usePageOverride(key, Default) {
-  const { pages = {} } = React33.useContext(DashboardOverridesContext);
+  const { pages = {} } = React14.useContext(DashboardOverridesContext);
   return pages[key] ?? Default;
 }
 function useOverrides() {
-  return React33.useContext(DashboardOverridesContext);
+  return React14.useContext(DashboardOverridesContext);
 }
 
 // src/lib/internal/supabaseClientInstance.ts
@@ -480,17 +480,17 @@ var _getSupabaseInstance = () => {
   }
   return supabaseInstance;
 };
-var SupabaseContext = React33.createContext(void 0);
+var SupabaseContext = React14.createContext(void 0);
 var SupabaseProvider = ({ client, children }) => {
   _setSupabaseInstance(client);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     _setSupabaseInstance(client);
   }, [client]);
-  const contextValue = React33.useMemo(() => ({ supabase: client }), [client]);
+  const contextValue = React14.useMemo(() => ({ supabase: client }), [client]);
   return /* @__PURE__ */ jsxRuntime.jsx(SupabaseContext.Provider, { value: contextValue, children });
 };
 var useSupabase = () => {
-  const context = React33.useContext(SupabaseContext);
+  const context = React14.useContext(SupabaseContext);
   if (context === void 0) {
     throw new Error("useSupabase must be used within a SupabaseProvider.");
   }
@@ -533,10 +533,10 @@ var useWorkspaceMetrics = (workspaceId) => {
   const entityConfig = useEntityConfig();
   useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const [workspaceMetrics, setWorkspaceMetrics] = React33.useState(null);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchWorkspaceMetrics = React33.useCallback(async () => {
+  const [workspaceMetrics, setWorkspaceMetrics] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchWorkspaceMetrics = React14.useCallback(async () => {
     try {
       const operationalDate = getOperationalDate(dateTimeConfig.defaultTimezone);
       const { data, error: fetchError } = await supabase.from("overview_workspace_metrics").select("*").eq("workspace_id", workspaceId).eq("date", operationalDate).single();
@@ -549,7 +549,7 @@ var useWorkspaceMetrics = (workspaceId) => {
       setIsLoading(false);
     }
   }, [supabase, workspaceId, dateTimeConfig.defaultTimezone]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     let channels = [];
     const operationalDate = getOperationalDate(dateTimeConfig.defaultTimezone);
     const setupSubscriptions = () => {
@@ -602,10 +602,10 @@ var useWorkspaceMetrics = (workspaceId) => {
 var useLineMetrics = (lineId) => {
   const supabase = useSupabase();
   const dateTimeConfig = useDateTimeConfig();
-  const [lineMetrics, setLineMetrics] = React33.useState(null);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchLineMetrics = React33.useCallback(async () => {
+  const [lineMetrics, setLineMetrics] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchLineMetrics = React14.useCallback(async () => {
     try {
       const operationalDate = getOperationalDate(dateTimeConfig.defaultTimezone);
       const { data, error: fetchError } = await supabase.from("overview_line_metrics").select("*").eq("line_id", lineId).eq("date", operationalDate).single();
@@ -618,7 +618,7 @@ var useLineMetrics = (lineId) => {
       setIsLoading(false);
     }
   }, [supabase, lineId, dateTimeConfig.defaultTimezone]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     let channels = [];
     const operationalDate = getOperationalDate(dateTimeConfig.defaultTimezone);
     const setupSubscriptions = () => {
@@ -668,11 +668,11 @@ var useLineMetrics = (lineId) => {
 var useMetrics = (tableName, options) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
-  const [data, setData] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const channelRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const [data, setData] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const channelRef = React14.useRef(null);
+  React14.useEffect(() => {
     const fetchData = async () => {
       try {
         setIsLoading(true);
@@ -845,13 +845,13 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
   const shiftConfig = useShiftConfig();
   const workspaceConfig = useWorkspaceConfig();
   const supabase = useSupabase();
-  const [metrics2, setMetrics] = React33.useState(null);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const updateQueueRef = React33.useRef(false);
-  const isFetchingRef = React33.useRef(false);
-  const timeoutRef = React33.useRef(null);
-  const channelRef = React33.useRef(null);
+  const [metrics2, setMetrics] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const updateQueueRef = React14.useRef(false);
+  const isFetchingRef = React14.useRef(false);
+  const timeoutRef = React14.useRef(null);
+  const channelRef = React14.useRef(null);
   const schema = databaseConfig.schema ?? "public";
   const companyId = entityConfig.companyId || "";
   const metricsTablePrefix = getMetricsTablePrefix();
@@ -859,7 +859,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
   const defaultTimezone = dateTimeConfig.defaultTimezone;
   const workspaceMetricsBaseTable = databaseConfig.tables?.workspaces ?? "workspace_metrics";
   const workspaceActionsTable = databaseConfig.tables?.actions ?? "workspace_actions";
-  const fetchMetrics = React33.useCallback(async () => {
+  const fetchMetrics = React14.useCallback(async () => {
     if (!workspaceId || isFetchingRef.current) return;
     try {
       isFetchingRef.current = true;
@@ -878,6 +878,63 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
         if (recentData) {
           console.log(`[useWorkspaceDetailedMetrics] Found fallback data from date: ${recentData.date}, shift: ${recentData.shift_id}`);
           const outputDifference2 = (recentData.total_output || 0) - (recentData.ideal_output || 0);
+          const workspaceMatch2 = recentData.workspace_name?.match(/WS(\d+)/);
+          const workspaceNumber2 = workspaceMatch2 ? parseInt(workspaceMatch2[1]) : 0;
+          const specialWsStart2 = workspaceConfig.specialWorkspaces?.startId ?? 19;
+          const specialWsEnd2 = workspaceConfig.specialWorkspaces?.endId ?? 34;
+          const isSpecialWorkspace2 = workspaceNumber2 >= specialWsStart2 && workspaceNumber2 <= specialWsEnd2;
+          const outputHourly2 = recentData.output_hourly || {};
+          const hasOutputHourlyData2 = outputHourly2 && typeof outputHourly2 === "object" && Object.keys(outputHourly2).length > 0;
+          let hourlyActionCounts2 = [];
+          if (hasOutputHourlyData2) {
+            console.log("Using new output_hourly column for workspace (fallback):", recentData.workspace_name);
+            console.log("Raw output_hourly data (fallback):", outputHourly2);
+            const isNightShift = recentData.shift_id === 1;
+            const shiftStart = recentData.shift_start || (isNightShift ? "22:00" : "06:00");
+            const shiftEnd = recentData.shift_end || (isNightShift ? "06:00" : "14:00");
+            const startHour = parseInt(shiftStart.split(":")[0]);
+            let expectedHours = [];
+            if (isNightShift) {
+              for (let i = 0; i < 9; i++) {
+                expectedHours.push((startHour + i) % 24);
+              }
+            } else {
+              for (let i = 0; i < 9; i++) {
+                expectedHours.push((startHour + i) % 24);
+              }
+            }
+            console.log("Expected shift hours (fallback):", expectedHours);
+            console.log("Available data hours (fallback):", Object.keys(outputHourly2));
+            hourlyActionCounts2 = expectedHours.map((expectedHour) => {
+              let hourData = outputHourly2[expectedHour.toString()];
+              if (!hourData && isNightShift) {
+                for (const [storedHour, data2] of Object.entries(outputHourly2)) {
+                  if (Array.isArray(data2) && data2.length > 0 && data2.some((val) => val > 0)) {
+                    if (storedHour === "18" && expectedHour === 1) {
+                      hourData = data2;
+                      console.log(`Mapping stored hour ${storedHour} to expected hour ${expectedHour} (fallback)`);
+                      break;
+                    }
+                  }
+                }
+              }
+              return Array.isArray(hourData) ? hourData.reduce((sum, count) => sum + (count || 0), 0) : 0;
+            });
+            console.log("Final hourly action counts (fallback):", hourlyActionCounts2);
+          } else {
+            console.log("Using output_array fallback for workspace (fallback):", recentData.workspace_name);
+            const minuteByMinuteArray = recentData.output_array || [];
+            if (isSpecialWorkspace2) {
+              const last40Readings = minuteByMinuteArray.slice(Math.max(0, minuteByMinuteArray.length - 40));
+              hourlyActionCounts2 = last40Readings;
+            } else {
+              for (let i = 0; i < minuteByMinuteArray.length; i += 60) {
+                const hourSlice = minuteByMinuteArray.slice(i, Math.min(i + 60, minuteByMinuteArray.length));
+                const hourlySum = hourSlice.reduce((sum, count) => sum + count, 0);
+                hourlyActionCounts2.push(hourlySum);
+              }
+            }
+          }
           const transformedData2 = {
             workspace_id: recentData.workspace_id,
             workspace_name: recentData.workspace_name,
@@ -898,12 +955,14 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
             ideal_cycle_time: recentData.ideal_cycle_time || 0,
             avg_efficiency: recentData.efficiency || 0,
             total_actions: recentData.total_output || 0,
-            hourly_action_counts: recentData.output_array || [],
+            hourly_action_counts: hourlyActionCounts2,
+            // Now uses the NEW logic with fallback
             workspace_rank: recentData.workspace_rank || 0,
             total_workspaces: recentData.total_workspaces || workspaceConfig.totalWorkspaces || 42,
             ideal_output_until_now: recentData.ideal_output || 0,
             output_difference: outputDifference2,
             idle_time: recentData.idle_time || 0,
+            idle_time_hourly: recentData.idle_time_hourly || void 0,
             ...recentData.compliance_efficiency !== void 0 && { compliance_efficiency: recentData.compliance_efficiency },
             ...recentData.sop_check !== void 0 && { sop_check: recentData.sop_check }
           };
@@ -930,17 +989,66 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       const specialWsStart = workspaceConfig.specialWorkspaces?.startId ?? 19;
       const specialWsEnd = workspaceConfig.specialWorkspaces?.endId ?? 34;
       const isSpecialWorkspace = workspaceNumber >= specialWsStart && workspaceNumber <= specialWsEnd;
-      const minuteByMinuteArray = data.output_array || [];
+      const outputHourly = data.output_hourly || {};
+      console.log("[DEBUG] Raw data.output_hourly:", data.output_hourly);
+      console.log("[DEBUG] outputHourly after || {}:", outputHourly);
+      console.log("[DEBUG] typeof outputHourly:", typeof outputHourly);
+      console.log("[DEBUG] Object.keys(outputHourly):", Object.keys(outputHourly));
+      console.log("[DEBUG] Object.keys(outputHourly).length:", Object.keys(outputHourly).length);
+      const hasOutputHourlyData = outputHourly && typeof outputHourly === "object" && Object.keys(outputHourly).length > 0;
+      console.log("[DEBUG] hasOutputHourlyData:", hasOutputHourlyData);
       let hourlyActionCounts = [];
-      if (isSpecialWorkspace) {
-        const last40Readings = minuteByMinuteArray.slice(Math.max(0, minuteByMinuteArray.length - 40));
-        hourlyActionCounts = last40Readings;
+      if (hasOutputHourlyData) {
+        console.log("\u2705 Using new output_hourly column for workspace:", data.workspace_name);
+        console.log("Raw output_hourly data:", JSON.stringify(outputHourly));
+        const isNightShift = data.shift_id === 1;
+        const shiftStart = data.shift_start || (isNightShift ? "22:00" : "06:00");
+        const shiftEnd = data.shift_end || (isNightShift ? "06:00" : "14:00");
+        const startHour = parseInt(shiftStart.split(":")[0]);
+        let expectedHours = [];
+        if (isNightShift) {
+          for (let i = 0; i < 9; i++) {
+            expectedHours.push((startHour + i) % 24);
+          }
+        } else {
+          for (let i = 0; i < 9; i++) {
+            expectedHours.push((startHour + i) % 24);
+          }
+        }
+        console.log("Expected shift hours:", expectedHours);
+        console.log("Available data hours:", Object.keys(outputHourly));
+        hourlyActionCounts = expectedHours.map((expectedHour) => {
+          let hourData = outputHourly[expectedHour.toString()];
+          if (!hourData && isNightShift) {
+            for (const [storedHour, data2] of Object.entries(outputHourly)) {
+              if (Array.isArray(data2) && data2.length > 0 && data2.some((val) => val > 0)) {
+                if (storedHour === "18" && expectedHour === 1) {
+                  hourData = data2;
+                  console.log(`Mapping stored hour ${storedHour} to expected hour ${expectedHour}`);
+                  break;
+                }
+              }
+            }
+          }
+          return Array.isArray(hourData) ? hourData.reduce((sum, count) => sum + (count || 0), 0) : 0;
+        });
+        console.log("Final hourly action counts:", hourlyActionCounts);
       } else {
-        for (let i = 0; i < minuteByMinuteArray.length; i += 60) {
-          const hourSlice = minuteByMinuteArray.slice(i, Math.min(i + 60, minuteByMinuteArray.length));
-          const hourlySum = hourSlice.reduce((sum, count) => sum + count, 0);
-          hourlyActionCounts.push(hourlySum);
+        console.log("\u274C Using output_array fallback for workspace:", data.workspace_name);
+        console.log("[DEBUG] Fallback reason - hasOutputHourlyData is false");
+        console.log("[DEBUG] data.output_hourly was:", data.output_hourly);
+        const minuteByMinuteArray = data.output_array || [];
+        if (isSpecialWorkspace) {
+          const last40Readings = minuteByMinuteArray.slice(Math.max(0, minuteByMinuteArray.length - 40));
+          hourlyActionCounts = last40Readings;
+        } else {
+          for (let i = 0; i < minuteByMinuteArray.length; i += 60) {
+            const hourSlice = minuteByMinuteArray.slice(i, Math.min(i + 60, minuteByMinuteArray.length));
+            const hourlySum = hourSlice.reduce((sum, count) => sum + count, 0);
+            hourlyActionCounts.push(hourlySum);
+          }
         }
+        console.log("Final hourly action counts:", hourlyActionCounts);
       }
       const transformedData = {
         workspace_id: data.workspace_id,
@@ -969,6 +1077,8 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
         output_difference: outputDifference,
         idle_time: data.idle_time || 0,
         // Add idle_time from performance_metrics table
+        idle_time_hourly: data.idle_time_hourly || void 0,
+        // Add idle_time_hourly from performance_metrics table
         ...data.compliance_efficiency !== void 0 && { compliance_efficiency: data.compliance_efficiency },
         ...data.sop_check !== void 0 && { sop_check: data.sop_check }
       };
@@ -982,7 +1092,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       setIsLoading(false);
     }
   }, [supabase, workspaceId, date, shiftId, metricsTable, defaultTimezone, shiftConfig, workspaceConfig, companyId]);
-  const queueUpdate = React33.useCallback(() => {
+  const queueUpdate = React14.useCallback(() => {
     if (!workspaceId || updateQueueRef.current) return;
     updateQueueRef.current = true;
     if (timeoutRef.current) {
@@ -992,7 +1102,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       fetchMetrics();
     }, 500);
   }, [fetchMetrics, workspaceId]);
-  const setupSubscription = React33.useCallback(() => {
+  const setupSubscription = React14.useCallback(() => {
     if (!workspaceId) return;
     if (channelRef.current) {
       supabase.removeChannel(channelRef.current);
@@ -1013,7 +1123,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       console.log(`Workspace detailed metrics subscription status:`, status);
     });
   }, [supabase, workspaceId, fetchMetrics, schema, metricsTable, metricsTablePrefix]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!workspaceId) {
       setIsLoading(false);
       return;
@@ -1126,28 +1236,28 @@ var useLineWorkspaceMetrics = (lineId, options) => {
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const [workspaces, setWorkspaces] = React33.useState([]);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const [initialized, setInitialized] = React33.useState(false);
-  const queryShiftId = React33.useMemo(() => {
+  const [workspaces, setWorkspaces] = React14.useState([]);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const [initialized, setInitialized] = React14.useState(false);
+  const queryShiftId = React14.useMemo(() => {
     const currentShift = getCurrentShift(
       dateTimeConfig.defaultTimezone || "Asia/Kolkata",
       shiftConfig
     );
     return options?.initialShiftId !== void 0 ? options.initialShiftId : currentShift.shiftId;
   }, [options?.initialShiftId, dateTimeConfig.defaultTimezone, shiftConfig]);
-  const queryDate = React33.useMemo(() => {
+  const queryDate = React14.useMemo(() => {
     return options?.initialDate || getOperationalDate(dateTimeConfig.defaultTimezone);
   }, [options?.initialDate, dateTimeConfig.defaultTimezone]);
-  const metricsTable = React33.useMemo(() => {
+  const metricsTable = React14.useMemo(() => {
     const companyId = entityConfig.companyId;
     if (!companyId) return "";
     const metricsTablePrefix = getMetricsTablePrefix();
     return `${metricsTablePrefix}_${companyId.replace(/-/g, "_")}`;
   }, [entityConfig.companyId]);
   const schema = databaseConfig.schema ?? "public";
-  const fetchWorkspaceMetrics = React33.useCallback(async () => {
+  const fetchWorkspaceMetrics = React14.useCallback(async () => {
     if (!lineId) return;
     if (!initialized) {
       setLoading(true);
@@ -1198,7 +1308,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
       setLoading(false);
     }
   }, [lineId, queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!initialized) {
       fetchWorkspaceMetrics();
     }
@@ -1228,11 +1338,11 @@ var useLineWorkspaceMetrics = (lineId, options) => {
       }
     };
   }, [lineId, queryDate, queryShiftId, metricsTable, fetchWorkspaceMetrics, initialized, supabase, schema]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     setInitialized(false);
   }, [lineId, queryDate, queryShiftId]);
   const refreshWorkspaces = fetchWorkspaceMetrics;
-  return React33.useMemo(
+  return React14.useMemo(
     () => ({ workspaces, loading, error, refreshWorkspaces }),
     [workspaces, loading, error, refreshWorkspaces]
   );
@@ -1489,16 +1599,56 @@ var dashboardService = {
       const specialStart = workspaceConfig.specialWorkspaces?.startId ?? 19;
       const specialEnd = workspaceConfig.specialWorkspaces?.endId ?? 34;
       const isSpecialWorkspace = workspaceNumber >= specialStart && workspaceNumber <= specialEnd;
-      const minuteByMinuteArray = data.output_array || [];
+      const outputHourly = data.output_hourly || {};
+      const hasOutputHourlyData = outputHourly && typeof outputHourly === "object" && Object.keys(outputHourly).length > 0;
       let hourlyActionCounts = [];
-      if (isSpecialWorkspace) {
-        const numReadings = workspaceConfig.specialWorkspaces?.hourlyReadingsCount ?? 40;
-        hourlyActionCounts = minuteByMinuteArray.slice(-numReadings);
+      if (hasOutputHourlyData) {
+        console.log("Using new output_hourly column for workspace:", data.workspace_name);
+        console.log("Raw output_hourly data:", outputHourly);
+        const isNightShift = data.shift_id === 1;
+        const shiftStart = data.shift_start || (isNightShift ? "22:00" : "06:00");
+        const shiftEnd = data.shift_end || (isNightShift ? "06:00" : "14:00");
+        const startHour = parseInt(shiftStart.split(":")[0]);
+        let expectedHours = [];
+        if (isNightShift) {
+          for (let i = 0; i < 9; i++) {
+            expectedHours.push((startHour + i) % 24);
+          }
+        } else {
+          for (let i = 0; i < 9; i++) {
+            expectedHours.push((startHour + i) % 24);
+          }
+        }
+        console.log("Expected shift hours:", expectedHours);
+        console.log("Available data hours:", Object.keys(outputHourly));
+        hourlyActionCounts = expectedHours.map((expectedHour) => {
+          let hourData = outputHourly[expectedHour.toString()];
+          if (!hourData && isNightShift) {
+            for (const [storedHour, data2] of Object.entries(outputHourly)) {
+              if (Array.isArray(data2) && data2.length > 0 && data2.some((val) => val > 0)) {
+                if (storedHour === "18" && expectedHour === 1) {
+                  hourData = data2;
+                  console.log(`Mapping stored hour ${storedHour} to expected hour ${expectedHour}`);
+                  break;
+                }
+              }
+            }
+          }
+          return Array.isArray(hourData) ? hourData.reduce((sum, count) => sum + (count || 0), 0) : 0;
+        });
+        console.log("Final hourly action counts:", hourlyActionCounts);
       } else {
-        for (let i = 0; i < minuteByMinuteArray.length; i += 60) {
-          const hourSlice = minuteByMinuteArray.slice(i, Math.min(i + 60, minuteByMinuteArray.length));
-          const hourlySum = hourSlice.reduce((sum, count) => sum + (count ?? 0), 0);
-          hourlyActionCounts.push(hourlySum);
+        console.log("Using output_array fallback for workspace:", data.workspace_name);
+        const minuteByMinuteArray = data.output_array || [];
+        if (isSpecialWorkspace) {
+          const numReadings = workspaceConfig.specialWorkspaces?.hourlyReadingsCount ?? 40;
+          hourlyActionCounts = minuteByMinuteArray.slice(-numReadings);
+        } else {
+          for (let i = 0; i < minuteByMinuteArray.length; i += 60) {
+            const hourSlice = minuteByMinuteArray.slice(i, Math.min(i + 60, minuteByMinuteArray.length));
+            const hourlySum = hourSlice.reduce((sum, count) => sum + (count ?? 0), 0);
+            hourlyActionCounts.push(hourlySum);
+          }
         }
       }
       const transformedData = {
@@ -1527,6 +1677,7 @@ var dashboardService = {
         ideal_output_until_now: data.ideal_output || 0,
         output_difference: outputDifference,
         idle_time: data.idle_time || 0,
+        idle_time_hourly: data.idle_time_hourly || void 0,
         ...data.compliance_efficiency !== void 0 && { compliance_efficiency: data.compliance_efficiency },
         ...data.sop_check !== void 0 && { sop_check: data.sop_check }
       };
@@ -1874,10 +2025,10 @@ var dashboardService = {
 // src/lib/hooks/useHistoricWorkspaceMetrics.ts
 var useHistoricWorkspaceMetrics = (workspaceId, date, inputShiftId) => {
   useSupabase();
-  const [metrics2, setMetrics] = React33.useState(null);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchAndAnimateMetrics = React33.useCallback(async () => {
+  const [metrics2, setMetrics] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchAndAnimateMetrics = React14.useCallback(async () => {
     if (!workspaceId || !date || inputShiftId === void 0) {
       setMetrics(null);
       setIsLoading(false);
@@ -1935,10 +2086,10 @@ var useHistoricWorkspaceMetrics = (workspaceId, date, inputShiftId) => {
       setMetrics(null);
     }
   }, [workspaceId, date, inputShiftId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchAndAnimateMetrics();
   }, [fetchAndAnimateMetrics]);
-  const refetch = React33.useCallback(async () => {
+  const refetch = React14.useCallback(async () => {
     if (!workspaceId || !date || inputShiftId === void 0) {
       setError(null);
       return;
@@ -2949,15 +3100,15 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const [lineData, setLineData] = React33.useState(null);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const channelRef = React33.useRef(null);
+  const [lineData, setLineData] = React14.useState(null);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const channelRef = React14.useRef(null);
   const defaultTimezone = dateTimeConfig.defaultTimezone;
   const schema = databaseConfig.schema ?? "public";
   const lineMetricsTable = databaseConfig.tables?.lineMetrics ?? "line_metrics";
   const lineIdToUse = lineIdFromProp === "factory" ? entityConfig.factoryViewId || "factory" : lineIdFromProp;
-  const fetchData = React33.useCallback(async () => {
+  const fetchData = React14.useCallback(async () => {
     if (!dashboardService || !lineIdToUse) {
       setLoading(false);
       if (!dashboardService && lineIdToUse) {
@@ -2986,7 +3137,7 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
       setLoading(false);
     }
   }, [dashboardService, lineIdToUse, defaultTimezone, shiftConfig, entityConfig]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!supabase || !lineIdToUse || !entityConfig.companyId) {
       setLoading(false);
       if (!entityConfig.companyId && (!error || error.code !== "SERVICE_ERROR")) {
@@ -3068,15 +3219,15 @@ var useLeaderboardMetrics = (lineId, topCount = 10) => {
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const [topPerformers, setTopPerformers] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const companySpecificMetricsTable = React33.useMemo(() => {
+  const [topPerformers, setTopPerformers] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const companySpecificMetricsTable = React14.useMemo(() => {
     return getCompanyMetricsTableName(entityConfig.companyId);
   }, [entityConfig.companyId]);
   const schema = databaseConfig.schema ?? "public";
   const defaultTimezone = dateTimeConfig.defaultTimezone;
-  const fetchLeaderboardData = React33.useCallback(async () => {
+  const fetchLeaderboardData = React14.useCallback(async () => {
     if (!lineId || !supabase || companySpecificMetricsTable.includes("unknown_company")) {
       setIsLoading(false);
       if (companySpecificMetricsTable.includes("unknown_company")) {
@@ -3109,7 +3260,7 @@ var useLeaderboardMetrics = (lineId, topCount = 10) => {
       setIsLoading(false);
     }
   }, [supabase, lineId, topCount, companySpecificMetricsTable, defaultTimezone, shiftConfig]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!lineId || !supabase || companySpecificMetricsTable.includes("unknown_company")) {
       setIsLoading(false);
       if (error?.code !== "CONFIG_ERROR") setError(null);
@@ -3187,27 +3338,27 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const [metrics2, setMetrics] = React33.useState(() => getCache(lineId) || { workspaceMetrics: [], lineMetrics: [] });
-  const [isLoading, setIsLoading] = React33.useState(() => !getCache(lineId));
-  const [error, setError] = React33.useState(null);
-  const lineIdRef = React33.useRef(lineId);
-  const isFetchingRef = React33.useRef(false);
-  const updateQueueRef = React33.useRef(false);
-  const timeoutRef = React33.useRef(null);
-  const companySpecificMetricsTable = React33.useMemo(
+  const [metrics2, setMetrics] = React14.useState(() => getCache(lineId) || { workspaceMetrics: [], lineMetrics: [] });
+  const [isLoading, setIsLoading] = React14.useState(() => !getCache(lineId));
+  const [error, setError] = React14.useState(null);
+  const lineIdRef = React14.useRef(lineId);
+  const isFetchingRef = React14.useRef(false);
+  const updateQueueRef = React14.useRef(false);
+  const timeoutRef = React14.useRef(null);
+  const companySpecificMetricsTable = React14.useMemo(
     () => getCompanyMetricsTableName(entityConfig.companyId, "performance_metrics"),
     [entityConfig.companyId]
   );
   const configuredLineMetricsTable = databaseConfig.tables?.lineMetrics ?? "line_metrics";
   const schema = databaseConfig.schema ?? "public";
   const defaultTimezone = dateTimeConfig.defaultTimezone || "UTC";
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     lineIdRef.current = lineId;
     const cachedData = getCache(lineId);
     setMetrics(cachedData || { workspaceMetrics: [], lineMetrics: [] });
     setIsLoading(!cachedData);
   }, [lineId]);
-  const fetchAllMetrics = React33.useCallback(async () => {
+  const fetchAllMetrics = React14.useCallback(async () => {
     const currentLineIdToUse = lineIdRef.current;
     if (!currentLineIdToUse || !supabase || isFetchingRef.current || companySpecificMetricsTable.includes("unknown_company")) {
       if (!metrics2.workspaceMetrics.length && !metrics2.lineMetrics.length) setIsLoading(false);
@@ -3293,7 +3444,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
     defaultTimezone,
     shiftConfig
   ]);
-  const queueUpdate = React33.useCallback(() => {
+  const queueUpdate = React14.useCallback(() => {
     if (updateQueueRef.current || !supabase) {
       return;
     }
@@ -3305,12 +3456,12 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
       fetchAllMetrics();
     }, 500);
   }, [fetchAllMetrics, supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (lineId && supabase) {
       fetchAllMetrics();
     }
   }, [lineId, supabase, fetchAllMetrics]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const currentLineIdToUse = lineIdRef.current;
     if (!currentLineIdToUse || !supabase || companySpecificMetricsTable.includes("unknown_company") || !entityConfig.companyId) {
       return;
@@ -3410,27 +3561,27 @@ var useLineKPIs = ({ lineId }) => {
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const dashboardServiceInstance = React33.useMemo(() => {
+  const dashboardServiceInstance = React14.useMemo(() => {
     return dashboardService;
   }, []);
-  const [kpis, setKPIs] = React33.useState(() => getCache2(lineId));
-  const [isLoading, setIsLoading] = React33.useState(!getCache2(lineId));
-  const [error, setError] = React33.useState(null);
-  const lineIdRef = React33.useRef(lineId);
-  const isFetchingRef = React33.useRef(false);
-  const updateQueueRef = React33.useRef(false);
-  const timeoutRef = React33.useRef(null);
+  const [kpis, setKPIs] = React14.useState(() => getCache2(lineId));
+  const [isLoading, setIsLoading] = React14.useState(!getCache2(lineId));
+  const [error, setError] = React14.useState(null);
+  const lineIdRef = React14.useRef(lineId);
+  const isFetchingRef = React14.useRef(false);
+  const updateQueueRef = React14.useRef(false);
+  const timeoutRef = React14.useRef(null);
   const defaultTimezone = dateTimeConfig.defaultTimezone;
   const schema = databaseConfig.schema ?? "public";
   const lineMetricsTable = databaseConfig.tables?.lineMetrics ?? "line_metrics";
-  const companySpecificMetricsTable = React33.useMemo(
+  const companySpecificMetricsTable = React14.useMemo(
     () => entityConfig.companyId ? getCompanyMetricsTableName(entityConfig.companyId, "workspace_performance") : null,
     [entityConfig.companyId]
   );
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     lineIdRef.current = lineId;
   }, [lineId]);
-  const fetchKPIs = React33.useCallback(async () => {
+  const fetchKPIs = React14.useCallback(async () => {
     const currentLineId = lineIdRef.current;
     if (!currentLineId || !dashboardServiceInstance || isFetchingRef.current) {
       if (!kpis && !isFetchingRef.current) setIsLoading(false);
@@ -3464,7 +3615,7 @@ var useLineKPIs = ({ lineId }) => {
       updateQueueRef.current = false;
     }
   }, [dashboardServiceInstance, kpis, defaultTimezone, shiftConfig, entityConfig.companyId]);
-  const queueUpdate = React33.useCallback(() => {
+  const queueUpdate = React14.useCallback(() => {
     if (updateQueueRef.current) return;
     updateQueueRef.current = true;
     if (timeoutRef.current) {
@@ -3474,7 +3625,7 @@ var useLineKPIs = ({ lineId }) => {
       fetchKPIs();
     }, 500);
   }, [fetchKPIs]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const currentLineId = lineIdRef.current;
     if (!currentLineId || !supabase || !dashboardServiceInstance) {
       if (!kpis) setIsLoading(false);
@@ -3557,23 +3708,23 @@ var useRealtimeLineMetrics = ({
   useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
-  const [metrics2, setMetrics] = React33.useState(null);
-  const [lineDetails, setLineDetails] = React33.useState(null);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const [initialized, setInitialized] = React33.useState(false);
-  const lineIdRef = React33.useRef(null);
-  const updateQueueRef = React33.useRef(false);
-  const timeoutRef = React33.useRef(null);
-  const isFetchingRef = React33.useRef(false);
-  const channelsRef = React33.useRef([]);
-  const currentShift = React33.useMemo(() => getCurrentShift(dateTimeConfig.defaultTimezone || "Asia/Kolkata", shiftConfig), [dateTimeConfig.defaultTimezone, shiftConfig]);
-  const shiftId = React33.useMemo(
+  const [metrics2, setMetrics] = React14.useState(null);
+  const [lineDetails, setLineDetails] = React14.useState(null);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const [initialized, setInitialized] = React14.useState(false);
+  const lineIdRef = React14.useRef(null);
+  const updateQueueRef = React14.useRef(false);
+  const timeoutRef = React14.useRef(null);
+  const isFetchingRef = React14.useRef(false);
+  const channelsRef = React14.useRef([]);
+  const currentShift = React14.useMemo(() => getCurrentShift(dateTimeConfig.defaultTimezone || "Asia/Kolkata", shiftConfig), [dateTimeConfig.defaultTimezone, shiftConfig]);
+  const shiftId = React14.useMemo(
     () => urlShiftId !== void 0 ? urlShiftId : currentShift.shiftId,
     [urlShiftId, currentShift.shiftId]
   );
-  const date = React33.useMemo(() => urlDate || getOperationalDate(dateTimeConfig.defaultTimezone), [urlDate, dateTimeConfig.defaultTimezone]);
-  const fetchData = React33.useCallback(async () => {
+  const date = React14.useMemo(() => urlDate || getOperationalDate(dateTimeConfig.defaultTimezone), [urlDate, dateTimeConfig.defaultTimezone]);
+  const fetchData = React14.useCallback(async () => {
     try {
       if (!lineIdRef.current || isFetchingRef.current) return;
       isFetchingRef.current = true;
@@ -3784,7 +3935,7 @@ var useRealtimeLineMetrics = ({
       isFetchingRef.current = false;
     }
   }, [supabase, date, shiftId, urlShiftId, onMetricsUpdate, entityConfig, dateTimeConfig.defaultTimezone]);
-  const queueUpdate = React33.useCallback(() => {
+  const queueUpdate = React14.useCallback(() => {
     if (updateQueueRef.current) return;
     updateQueueRef.current = true;
     if (timeoutRef.current) {
@@ -3794,7 +3945,7 @@ var useRealtimeLineMetrics = ({
       fetchData();
     }, 500);
   }, [fetchData]);
-  const setupSubscriptions = React33.useCallback(() => {
+  const setupSubscriptions = React14.useCallback(() => {
     if (channelsRef.current.length > 0) {
       channelsRef.current.forEach((channel) => {
         supabase.removeChannel(channel);
@@ -3864,7 +4015,7 @@ var useRealtimeLineMetrics = ({
     });
     channelsRef.current = [lineMetricsChannel, metricsChannel];
   }, [supabase, queueUpdate, urlDate, shiftId, entityConfig, dateTimeConfig.defaultTimezone]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!lineId) return;
     lineIdRef.current = lineId;
     if (!initialized) {
@@ -3885,10 +4036,10 @@ var useRealtimeLineMetrics = ({
       }
     };
   }, [lineId, fetchData, setupSubscriptions, initialized, supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     setInitialized(false);
   }, [lineId, date, shiftId]);
-  return React33.useMemo(() => ({
+  return React14.useMemo(() => ({
     metrics: metrics2,
     lineDetails,
     loading,
@@ -3900,11 +4051,11 @@ var DEFAULT_TARGETS_TABLE_NAME = "targets";
 var useTargets = (options) => {
   const { companyId } = useEntityConfig();
   const supabase = useSupabase();
-  const [targets, setTargets] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [targets, setTargets] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const targetsTable = DEFAULT_TARGETS_TABLE_NAME;
-  const fetchData = React33.useCallback(async () => {
+  const fetchData = React14.useCallback(async () => {
     if (!supabase) {
       setError({ message: "Supabase client not initialized.", code: "CLIENT_INIT_ERROR" });
       setIsLoading(false);
@@ -3948,7 +4099,7 @@ var useTargets = (options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, targetsTable, options]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -3963,15 +4114,15 @@ var useShifts = () => {
   const { supabaseUrl, supabaseKey } = useDashboardConfig();
   const { companyId } = useEntityConfig();
   const { tables } = useDatabaseConfig();
-  const [shifts, setShifts] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const supabase = React33.useMemo(() => {
+  const [shifts, setShifts] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const supabase = React14.useMemo(() => {
     if (!supabaseUrl || !supabaseKey) return null;
     return supabaseJs.createClient(supabaseUrl, supabaseKey);
   }, [supabaseUrl, supabaseKey]);
   const shiftsTable = tables?.shiftConfigurations || DEFAULT_SHIFTS_TABLE_NAME;
-  const fetchData = React33.useCallback(async () => {
+  const fetchData = React14.useCallback(async () => {
     if (!supabase) {
       setError({ message: "Supabase client not initialized.", code: "CLIENT_INIT_ERROR" });
       setIsLoading(false);
@@ -4000,7 +4151,7 @@ var useShifts = () => {
       setIsLoading(false);
     }
   }, [supabase, companyId, shiftsTable]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4014,11 +4165,11 @@ var DEFAULT_OPERATORS_TABLE_NAME = "workspace_operator_assignments";
 var useWorkspaceOperators = (workspaceId, options) => {
   const { companyId } = useEntityConfig();
   const supabase = useSupabase();
-  const [operators, setOperators] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [operators, setOperators] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const operatorsTable = DEFAULT_OPERATORS_TABLE_NAME;
-  const fetchData = React33.useCallback(async () => {
+  const fetchData = React14.useCallback(async () => {
     if (!workspaceId) {
       setError({ message: "Workspace ID is required.", code: "MISSING_PARAM" });
       setIsLoading(false);
@@ -4060,7 +4211,7 @@ var useWorkspaceOperators = (workspaceId, options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, workspaceId, operatorsTable, options]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4101,7 +4252,7 @@ function useThreads() {
     revalidateOnFocus: false,
     revalidateOnReconnect: true
   });
-  const createThread = React33.useCallback(async (title) => {
+  const createThread = React14.useCallback(async (title) => {
     const { data: { session } } = await supabase.auth.getSession();
     if (!session?.user) throw new Error("Not authenticated");
     const user = session.user;
@@ -4123,7 +4274,7 @@ function useThreads() {
     mutate([data, ...threads], false);
     return data;
   }, [supabase, threads, mutate]);
-  const deleteThread2 = React33.useCallback(async (threadId) => {
+  const deleteThread2 = React14.useCallback(async (threadId) => {
     const { error: error2 } = await supabase.schema("ai").from("chat_threads").delete().eq("id", threadId);
     if (error2) throw error2;
     mutate(threads.filter((t) => t.id !== threadId), false);
@@ -4139,10 +4290,10 @@ function useThreads() {
 }
 function useMessages(threadId) {
   const supabase = _getSupabaseInstance();
-  const [messages, setMessages] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  React33.useEffect(() => {
+  const [messages, setMessages] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  React14.useEffect(() => {
     if (!threadId) {
       setMessages([]);
       setIsLoading(false);
@@ -4164,7 +4315,7 @@ function useMessages(threadId) {
     };
     loadMessages();
   }, [threadId, supabase]);
-  const addMessage = React33.useCallback(async (message) => {
+  const addMessage = React14.useCallback(async (message) => {
     const maxPosition = messages.reduce((max, msg) => Math.max(max, msg.position), -1);
     const { data, error: insertError } = await supabase.schema("ai").from("chat_messages").insert([{
       ...message,
@@ -4173,7 +4324,7 @@ function useMessages(threadId) {
     if (insertError) throw insertError;
     return data;
   }, [supabase, messages]);
-  const updateMessage = React33.useCallback(async (id3, content) => {
+  const updateMessage = React14.useCallback(async (id3, content) => {
     const { error: updateError } = await supabase.schema("ai").from("chat_messages").update({ content }).eq("id", id3);
     if (updateError) throw updateError;
   }, [supabase]);
@@ -4192,14 +4343,14 @@ var useFactoryOverviewMetrics = (options) => {
   const { defaultTimezone } = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const supabase = useSupabase();
-  const [factoryOverview, setFactoryOverview] = React33.useState(null);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [factoryOverview, setFactoryOverview] = React14.useState(null);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const overviewTable = DEFAULT_FACTORY_OVERVIEW_TABLE_NAME;
   const determinedDate = options?.date;
   const determinedShiftId = options?.shiftId;
   const targetFactoryId = options?.factoryId || entityFactoryId;
-  const fetchData = React33.useCallback(async () => {
+  const fetchData = React14.useCallback(async () => {
     if (!supabase) {
       setError({ message: "Supabase client not initialized.", code: "CLIENT_INIT_ERROR" });
       setIsLoading(false);
@@ -4238,7 +4389,7 @@ var useFactoryOverviewMetrics = (options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, targetFactoryId, overviewTable, determinedDate, determinedShiftId, defaultTimezone, shiftConfig]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4313,8 +4464,26 @@ async function initializeWorkspaceDisplayNames(explicitLineId) {
     isInitializing = false;
   }
 }
+var preInitializeWorkspaceDisplayNames = async (lineId) => {
+  console.log("\u{1F504} preInitializeWorkspaceDisplayNames called for lineId:", lineId);
+  if (isInitialized || isInitializing) {
+    console.log("\u{1F504} Already initialized or initializing, skipping pre-init");
+    return;
+  }
+  await initializeWorkspaceDisplayNames(lineId);
+};
+var forceRefreshWorkspaceDisplayNames = async (lineId) => {
+  console.log("\u{1F504} forceRefreshWorkspaceDisplayNames called for lineId:", lineId);
+  clearWorkspaceDisplayNamesCache();
+  await initializeWorkspaceDisplayNames(lineId);
+};
 console.log("\u{1F504} Module loaded, will initialize lazily when first function is called");
 var getWorkspaceDisplayName = (workspaceId, lineId) => {
+  if (!isInitialized && !isInitializing) {
+    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}) - Not initialized, triggering lazy init...`);
+  } else if (isInitializing) {
+    console.log(`\u{1F504} [DEBUG] getWorkspaceDisplayName(${workspaceId}) - Currently initializing...`);
+  }
   if (!isInitialized && !isInitializing) {
     console.log("\u{1F504} Lazy initialization triggered by getWorkspaceDisplayName");
     initializeWorkspaceDisplayNames(lineId).catch((error) => {
@@ -4398,14 +4567,15 @@ var clearWorkspaceDisplayNamesCache = () => {
   workspaceService.clearWorkspaceDisplayNamesCache();
   runtimeWorkspaceDisplayNames = {};
   isInitialized = false;
+  isInitializing = false;
 };
 
 // src/lib/hooks/useWorkspaceDisplayNames.ts
 var useWorkspaceDisplayNames = (companyId, lineId) => {
-  const [displayNames, setDisplayNames] = React33.useState({});
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchDisplayNames = React33.useCallback(async () => {
+  const [displayNames, setDisplayNames] = React14.useState({});
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchDisplayNames = React14.useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -4417,7 +4587,7 @@ var useWorkspaceDisplayNames = (companyId, lineId) => {
       setLoading(false);
     }
   }, [companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayNames();
   }, [fetchDisplayNames]);
   return {
@@ -4428,10 +4598,10 @@ var useWorkspaceDisplayNames = (companyId, lineId) => {
   };
 };
 var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
-  const [displayName, setDisplayName] = React33.useState(workspaceId);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchDisplayName = React33.useCallback(async () => {
+  const [displayName, setDisplayName] = React14.useState(workspaceId);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchDisplayName = React14.useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -4444,7 +4614,7 @@ var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
       setLoading(false);
     }
   }, [workspaceId, companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayName();
   }, [fetchDisplayName]);
   return {
@@ -4455,10 +4625,10 @@ var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
   };
 };
 var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
-  const [displayNames, setDisplayNames] = React33.useState({});
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const fetchDisplayNames = React33.useCallback(async () => {
+  const [displayNames, setDisplayNames] = React14.useState({});
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const fetchDisplayNames = React14.useCallback(async () => {
     try {
       setLoading(true);
       setError(null);
@@ -4474,7 +4644,7 @@ var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
       setLoading(false);
     }
   }, [workspaceIds, companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayNames();
   }, [fetchDisplayNames]);
   return {
@@ -4485,9 +4655,9 @@ var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
   };
 };
 var useActiveBreaks = (lineIds) => {
-  const [activeBreaks, setActiveBreaks] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [activeBreaks, setActiveBreaks] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const supabase = useSupabase();
   const parseTimeToMinutes2 = (timeStr) => {
     const [hours, minutes] = timeStr.split(":").map(Number);
@@ -4534,7 +4704,7 @@ var useActiveBreaks = (lineIds) => {
       return currentMinutes >= dayStartMinutes && currentMinutes < nightStartMinutes ? "day" : "night";
     }
   };
-  const checkActiveBreaks = React33.useCallback(async () => {
+  const checkActiveBreaks = React14.useCallback(async () => {
     try {
       setError(null);
       if (!lineIds || lineIds.length === 0) {
@@ -4599,7 +4769,7 @@ var useActiveBreaks = (lineIds) => {
       setIsLoading(false);
     }
   }, [lineIds, supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     checkActiveBreaks();
     const interval = setInterval(checkActiveBreaks, 6e4);
     return () => clearInterval(interval);
@@ -4618,18 +4788,18 @@ function useNavigation(customNavigate) {
   const pathname = router$1.pathname;
   const query = router$1.query;
   const isReady = router$1.isReady;
-  const isActive = React33.useCallback((path) => {
+  const isActive = React14.useCallback((path) => {
     const normalizedPath = path.endsWith("/") ? path.slice(0, -1) : path;
     const normalizedPathname = pathname.endsWith("/") ? pathname.slice(0, -1) : pathname;
     return normalizedPathname === normalizedPath;
   }, [pathname]);
-  const isInSection = React33.useCallback((path) => {
+  const isInSection = React14.useCallback((path) => {
     return pathname.startsWith(path);
   }, [pathname]);
-  const goToDashboard = React33.useCallback(() => {
+  const goToDashboard = React14.useCallback(() => {
     router$1.push("/");
   }, [router$1]);
-  const goToWorkspace = React33.useCallback(({ workspaceId, date, shift, sourceType }) => {
+  const goToWorkspace = React14.useCallback(({ workspaceId, date, shift, sourceType }) => {
     const queryParams = {};
     if (date) queryParams.date = date;
     if (shift !== void 0) queryParams.shift = String(shift);
@@ -4639,7 +4809,7 @@ function useNavigation(customNavigate) {
       query: queryParams
     });
   }, [router$1]);
-  const goToLine = React33.useCallback(({ lineId, date, shift, tab }) => {
+  const goToLine = React14.useCallback(({ lineId, date, shift, tab }) => {
     const queryParams = {};
     if (date) queryParams.date = date;
     if (shift !== void 0) queryParams.shift = String(shift);
@@ -4649,42 +4819,42 @@ function useNavigation(customNavigate) {
       query: queryParams
     });
   }, [router$1]);
-  const goToTargets = React33.useCallback(() => {
+  const goToTargets = React14.useCallback(() => {
     router$1.push("/targets");
   }, [router$1]);
-  const goToShifts = React33.useCallback(() => {
+  const goToShifts = React14.useCallback(() => {
     router$1.push("/shifts");
   }, [router$1]);
-  const goToLeaderboard = React33.useCallback(() => {
+  const goToLeaderboard = React14.useCallback(() => {
     const lineId = entityConfig?.defaultLineId || "line-1";
     router$1.push(`/leaderboard/${lineId}`);
   }, [router$1, entityConfig?.defaultLineId]);
-  const goToFactoryView = React33.useCallback(() => {
+  const goToFactoryView = React14.useCallback(() => {
     router$1.push("/factory-view");
   }, [router$1]);
-  const goToProfile = React33.useCallback(() => {
+  const goToProfile = React14.useCallback(() => {
     router$1.push("/profile");
   }, [router$1]);
-  const isLineView = React33.useMemo(() => {
+  const isLineView = React14.useMemo(() => {
     return pathname.startsWith("/kpis/") && !!router$1.query.lineId;
   }, [pathname, router$1.query.lineId]);
-  const isWorkspaceView = React33.useMemo(() => {
+  const isWorkspaceView = React14.useMemo(() => {
     return pathname.startsWith("/workspace/") && !!router$1.query.id;
   }, [pathname, router$1.query.id]);
   const defaultLineIdFromConfig = entityConfig?.defaultLineId;
-  const activeLineId = React33.useMemo(() => {
+  const activeLineId = React14.useMemo(() => {
     if (isLineView && typeof router$1.query.lineId === "string") {
       return router$1.query.lineId;
     }
     return defaultLineIdFromConfig;
   }, [isLineView, router$1.query.lineId, defaultLineIdFromConfig]);
-  const activeWorkspaceId = React33.useMemo(() => {
+  const activeWorkspaceId = React14.useMemo(() => {
     if (isWorkspaceView && typeof router$1.query.id === "string") {
       return router$1.query.id;
     }
     return null;
   }, [isWorkspaceView, router$1.query.id]);
-  const navigate = React33.useCallback(
+  const navigate = React14.useCallback(
     async (path, options) => {
       if (options?.trackingEvent) {
         trackCoreEvent(options.trackingEvent.name, options.trackingEvent.properties);
@@ -4733,7 +4903,7 @@ function useNavigation(customNavigate) {
 }
 function useWorkspaceNavigation() {
   const { defaultTimezone } = useDateTimeConfig();
-  const getWorkspaceNavigationParams3 = React33.useCallback(
+  const getWorkspaceNavigationParams3 = React14.useCallback(
     (workspaceId, options) => {
       let dateToUse = options?.date;
       if (!dateToUse && options?.useCurrentDate) {
@@ -4754,7 +4924,7 @@ function useWorkspaceNavigation() {
 }
 function useDateFormatter() {
   const { defaultTimezone, defaultLocale, dateFormatOptions, timeFormatOptions, dateTimeFormatOptions } = useDateTimeConfig();
-  const formatDate = React33.useCallback(
+  const formatDate = React14.useCallback(
     (date, formatString) => {
       const dateObj = typeof date === "string" ? dateFns.parseISO(date) : date;
       if (!dateFns.isValid(dateObj)) return "Invalid Date";
@@ -4767,7 +4937,7 @@ function useDateFormatter() {
     },
     [defaultTimezone, defaultLocale, dateFormatOptions]
   );
-  const formatTime2 = React33.useCallback(
+  const formatTime2 = React14.useCallback(
     (date, formatString) => {
       const dateObj = typeof date === "string" ? dateFns.parseISO(date) : date;
       if (!dateFns.isValid(dateObj)) return "Invalid Time";
@@ -4780,7 +4950,7 @@ function useDateFormatter() {
     },
     [defaultTimezone, defaultLocale, timeFormatOptions]
   );
-  const formatDateTime = React33.useCallback(
+  const formatDateTime = React14.useCallback(
     (date, formatString) => {
       const dateObj = typeof date === "string" ? dateFns.parseISO(date) : date;
       if (!dateFns.isValid(dateObj)) return "Invalid Date/Time";
@@ -4793,7 +4963,7 @@ function useDateFormatter() {
     },
     [defaultTimezone, defaultLocale, dateTimeFormatOptions]
   );
-  const getNow = React33.useCallback(() => {
+  const getNow = React14.useCallback(() => {
     return /* @__PURE__ */ new Date();
   }, []);
   return {
@@ -4807,7 +4977,7 @@ function useDateFormatter() {
 }
 var useFormatNumber = () => {
   const { defaultLocale } = useDateTimeConfig();
-  const formatNumber = React33.useCallback(
+  const formatNumber = React14.useCallback(
     (value, options) => {
       try {
         return new Intl.NumberFormat(defaultLocale || "en-US", options).format(value);
@@ -4867,14 +5037,14 @@ var HLS_CONFIG = {
   // Follow live edge aggressively
 };
 function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
-  const [restartKey, setRestartKey] = React33.useState(0);
-  const hlsRef = React33.useRef(null);
-  const stallCheckIntervalRef = React33.useRef(null);
-  const noProgressTimerRef = React33.useRef(null);
-  const lastTimeUpdateRef = React33.useRef(0);
-  const softRestartCountRef = React33.useRef(0);
-  const isNativeHlsRef = React33.useRef(false);
-  const waitingTimerRef = React33.useRef(null);
+  const [restartKey, setRestartKey] = React14.useState(0);
+  const hlsRef = React14.useRef(null);
+  const stallCheckIntervalRef = React14.useRef(null);
+  const noProgressTimerRef = React14.useRef(null);
+  const lastTimeUpdateRef = React14.useRef(0);
+  const softRestartCountRef = React14.useRef(0);
+  const isNativeHlsRef = React14.useRef(false);
+  const waitingTimerRef = React14.useRef(null);
   const cleanup = () => {
     if (stallCheckIntervalRef.current) {
       clearInterval(stallCheckIntervalRef.current);
@@ -4996,7 +5166,7 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
       }
     }, 7e3);
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!src || !shouldPlay) {
       cleanup();
       return;
@@ -8015,7 +8185,7 @@ var formatIdleTime = (idleTimeInSeconds) => {
 };
 function useSupabaseClient() {
   const { supabaseUrl, supabaseKey } = useDashboardConfig();
-  const supabase = React33.useMemo(() => supabaseJs.createClient(supabaseUrl, supabaseKey), [supabaseUrl, supabaseKey]);
+  const supabase = React14.useMemo(() => supabaseJs.createClient(supabaseUrl, supabaseKey), [supabaseUrl, supabaseKey]);
   return supabase;
 }
 var createSupabaseClient = (url, key) => supabaseJs.createClient(url, key, {
@@ -8050,23 +8220,23 @@ var getAnonClient = () => {
     }
   });
 };
-var LayoutGroupContext = React33.createContext({});
+var LayoutGroupContext = React14.createContext({});
 function useConstant(init) {
-  const ref = React33.useRef(null);
+  const ref = React14.useRef(null);
   if (ref.current === null) {
     ref.current = init();
   }
   return ref.current;
 }
-var PresenceContext = React33.createContext(null);
-var MotionConfigContext = React33.createContext({
+var PresenceContext = React14.createContext(null);
+var MotionConfigContext = React14.createContext({
   transformPagePoint: (p) => p,
   isStatic: false,
   reducedMotion: "never"
 });
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
-var PopChildMeasure = class extends React33__namespace.Component {
+var PopChildMeasure = class extends React14__namespace.Component {
   getSnapshotBeforeUpdate(prevProps) {
     const element = this.props.childRef.current;
     if (element && prevProps.isPresent && !this.props.isPresent) {
@@ -8088,16 +8258,16 @@ var PopChildMeasure = class extends React33__namespace.Component {
   }
 };
 function PopChild({ children, isPresent }) {
-  const id3 = React33.useId();
-  const ref = React33.useRef(null);
-  const size = React33.useRef({
+  const id3 = React14.useId();
+  const ref = React14.useRef(null);
+  const size = React14.useRef({
     width: 0,
     height: 0,
     top: 0,
     left: 0
   });
-  const { nonce } = React33.useContext(MotionConfigContext);
-  React33.useInsertionEffect(() => {
+  const { nonce } = React14.useContext(MotionConfigContext);
+  React14.useInsertionEffect(() => {
     const { width, height, top, left } = size.current;
     if (isPresent || !ref.current || !width || !height)
       return;
@@ -8121,14 +8291,14 @@ function PopChild({ children, isPresent }) {
       document.head.removeChild(style);
     };
   }, [isPresent]);
-  return jsxRuntime.jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React33__namespace.cloneElement(children, { ref }) });
+  return jsxRuntime.jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, children: React14__namespace.cloneElement(children, { ref }) });
 }
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
 var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode }) => {
   const presenceChildren = useConstant(newChildrenMap);
-  const id3 = React33.useId();
-  const memoizedOnExitComplete = React33.useCallback((childId) => {
+  const id3 = React14.useId();
+  const memoizedOnExitComplete = React14.useCallback((childId) => {
     presenceChildren.set(childId, true);
     for (const isComplete of presenceChildren.values()) {
       if (!isComplete)
@@ -8136,7 +8306,7 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
     }
     onExitComplete && onExitComplete();
   }, [presenceChildren, onExitComplete]);
-  const context = React33.useMemo(
+  const context = React14.useMemo(
     () => ({
       id: id3,
       initial,
@@ -8155,10 +8325,10 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
      */
     presenceAffectsLayout ? [Math.random(), memoizedOnExitComplete] : [isPresent, memoizedOnExitComplete]
   );
-  React33.useMemo(() => {
+  React14.useMemo(() => {
     presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
   }, [isPresent]);
-  React33__namespace.useEffect(() => {
+  React14__namespace.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
   }, [isPresent]);
   if (mode === "popLayout") {
@@ -8170,23 +8340,23 @@ function newChildrenMap() {
   return /* @__PURE__ */ new Map();
 }
 function usePresence(subscribe = true) {
-  const context = React33.useContext(PresenceContext);
+  const context = React14.useContext(PresenceContext);
   if (context === null)
     return [true, null];
   const { isPresent, onExitComplete, register } = context;
-  const id3 = React33.useId();
-  React33.useEffect(() => {
+  const id3 = React14.useId();
+  React14.useEffect(() => {
     if (subscribe)
       register(id3);
   }, [subscribe]);
-  const safeToRemove = React33.useCallback(() => subscribe && onExitComplete && onExitComplete(id3), [id3, onExitComplete, subscribe]);
+  const safeToRemove = React14.useCallback(() => subscribe && onExitComplete && onExitComplete(id3), [id3, onExitComplete, subscribe]);
   return !isPresent && onExitComplete ? [false, safeToRemove] : [true];
 }
 var getChildKey = (child) => child.key || "";
 function onlyElements(children) {
   const filtered = [];
-  React33.Children.forEach(children, (child) => {
-    if (React33.isValidElement(child))
+  React14.Children.forEach(children, (child) => {
+    if (React14.isValidElement(child))
       filtered.push(child);
   });
   return filtered;
@@ -8196,18 +8366,18 @@ function onlyElements(children) {
 var isBrowser = typeof window !== "undefined";
 
 // ../../node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
-var useIsomorphicLayoutEffect = isBrowser ? React33.useLayoutEffect : React33.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? React14.useLayoutEffect : React14.useEffect;
 
 // ../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
 var AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", propagate = false }) => {
   const [isParentPresent, safeToRemove] = usePresence(propagate);
-  const presentChildren = React33.useMemo(() => onlyElements(children), [children]);
+  const presentChildren = React14.useMemo(() => onlyElements(children), [children]);
   const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);
-  const isInitialRender = React33.useRef(true);
-  const pendingPresentChildren = React33.useRef(presentChildren);
+  const isInitialRender = React14.useRef(true);
+  const pendingPresentChildren = React14.useRef(presentChildren);
   const exitComplete = useConstant(() => /* @__PURE__ */ new Map());
-  const [diffedChildren, setDiffedChildren] = React33.useState(presentChildren);
-  const [renderedChildren, setRenderedChildren] = React33.useState(presentChildren);
+  const [diffedChildren, setDiffedChildren] = React14.useState(presentChildren);
+  const [renderedChildren, setRenderedChildren] = React14.useState(presentChildren);
   useIsomorphicLayoutEffect(() => {
     isInitialRender.current = false;
     pendingPresentChildren.current = presentChildren;
@@ -8243,7 +8413,7 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
   if (process.env.NODE_ENV !== "production" && mode === "wait" && renderedChildren.length > 1) {
     console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
   }
-  const { forceRender } = React33.useContext(LayoutGroupContext);
+  const { forceRender } = React14.useContext(LayoutGroupContext);
   return jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderedChildren.map((child) => {
     const key = getChildKey(child);
     const isPresent = propagate && !isParentPresent ? false : presentChildren === renderedChildren || presentKeys.includes(key);
@@ -8410,7 +8580,7 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
 
 // ../../node_modules/framer-motion/dist/es/frameloop/frame.mjs
 var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : motionUtils.noop, true);
-var LazyContext = React33.createContext({ strict: false });
+var LazyContext = React14.createContext({ strict: false });
 
 // ../../node_modules/framer-motion/dist/es/motion/features/definitions.mjs
 var featureProps = {
@@ -8548,7 +8718,7 @@ function createDOMMotionComponentProxy(componentFactory) {
     }
   });
 }
-var MotionContext = React33.createContext({});
+var MotionContext = React14.createContext({});
 
 // ../../node_modules/framer-motion/dist/es/render/utils/is-variant-label.mjs
 function isVariantLabel(v) {
@@ -8594,8 +8764,8 @@ function getCurrentTreeVariants(props, context) {
 
 // ../../node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
 function useCreateMotionContext(props) {
-  const { initial, animate } = getCurrentTreeVariants(props, React33.useContext(MotionContext));
-  return React33.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
+  const { initial, animate } = getCurrentTreeVariants(props, React14.useContext(MotionContext));
+  return React14.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
 }
 function variantLabelsAsDependency(prop) {
   return Array.isArray(prop) ? prop.join(" ") : prop;
@@ -8611,7 +8781,7 @@ function isRefObject(ref) {
 
 // ../../node_modules/framer-motion/dist/es/motion/utils/use-motion-ref.mjs
 function useMotionRef(visualState, visualElement, externalRef) {
-  return React33.useCallback(
+  return React14.useCallback(
     (instance) => {
       if (instance) {
         visualState.onMount && visualState.onMount(instance);
@@ -8649,16 +8819,16 @@ var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
 
 // ../../node_modules/framer-motion/dist/es/frameloop/microtask.mjs
 var { schedule: microtask} = createRenderBatcher(queueMicrotask, false);
-var SwitchLayoutGroupContext = React33.createContext({});
+var SwitchLayoutGroupContext = React14.createContext({});
 
 // ../../node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
 function useVisualElement(Component3, visualState, props, createVisualElement, ProjectionNodeConstructor) {
   var _a, _b;
-  const { visualElement: parent } = React33.useContext(MotionContext);
-  const lazyContext = React33.useContext(LazyContext);
-  const presenceContext = React33.useContext(PresenceContext);
-  const reducedMotionConfig = React33.useContext(MotionConfigContext).reducedMotion;
-  const visualElementRef = React33.useRef(null);
+  const { visualElement: parent } = React14.useContext(MotionContext);
+  const lazyContext = React14.useContext(LazyContext);
+  const presenceContext = React14.useContext(PresenceContext);
+  const reducedMotionConfig = React14.useContext(MotionConfigContext).reducedMotion;
+  const visualElementRef = React14.useRef(null);
   createVisualElement = createVisualElement || lazyContext.renderer;
   if (!visualElementRef.current && createVisualElement) {
     visualElementRef.current = createVisualElement(Component3, {
@@ -8671,18 +8841,18 @@ function useVisualElement(Component3, visualState, props, createVisualElement, P
     });
   }
   const visualElement = visualElementRef.current;
-  const initialLayoutGroupConfig = React33.useContext(SwitchLayoutGroupContext);
+  const initialLayoutGroupConfig = React14.useContext(SwitchLayoutGroupContext);
   if (visualElement && !visualElement.projection && ProjectionNodeConstructor && (visualElement.type === "html" || visualElement.type === "svg")) {
     createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);
   }
-  const isMounted = React33.useRef(false);
-  React33.useInsertionEffect(() => {
+  const isMounted = React14.useRef(false);
+  React14.useInsertionEffect(() => {
     if (visualElement && isMounted.current) {
       visualElement.update(props, presenceContext);
     }
   });
   const optimisedAppearId = props[optimizedAppearDataAttribute];
-  const wantsHandoff = React33.useRef(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
+  const wantsHandoff = React14.useRef(Boolean(optimisedAppearId) && !((_a = window.MotionHandoffIsComplete) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)) && ((_b = window.MotionHasOptimisedAnimation) === null || _b === void 0 ? void 0 : _b.call(window, optimisedAppearId)));
   useIsomorphicLayoutEffect(() => {
     if (!visualElement)
       return;
@@ -8694,7 +8864,7 @@ function useVisualElement(Component3, visualState, props, createVisualElement, P
       visualElement.animationState.animateChanges();
     }
   });
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!visualElement)
       return;
     if (!wantsHandoff.current && visualElement.animationState) {
@@ -8744,7 +8914,7 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
   function MotionComponent(props, externalRef) {
     let MeasureLayout2;
     const configAndProps = {
-      ...React33.useContext(MotionConfigContext),
+      ...React14.useContext(MotionConfigContext),
       ...props,
       layoutId: useLayoutId(props)
     };
@@ -8760,16 +8930,16 @@ function createRendererMotionComponent({ preloadedFeatures, createVisualElement,
     return jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsxRuntime.jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component3, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, context.visualElement)] });
   }
   MotionComponent.displayName = `motion.${typeof Component3 === "string" ? Component3 : `create(${(_b = (_a = Component3.displayName) !== null && _a !== void 0 ? _a : Component3.name) !== null && _b !== void 0 ? _b : ""})`}`;
-  const ForwardRefMotionComponent = React33.forwardRef(MotionComponent);
+  const ForwardRefMotionComponent = React14.forwardRef(MotionComponent);
   ForwardRefMotionComponent[motionComponentSymbol] = Component3;
   return ForwardRefMotionComponent;
 }
 function useLayoutId({ layoutId }) {
-  const layoutGroupId = React33.useContext(LayoutGroupContext).id;
+  const layoutGroupId = React14.useContext(LayoutGroupContext).id;
   return layoutGroupId && layoutId !== void 0 ? layoutGroupId + "-" + layoutId : layoutId;
 }
 function useStrictMode(configAndProps, preloadedFeatures) {
-  const isStrict = React33.useContext(LazyContext).strict;
+  const isStrict = React14.useContext(LazyContext).strict;
   if (process.env.NODE_ENV !== "production" && preloadedFeatures && isStrict) {
     const strictMessage = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
     configAndProps.ignoreStrict ? motionUtils.warning(false, strictMessage) : motionUtils.invariant(false, strictMessage);
@@ -8901,8 +9071,8 @@ function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps3,
   return state;
 }
 var makeUseVisualState = (config) => (props, isStatic) => {
-  const context = React33.useContext(MotionContext);
-  const presenceContext = React33.useContext(PresenceContext);
+  const context = React14.useContext(MotionContext);
+  const presenceContext = React14.useContext(PresenceContext);
   const make = () => makeState(config, props, context, presenceContext);
   return isStatic ? make() : useConstant(make);
 };
@@ -9428,7 +9598,7 @@ function copyRawValuesOnly(target, source, props) {
   }
 }
 function useInitialMotionValues({ transformTemplate }, visualState) {
-  return React33.useMemo(() => {
+  return React14.useMemo(() => {
     const state = createHtmlRenderState();
     buildHTMLStyles(state, visualState, transformTemplate);
     return Object.assign({}, state.vars, state.style);
@@ -9456,7 +9626,7 @@ function useHTMLProps(props, visualState) {
   return htmlProps;
 }
 function useSVGProps(props, visualState, _isStatic, Component3) {
-  const visualProps = React33.useMemo(() => {
+  const visualProps = React14.useMemo(() => {
     const state = createSvgRenderState();
     buildSVGAttrs(state, visualState, isSVGTag(Component3), props.transformTemplate);
     return {
@@ -9478,10 +9648,10 @@ function createUseRender(forwardMotionProps = false) {
     const useVisualProps = isSVGComponent(Component3) ? useSVGProps : useHTMLProps;
     const visualProps = useVisualProps(props, latestValues, isStatic, Component3);
     const filteredProps = filterProps(props, typeof Component3 === "string", forwardMotionProps);
-    const elementProps = Component3 !== React33.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
+    const elementProps = Component3 !== React14.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
     const { children } = props;
-    const renderedChildren = React33.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
-    return React33.createElement(Component3, {
+    const renderedChildren = React14.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
+    return React14.createElement(Component3, {
       ...elementProps,
       children: renderedChildren
     });
@@ -13180,7 +13350,7 @@ var correctBoxShadow = {
 };
 
 // ../../node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs
-var MeasureLayoutWithContext = class extends React33.Component {
+var MeasureLayoutWithContext = class extends React14.Component {
   /**
    * This only mounts projection nodes for components that
    * need measuring, we might want to do it for all components
@@ -13264,8 +13434,8 @@ var MeasureLayoutWithContext = class extends React33.Component {
 };
 function MeasureLayout(props) {
   const [isPresent, safeToRemove] = usePresence();
-  const layoutGroup = React33.useContext(LayoutGroupContext);
-  return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React33.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
+  const layoutGroup = React14.useContext(LayoutGroupContext);
+  return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React14.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
 }
 var defaultScaleCorrectors = {
   borderRadius: {
@@ -15389,7 +15559,7 @@ var SVGVisualElement = class extends DOMVisualElement {
 // ../../node_modules/framer-motion/dist/es/render/dom/create-visual-element.mjs
 var createDomVisualElement = (Component3, options) => {
   return isSVGComponent(Component3) ? new SVGVisualElement(options) : new HTMLVisualElement(options, {
-    allowProjection: Component3 !== React33.Fragment
+    allowProjection: Component3 !== React14.Fragment
   });
 };
 
@@ -15427,7 +15597,7 @@ var LoadingPage = ({
   subMessage = "Please wait while we prepare your data",
   className
 }) => {
-  React33__namespace.default.useEffect(() => {
+  React14__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.");
@@ -15470,10 +15640,10 @@ var withAuth = (WrappedComponent2, options) => {
   return function WithAuthComponent(props) {
     const { session, loading } = useAuth();
     const router$1 = router.useRouter();
-    React33__namespace.useEffect(() => {
+    React14__namespace.useEffect(() => {
       console.log("withAuth state:", { loading, hasSession: !!session, requireAuth: defaultOptions.requireAuth });
     }, [session, loading]);
-    React33__namespace.useEffect(() => {
+    React14__namespace.useEffect(() => {
       if (!loading && defaultOptions.requireAuth && !session) {
         console.log("Redirecting to login from withAuth");
         router$1.replace(defaultOptions.redirectTo);
@@ -15494,12 +15664,12 @@ var LoginPage = ({
   logoAlt = "Optifye",
   brandName = "Optifye"
 }) => {
-  const [email, setEmail] = React33.useState("");
-  const [otp, setOtp] = React33.useState("");
-  const [step, setStep] = React33.useState("email");
-  const [loading, setLoading] = React33.useState(false);
-  const [error, setError] = React33.useState(null);
-  const [countdown, setCountdown] = React33.useState(0);
+  const [email, setEmail] = React14.useState("");
+  const [otp, setOtp] = React14.useState("");
+  const [step, setStep] = React14.useState("email");
+  const [loading, setLoading] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const [countdown, setCountdown] = React14.useState(0);
   const supabase = useSupabase();
   const router$1 = router.useRouter();
   const handleSendOTP = async (e) => {
@@ -15689,7 +15859,7 @@ var AuthCallback = ({
 }) => {
   const router$1 = router.useRouter();
   const supabase = useSupabase();
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleAuthCallback = async () => {
       try {
         const { data: { session }, error } = await supabase.auth.getSession();
@@ -15713,7 +15883,7 @@ var AuthCallback = ({
   return /* @__PURE__ */ jsxRuntime.jsx(LoadingPage, { message: "Completing sign in..." });
 };
 var DebugAuth = () => {
-  const [debugInfo, setDebugInfo] = React33.useState({});
+  const [debugInfo, setDebugInfo] = React14.useState({});
   const supabase = useSupabase();
   const checkSupabaseConfig = () => {
     const info = {
@@ -16160,10 +16330,10 @@ var CycleTimeOverTimeChart = ({
   };
   const displayData = getDisplayData(data);
   const DURATION = displayData.length;
-  const [animatedData, setAnimatedData] = React33__namespace.default.useState(Array(DURATION).fill(0));
-  const prevDataRef = React33__namespace.default.useRef(Array(DURATION).fill(0));
-  const animationFrameRef = React33__namespace.default.useRef(null);
-  const animateToNewData = React33__namespace.default.useCallback((targetData) => {
+  const [animatedData, setAnimatedData] = React14__namespace.default.useState(Array(DURATION).fill(0));
+  const prevDataRef = React14__namespace.default.useRef(Array(DURATION).fill(0));
+  const animationFrameRef = React14__namespace.default.useRef(null);
+  const animateToNewData = React14__namespace.default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -16193,7 +16363,7 @@ var CycleTimeOverTimeChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React33__namespace.default.useEffect(() => {
+  React14__namespace.default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const processedData = getDisplayData(data);
       animateToNewData(processedData);
@@ -16417,7 +16587,7 @@ var CycleTimeOverTimeChart = ({
     renderLegend()
   ] });
 };
-var Card = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Card = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -16429,7 +16599,7 @@ var Card = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardHeader = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -16438,7 +16608,7 @@ var CardHeader = React33__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardTitle = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "h3",
   {
     ref,
@@ -16450,7 +16620,7 @@ var CardTitle = React33__namespace.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardDescription = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "p",
   {
     ref,
@@ -16459,9 +16629,9 @@ var CardDescription = React33__namespace.forwardRef(({ className, ...props }, re
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var CardFooter = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
     ref,
@@ -16537,7 +16707,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React33__namespace.forwardRef(
+var Button = React14__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16568,10 +16738,30 @@ var HourlyOutputChart = ({
   };
   const shiftStartTime = getTimeFromTimeString(shiftStart);
   const SHIFT_DURATION = 11;
-  const [animatedData, setAnimatedData] = React33__namespace.default.useState(Array(SHIFT_DURATION).fill(0));
-  const prevDataRef = React33__namespace.default.useRef(Array(SHIFT_DURATION).fill(0));
-  const animationFrameRef = React33__namespace.default.useRef(null);
-  const animateToNewData = React33__namespace.default.useCallback((targetData) => {
+  const [animatedData, setAnimatedData] = React14__namespace.default.useState(Array(SHIFT_DURATION).fill(0));
+  const prevDataRef = React14__namespace.default.useRef(Array(SHIFT_DURATION).fill(0));
+  const animationFrameRef = React14__namespace.default.useRef(null);
+  const [shouldAnimateIdle, setShouldAnimateIdle] = React14__namespace.default.useState(false);
+  const prevShowIdleTimeRef = React14__namespace.default.useRef(showIdleTime);
+  const animationTimeoutRef = React14__namespace.default.useRef(null);
+  React14__namespace.default.useEffect(() => {
+    if (showIdleTime && !prevShowIdleTimeRef.current) {
+      setShouldAnimateIdle(true);
+      if (animationTimeoutRef.current) {
+        clearTimeout(animationTimeoutRef.current);
+      }
+      animationTimeoutRef.current = setTimeout(() => {
+        setShouldAnimateIdle(false);
+      }, 1e3);
+    }
+    prevShowIdleTimeRef.current = showIdleTime;
+    return () => {
+      if (animationTimeoutRef.current) {
+        clearTimeout(animationTimeoutRef.current);
+      }
+    };
+  }, [showIdleTime]);
+  const animateToNewData = React14__namespace.default.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     const startTime = performance.now();
     const duration = 1200;
@@ -16601,7 +16791,7 @@ var HourlyOutputChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React33__namespace.default.useEffect(() => {
+  React14__namespace.default.useEffect(() => {
     if (JSON.stringify(data) !== JSON.stringify(prevDataRef.current)) {
       const shiftData = data.slice(0, SHIFT_DURATION);
       animateToNewData(shiftData);
@@ -16612,7 +16802,7 @@ var HourlyOutputChart = ({
       }
     };
   }, [data, animateToNewData]);
-  const formatHour = (hourIndex) => {
+  const formatHour = React14__namespace.default.useCallback((hourIndex) => {
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
     const startMinute = Math.round(startDecimalHour % 1 * 60);
@@ -16628,8 +16818,8 @@ var HourlyOutputChart = ({
       return `${hour12}:${m.toString().padStart(2, "0")}${period}`;
     };
     return `${formatTime2(startHour, startMinute)}-${formatTime2(endHour, endMinute)}`;
-  };
-  const formatTimeRange = (hourIndex) => {
+  }, [shiftStartTime.decimalHour]);
+  const formatTimeRange = React14__namespace.default.useCallback((hourIndex) => {
     const startDecimalHour = shiftStartTime.decimalHour + hourIndex;
     const startHour = Math.floor(startDecimalHour) % 24;
     const startMinute = Math.round(startDecimalHour % 1 * 60);
@@ -16642,22 +16832,24 @@ var HourlyOutputChart = ({
       return `${hour12}:${m.toString().padStart(2, "0")} ${period}`;
     };
     return `${formatTime2(startHour, startMinute)} - ${formatTime2(endHour, endMinute)}`;
-  };
-  const chartData = Array.from({ length: SHIFT_DURATION }, (_, i) => {
-    const actualHour = (shiftStartTime.hour + i) % 24;
-    const idleArray = idleTimeHourly?.[actualHour.toString()] || [];
-    const idleMinutes = idleArray.filter((val) => val === "1").length;
-    return {
-      hour: formatHour(i),
-      timeRange: formatTimeRange(i),
-      output: animatedData[i] || 0,
-      originalOutput: data[i] || 0,
-      // Keep original data for labels
-      color: (animatedData[i] || 0) >= Math.round(pphThreshold) ? "#00AB45" : "#E34329",
-      idleMinutes,
-      idleArray
-    };
-  });
+  }, [shiftStartTime.decimalHour]);
+  const chartData = React14__namespace.default.useMemo(() => {
+    return Array.from({ length: SHIFT_DURATION }, (_, i) => {
+      const actualHour = (shiftStartTime.hour + i) % 24;
+      const idleArray = idleTimeHourly?.[actualHour.toString()] || [];
+      const idleMinutes = idleArray.filter((val) => val === "1").length;
+      return {
+        hour: formatHour(i),
+        timeRange: formatTimeRange(i),
+        output: animatedData[i] || 0,
+        originalOutput: data[i] || 0,
+        // Keep original data for labels
+        color: (animatedData[i] || 0) >= Math.round(pphThreshold) ? "#00AB45" : "#E34329",
+        idleMinutes,
+        idleArray
+      };
+    });
+  }, [animatedData, data, pphThreshold, idleTimeHourly, shiftStartTime.hour, formatHour, formatTimeRange]);
   const maxYValue = Math.ceil(pphThreshold * 1.5);
   const generateYAxisTicks = () => {
     const targetValue = Math.round(pphThreshold);
@@ -16750,10 +16942,10 @@ var HourlyOutputChart = ({
               contentStyle: {
                 backgroundColor: "white",
                 border: "none",
-                borderRadius: "8px",
-                boxShadow: "0 4px 12px rgba(0,0,0,0.1)",
-                padding: "8px 12px",
-                fontSize: "13px"
+                borderRadius: "12px",
+                boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+                padding: "0",
+                fontSize: "14px"
               },
               content: (props) => {
                 if (!props.active || !props.payload || props.payload.length === 0) return null;
@@ -16787,48 +16979,54 @@ var HourlyOutputChart = ({
                   const hour12 = hour === 0 ? 12 : hour > 12 ? hour - 12 : hour;
                   return `${hour12}:${minute.toString().padStart(2, "0")} ${period}`;
                 };
-                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-lg shadow-lg p-3 min-w-[180px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-700 mb-2", children: data2.timeRange }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-600", children: [
-                    "Output: ",
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-gray-800", children: [
-                      Math.round(data2.output),
-                      " units"
-                    ] })
-                  ] }),
-                  showIdleTime && data2.idleMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-gray-600 mb-1 border-t pt-1 mt-1", children: [
-                      "Idle Time: ",
-                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-gray-700", children: [
-                        data2.idleMinutes,
-                        " minutes"
+                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 min-w-[220px]", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between mb-3", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-gray-900 text-sm", children: data2.timeRange }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: "Output" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-gray-900 text-sm", children: [
+                        Math.round(data2.output),
+                        " units"
                       ] })
                     ] }),
-                    idleRanges.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-gray-600 mb-1", children: "Idle periods:" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5 max-h-32 overflow-y-auto", children: idleRanges.map((range, index) => {
-                        const duration = range.end - range.start + 1;
-                        const startTime = formatIdleTimestamp(range.start);
-                        const endTime = formatIdleTimestamp(range.end + 1);
-                        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-gray-500 flex items-center gap-1", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-1 h-1 bg-gray-400 rounded-full" }),
-                          duration === 1 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                            startTime,
-                            " ",
-                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: "(1 min)" })
-                          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                            startTime,
-                            " - ",
-                            endTime,
-                            " ",
-                            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-400", children: [
-                              "(",
-                              duration,
-                              " min)"
-                            ] })
-                          ] })
-                        ] }, index);
-                      }) })
+                    showIdleTime && data2.idleMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-gray-100 pt-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-500", children: "Idle Time" }),
+                        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-orange-600 text-sm", children: [
+                          data2.idleMinutes,
+                          " minutes"
+                        ] })
+                      ] }) }),
+                      idleRanges.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 bg-gray-50 rounded-lg p-2.5", children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-gray-700 text-xs mb-2", children: "Idle periods:" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 max-h-32 overflow-y-auto pr-1", children: idleRanges.map((range, index) => {
+                          const duration = range.end - range.start + 1;
+                          const startTime = formatIdleTimestamp(range.start);
+                          const endTime = formatIdleTimestamp(range.end + 1);
+                          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-gray-600 flex items-center gap-2 text-xs", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-1.5 h-1.5 bg-orange-400 rounded-full flex-shrink-0" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { children: duration === 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              startTime,
+                              " ",
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-400", children: [
+                                "(",
+                                duration,
+                                " min)"
+                              ] })
+                            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                              startTime,
+                              " - ",
+                              endTime,
+                              " ",
+                              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-400", children: [
+                                "(",
+                                duration,
+                                " min)"
+                              ] })
+                            ] }) })
+                          ] }, index);
+                        }) })
+                      ] })
                     ] })
                   ] })
                 ] });
@@ -16918,10 +17116,40 @@ var HourlyOutputChart = ({
               radius: [10, 10, 0, 0],
               fill: "url(#idlePattern)",
               opacity: 0.7,
-              isAnimationActive: true,
-              animationBegin: 200,
-              animationDuration: 800,
-              animationEasing: "ease-out"
+              isAnimationActive: shouldAnimateIdle,
+              animationBegin: shouldAnimateIdle ? 200 : 0,
+              animationDuration: shouldAnimateIdle ? 800 : 0,
+              animationEasing: "ease-out",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.LabelList,
+                {
+                  dataKey: "idleMinutes",
+                  position: "top",
+                  content: (props) => {
+                    const { x, y, width, value } = props;
+                    if (!value || value === 0) return null;
+                    return /* @__PURE__ */ jsxRuntime.jsxs(
+                      "text",
+                      {
+                        x: x + width / 2,
+                        y: y - 2,
+                        textAnchor: "middle",
+                        fontSize: "9",
+                        fontWeight: "600",
+                        fill: "#6b7280",
+                        style: {
+                          opacity: 1,
+                          pointerEvents: "none"
+                        },
+                        children: [
+                          value,
+                          "m"
+                        ]
+                      }
+                    );
+                  }
+                }
+              )
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("pattern", { id: "idlePattern", patternUnits: "userSpaceOnUse", width: "4", height: "4", children: [
@@ -16944,9 +17172,9 @@ var defaults = {
   Button,
   HourlyOutputChart
 };
-var RegistryCtx = React33.createContext(defaults);
+var RegistryCtx = React14.createContext(defaults);
 var useRegistry = () => {
-  const context = React33.useContext(RegistryCtx);
+  const context = React14.useContext(RegistryCtx);
   if (!context) {
     throw new Error("useRegistry must be used within a RegistryProvider");
   }
@@ -17024,10 +17252,10 @@ var SOPComplianceChart = ({
     { length: TOTAL_MINUTES },
     () => Math.floor(Math.random() * 10) + 90
   );
-  const [animatedData, setAnimatedData] = React33.useState([]);
-  const prevDataRef = React33.useRef([]);
-  const animationFrameRef = React33.useRef(null);
-  const animateToNewData = React33.useCallback((targetData) => {
+  const [animatedData, setAnimatedData] = React14.useState([]);
+  const prevDataRef = React14.useRef([]);
+  const animationFrameRef = React14.useRef(null);
+  const animateToNewData = React14.useCallback((targetData) => {
     const startData = [...prevDataRef.current];
     while (startData.length < targetData.length) {
       startData.push(startData.length > 0 ? startData[startData.length - 1] : 0);
@@ -17059,7 +17287,7 @@ var SOPComplianceChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (data.length === 0) {
       if (prevDataRef.current.length === 0) {
         animateToNewData(mockData);
@@ -17315,8 +17543,8 @@ var DateTimeDisplay = ({
     defaultTimezone
   } = useDateTimeConfig();
   const { formatDate, formatTime: formatTime2 } = useDateFormatter();
-  const [now2, setNow] = React33.useState(() => getCurrentTimeInZone(defaultTimezone || "UTC"));
-  React33.useEffect(() => {
+  const [now2, setNow] = React14.useState(() => getCurrentTimeInZone(defaultTimezone || "UTC"));
+  React14.useEffect(() => {
     const timerId = setInterval(() => {
       setNow(getCurrentTimeInZone(defaultTimezone || "UTC"));
     }, 1e3);
@@ -17350,7 +17578,7 @@ var EmptyStateMessage = ({
   iconClassName
 }) => {
   let IconContent = null;
-  if (React33__namespace.default.isValidElement(iconType)) {
+  if (React14__namespace.default.isValidElement(iconType)) {
     IconContent = iconType;
   } else if (typeof iconType === "string") {
     const MappedIcon = IconMap[iconType];
@@ -17441,15 +17669,15 @@ var BreakNotificationPopup = ({
   className = "",
   lineNames = {}
 }) => {
-  const [isDismissed, setIsDismissed] = React33.useState(false);
-  const [currentTime, setCurrentTime] = React33.useState(/* @__PURE__ */ new Date());
-  React33.useEffect(() => {
+  const [isDismissed, setIsDismissed] = React14.useState(false);
+  const [currentTime, setCurrentTime] = React14.useState(/* @__PURE__ */ new Date());
+  React14.useEffect(() => {
     const timer = setInterval(() => {
       setCurrentTime(/* @__PURE__ */ new Date());
     }, 6e4);
     return () => clearInterval(timer);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (activeBreaks.length > 0) {
       setIsDismissed(false);
     }
@@ -17572,7 +17800,7 @@ var BaseHistoryCalendar = ({
   className,
   dayCellClassName
 }) => {
-  const today = React33.useMemo(() => /* @__PURE__ */ new Date(), []);
+  const today = React14.useMemo(() => /* @__PURE__ */ new Date(), []);
   const Day = (dayProps) => {
     const { day, modifiers, ...divProps } = dayProps;
     const date = day.date;
@@ -17652,7 +17880,7 @@ var BaseHistoryCalendar = ({
     }
   );
 };
-var ShiftDisplay = React33.memo(({ className, variant = "default" }) => {
+var ShiftDisplay = React14.memo(({ className, variant = "default" }) => {
   const { dateTimeConfig, shiftConfig } = useDashboardConfig();
   const getShiftInfo = () => {
     const tz = dateTimeConfig?.defaultTimezone;
@@ -17674,8 +17902,8 @@ var ShiftDisplay = React33.memo(({ className, variant = "default" }) => {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z" }) });
     }
   };
-  const [currentShiftText, setCurrentShiftText] = React33.useState(getShiftInfo());
-  React33.useEffect(() => {
+  const [currentShiftText, setCurrentShiftText] = React14.useState(getShiftInfo());
+  React14.useEffect(() => {
     setCurrentShiftText(getShiftInfo());
     const interval = setInterval(() => {
       setCurrentShiftText(getShiftInfo());
@@ -17706,11 +17934,11 @@ ShiftDisplay.displayName = "ShiftDisplay";
 var ShiftDisplay_default = ShiftDisplay;
 var TimeDisplay = ({ className, variant = "default" }) => {
   const { dateTimeConfig } = useDashboardConfig();
-  const [time2, setTime] = React33.useState("");
+  const [time2, setTime] = React14.useState("");
   const timezoneToDisplay = dateTimeConfig?.defaultTimezone || "UTC";
   const localeToUse = dateTimeConfig?.defaultLocale || "en-US";
   const timeSuffix = "";
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const updateTime = () => {
       const now2 = /* @__PURE__ */ new Date();
       const effectiveFormatOptions = {
@@ -17761,7 +17989,7 @@ var TimeDisplay = ({ className, variant = "default" }) => {
 };
 var TimeDisplay_default = TimeDisplay;
 var TimeDisplay2 = TimeDisplay_default;
-var ISTTimer = React33.memo(() => {
+var ISTTimer = React14.memo(() => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     TimeDisplay2,
     {
@@ -17785,8 +18013,8 @@ var LinePdfExportButton = ({
   html2canvasOptions,
   jsPdfOptions
 }) => {
-  const [isExporting, setIsExporting] = React33.useState(false);
-  const handleExport = React33.useCallback(async () => {
+  const [isExporting, setIsExporting] = React14.useState(false);
+  const handleExport = React14.useCallback(async () => {
     const elementToCapture = typeof targetElement === "string" ? document.querySelector(targetElement) : targetElement;
     if (!elementToCapture) {
       console.error("PDF Export Error: Target element not found.");
@@ -17868,11 +18096,11 @@ var LineHistoryCalendar = ({
   const router = useNavigation();
   const { dateTimeConfig } = useDashboardConfig();
   const configuredTimezone = dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
-  const todayInZone = React33.useMemo(() => {
+  const todayInZone = React14.useMemo(() => {
     const currentTimeInZone = getCurrentTimeInZone(configuredTimezone);
     return typeof currentTimeInZone === "string" ? new Date(currentTimeInZone) : currentTimeInZone;
   }, [configuredTimezone]);
-  const calendarData = React33.useMemo(() => {
+  const calendarData = React14.useMemo(() => {
     const startOfMonth = dateFnsTz.toZonedTime(new Date(year, month, 1), configuredTimezone);
     const endOfMonth = dateFnsTz.toZonedTime(new Date(year, month + 1, 0), configuredTimezone);
     const totalDays = endOfMonth.getDate();
@@ -18203,7 +18431,7 @@ var LineMonthlyPdfGenerator = ({
   selectedShift,
   className
 }) => {
-  const [isGenerating, setIsGenerating] = React33.useState(false);
+  const [isGenerating, setIsGenerating] = React14.useState(false);
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
@@ -18518,7 +18746,7 @@ var LinePdfGenerator = ({
   workspaceData,
   className
 }) => {
-  const [isGenerating, setIsGenerating] = React33.useState(false);
+  const [isGenerating, setIsGenerating] = React14.useState(false);
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
@@ -18803,8 +19031,8 @@ var WorkspacePdfExportButton = ({
   html2canvasOptions,
   jsPdfOptions
 }) => {
-  const [isExporting, setIsExporting] = React33.useState(false);
-  const handleExport = React33.useCallback(async () => {
+  const [isExporting, setIsExporting] = React14.useState(false);
+  const handleExport = React14.useCallback(async () => {
     const elementToCapture = typeof targetElement === "string" ? document.querySelector(targetElement) : targetElement;
     if (!elementToCapture) {
       console.error("PDF Export Error: Target element not found.");
@@ -19061,7 +19289,7 @@ var WorkspaceHistoryCalendar = ({
 }) => {
   const { dateTimeConfig } = useDashboardConfig();
   const configuredTimezone = dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
-  const calendarData = React33.useMemo(() => {
+  const calendarData = React14.useMemo(() => {
     const startOfMonth = dateFnsTz.toZonedTime(new Date(year, month, 1), configuredTimezone);
     const endOfMonth = dateFnsTz.toZonedTime(new Date(year, month + 1, 0), configuredTimezone);
     const totalDays = endOfMonth.getDate();
@@ -19132,7 +19360,7 @@ var WorkspaceHistoryCalendar = ({
     }
     return calendar;
   }, [data, month, year, configuredTimezone]);
-  const monthlyMetrics = React33.useMemo(() => {
+  const monthlyMetrics = React14.useMemo(() => {
     const validDays = data.filter((day) => {
       const date = dateFnsTz.toZonedTime(new Date(day.date), configuredTimezone);
       return date.getMonth() === month && date.getFullYear() === year;
@@ -19157,7 +19385,7 @@ var WorkspaceHistoryCalendar = ({
       totalDays: validShifts.length
     };
   }, [data, month, year, configuredTimezone]);
-  const handleDayClick = React33.useCallback((day, shift) => {
+  const handleDayClick = React14.useCallback((day, shift) => {
     if (!day || isFutureDate(day.date)) return;
     const year2 = day.date.getFullYear();
     const month2 = String(day.date.getMonth() + 1).padStart(2, "0");
@@ -19174,7 +19402,7 @@ var WorkspaceHistoryCalendar = ({
     });
     onDateSelect(formattedDate);
   }, [workspaceId, onDateSelect]);
-  const handleShiftChange = React33.useCallback((shift) => {
+  const handleShiftChange = React14.useCallback((shift) => {
     trackCoreEvent("Workspace Calendar Shift Changed", {
       workspace_id: workspaceId,
       new_shift: shift
@@ -19183,19 +19411,19 @@ var WorkspaceHistoryCalendar = ({
       onShiftChange(shift);
     }
   }, [workspaceId, onShiftChange]);
-  const isCurrentDate = React33.useCallback((date) => {
+  const isCurrentDate = React14.useCallback((date) => {
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     const compareDate = dateFnsTz.toZonedTime(date, configuredTimezone);
     return compareDate.getDate() === istNow.getDate() && compareDate.getMonth() === istNow.getMonth() && compareDate.getFullYear() === istNow.getFullYear();
   }, [configuredTimezone]);
-  const isFutureDate = React33.useCallback((date) => {
+  const isFutureDate = React14.useCallback((date) => {
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     istNow.setHours(0, 0, 0, 0);
     const compareDate = dateFnsTz.toZonedTime(date, configuredTimezone);
     compareDate.setHours(0, 0, 0, 0);
     return compareDate > istNow;
   }, [configuredTimezone]);
-  const getPerformanceColor = React33.useCallback((efficiency, date) => {
+  const getPerformanceColor = React14.useCallback((efficiency, date) => {
     const istNow = getTimeInZoneAsDate(configuredTimezone);
     istNow.setHours(0, 0, 0, 0);
     const compareDate = dateFnsTz.toZonedTime(date, configuredTimezone);
@@ -19241,7 +19469,7 @@ var WorkspaceHistoryCalendar = ({
       ] })
     ] }) });
   };
-  const renderDayCell = React33.useCallback((day) => {
+  const renderDayCell = React14.useCallback((day) => {
     if (!day) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full border border-gray-100 rounded-lg bg-gray-50 transition-all duration-200 ease-in-out" });
     const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
     const isToday = isCurrentDate(day.date);
@@ -19367,7 +19595,7 @@ var WorkspaceWhatsAppShareButton = ({
   );
 };
 var WorkspacePdfGenerator = ({ workspace, className }) => {
-  const [isGenerating, setIsGenerating] = React33.useState(false);
+  const [isGenerating, setIsGenerating] = React14.useState(false);
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
@@ -19572,7 +19800,7 @@ var WorkspaceMonthlyPdfGenerator = ({
   selectedShift,
   className
 }) => {
-  const [isGenerating, setIsGenerating] = React33.useState(false);
+  const [isGenerating, setIsGenerating] = React14.useState(false);
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
@@ -19852,8 +20080,8 @@ var WorkspaceMetricCards = ({
   ] });
 };
 var LiveTimer = () => {
-  const [time2, setTime] = React33.useState(/* @__PURE__ */ new Date());
-  React33.useEffect(() => {
+  const [time2, setTime] = React14.useState(/* @__PURE__ */ new Date());
+  React14.useEffect(() => {
     const timer = setInterval(() => {
       setTime(/* @__PURE__ */ new Date());
     }, 1e3);
@@ -19916,7 +20144,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React14__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -19932,7 +20160,7 @@ var SelectTrigger = React33__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -19942,7 +20170,7 @@ var SelectScrollUpButton = React33__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -19952,7 +20180,7 @@ var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React33__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React14__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -19980,7 +20208,7 @@ var SelectContent = React33__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -19989,7 +20217,7 @@ var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React14__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -20005,7 +20233,7 @@ var SelectItem = React33__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React14__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -20040,10 +20268,10 @@ var LoadingOverlay = ({
 var LoadingOverlay_default = LoadingOverlay;
 var DateDisplay = ({ className, variant = "default" }) => {
   const { dateTimeConfig } = useDashboardConfig();
-  const [date, setDate] = React33.useState("");
+  const [date, setDate] = React14.useState("");
   const timezoneToDisplay = dateTimeConfig?.defaultTimezone || "UTC";
   const localeToUse = dateTimeConfig?.defaultLocale || "en-US";
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const getCurrentFormattedDate = () => {
       const now2 = /* @__PURE__ */ new Date();
       const effectiveFormatOptions = {
@@ -20130,10 +20358,10 @@ var TimePickerDropdown = ({
   className = "",
   disabled = false
 }) => {
-  const [isOpen, setIsOpen] = React33.useState(false);
-  const [searchTerm, setSearchTerm] = React33.useState("");
-  const dropdownRef = React33.useRef(null);
-  const inputRef = React33.useRef(null);
+  const [isOpen, setIsOpen] = React14.useState(false);
+  const [searchTerm, setSearchTerm] = React14.useState("");
+  const dropdownRef = React14.useRef(null);
+  const inputRef = React14.useRef(null);
   const generateTimeSlots = () => {
     const slots = [];
     for (let hour = 0; hour < 24; hour++) {
@@ -20156,7 +20384,7 @@ var TimePickerDropdown = ({
     const slot = timeSlots.find((s) => s.value === value2);
     return slot ? slot.label : value2;
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -20823,22 +21051,22 @@ var BottlenecksContent = ({
   className
 }) => {
   const dashboardConfig = useDashboardConfig();
-  const videoRef = React33.useRef(null);
-  const fullscreenContainerRef = React33.useRef(null);
-  const timestampFilterRef = React33.useRef(null);
-  const [isPlaying, setIsPlaying] = React33.useState(false);
-  const [currentTime, setCurrentTime] = React33.useState(0);
-  const [duration, setDuration] = React33.useState(0);
-  const [isFullscreen, setIsFullscreen] = React33.useState(false);
-  const [currentIndex, setCurrentIndex] = React33.useState(0);
-  const [activeFilter, setActiveFilter] = React33.useState("low_value");
-  const [allVideos, setAllVideos] = React33.useState([]);
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const [showTimestampFilter, setShowTimestampFilter] = React33.useState(false);
-  const [timestampStart, setTimestampStart] = React33.useState("");
-  const [timestampEnd, setTimestampEnd] = React33.useState("");
-  React33.useEffect(() => {
+  const videoRef = React14.useRef(null);
+  const fullscreenContainerRef = React14.useRef(null);
+  const timestampFilterRef = React14.useRef(null);
+  const [isPlaying, setIsPlaying] = React14.useState(false);
+  const [currentTime, setCurrentTime] = React14.useState(0);
+  const [duration, setDuration] = React14.useState(0);
+  const [isFullscreen, setIsFullscreen] = React14.useState(false);
+  const [currentIndex, setCurrentIndex] = React14.useState(0);
+  const [activeFilter, setActiveFilter] = React14.useState("low_value");
+  const [allVideos, setAllVideos] = React14.useState([]);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const [showTimestampFilter, setShowTimestampFilter] = React14.useState(false);
+  const [timestampStart, setTimestampStart] = React14.useState("");
+  const [timestampEnd, setTimestampEnd] = React14.useState("");
+  React14.useEffect(() => {
     const handleClickOutside = (event) => {
       if (timestampFilterRef.current && !timestampFilterRef.current.contains(event.target)) {
         setShowTimestampFilter(false);
@@ -20851,14 +21079,14 @@ var BottlenecksContent = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [showTimestampFilter]);
-  const s3ClipsService = React33.useMemo(() => {
+  const s3ClipsService = React14.useMemo(() => {
     if (!dashboardConfig?.s3Config) {
       console.warn("S3 configuration not found in dashboard config");
       return null;
     }
     return new S3ClipsService(dashboardConfig);
   }, [dashboardConfig]);
-  const fetchClips = React33.useCallback(async () => {
+  const fetchClips = React14.useCallback(async () => {
     if (!workspaceId || !s3ClipsService) return;
     setIsLoading(true);
     setError(null);
@@ -20911,12 +21139,12 @@ var BottlenecksContent = ({
       setIsLoading(false);
     }
   }, [workspaceId, date, s3ClipsService, timestampStart, timestampEnd]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (s3ClipsService) {
       fetchClips();
     }
   }, [workspaceId, fetchClips, s3ClipsService]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     setCurrentIndex(0);
     const filtered = allVideos.filter((video) => {
       if (activeFilter === "all") return true;
@@ -20933,7 +21161,7 @@ var BottlenecksContent = ({
       preloadVideoUrl2(filtered[0].src);
     }
   }, [activeFilter, allVideos]);
-  const filteredVideos = React33.useMemo(() => {
+  const filteredVideos = React14.useMemo(() => {
     if (!allVideos) return [];
     let filtered = [];
     if (activeFilter === "all") {
@@ -20957,7 +21185,7 @@ var BottlenecksContent = ({
       return new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime();
     });
   }, [activeFilter, allVideos]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (filteredVideos.length === 0) return;
     const upcoming = [];
     if (currentIndex + 1 < filteredVideos.length) {
@@ -20971,7 +21199,7 @@ var BottlenecksContent = ({
     }
     preloadVideosUrl2(upcoming);
   }, [currentIndex, filteredVideos]);
-  const handleNext = React33.useCallback(() => {
+  const handleNext = React14.useCallback(() => {
     setCurrentIndex((prevIndex) => {
       if (prevIndex < filteredVideos.length - 1) {
         return prevIndex + 1;
@@ -20981,7 +21209,7 @@ var BottlenecksContent = ({
       return 0;
     });
   }, [filteredVideos.length]);
-  const handlePrevious = React33.useCallback(() => {
+  const handlePrevious = React14.useCallback(() => {
     setCurrentIndex((prevIndex) => {
       if (prevIndex > 0) {
         return prevIndex - 1;
@@ -20991,7 +21219,7 @@ var BottlenecksContent = ({
       return 0;
     });
   }, [filteredVideos.length]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (videoRef.current && filteredVideos.length > 0 && currentIndex < filteredVideos.length) {
       const video = videoRef.current;
       const currentVideoData = filteredVideos[currentIndex];
@@ -21190,7 +21418,7 @@ var BottlenecksContent = ({
       videoRef.current.load();
     }
   }, [currentIndex, filteredVideos, handleNext]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleKeyDown = (e) => {
       if (e.key === "Escape" && isFullscreen) {
         setIsFullscreen(false);
@@ -21229,7 +21457,7 @@ var BottlenecksContent = ({
       }
     }
   };
-  const clipCounts = React33.useMemo(() => {
+  const clipCounts = React14.useMemo(() => {
     if (!allVideos) return {
       bottlenecks: 0,
       lowValue: 0,
@@ -21257,7 +21485,7 @@ var BottlenecksContent = ({
       total: allVideos.length
     };
   }, [allVideos]);
-  const currentVideo = React33.useMemo(() => {
+  const currentVideo = React14.useMemo(() => {
     if (!filteredVideos || filteredVideos.length === 0 || currentIndex >= filteredVideos.length) {
       return null;
     }
@@ -21747,7 +21975,7 @@ var TREND_STYLES = {
   // Up
 };
 var getTrendArrowAndColor = (trend) => TREND_STYLES[trend] || { arrow: "", color: "" };
-var VideoCard = React33__namespace.default.memo(({
+var VideoCard = React14__namespace.default.memo(({
   workspace,
   hlsUrl,
   shouldPlay,
@@ -21756,7 +21984,7 @@ var VideoCard = React33__namespace.default.memo(({
   isVeryLowEfficiency = false,
   className = ""
 }) => {
-  const videoRef = React33.useRef(null);
+  const videoRef = React14.useRef(null);
   useHlsStream(videoRef, {
     src: hlsUrl,
     shouldPlay,
@@ -21785,7 +22013,7 @@ var VideoCard = React33__namespace.default.memo(({
   const efficiencyOverlayClass = getEfficiencyOverlayColor(workspace.efficiency);
   const efficiencyBarClass = getEfficiencyBarColor(workspace.efficiency);
   const trendInfo = workspace.trend !== void 0 ? getTrendArrowAndColor(workspace.trend) : null;
-  const handleClick = React33.useCallback(() => {
+  const handleClick = React14.useCallback(() => {
     if (onClick) {
       onClick();
     }
@@ -21878,7 +22106,7 @@ var DEFAULT_WORKSPACE_HLS_URLS = {
   "WS06": "https://59.144.218.58:8443/camera5.m3u8"
 };
 var DEFAULT_HLS_URL = "https://192.168.5.9:8443/cam1.m3u8";
-var VideoGridView = React33__namespace.default.memo(({
+var VideoGridView = React14__namespace.default.memo(({
   workspaces,
   selectedLine,
   className = "",
@@ -21886,24 +22114,24 @@ var VideoGridView = React33__namespace.default.memo(({
   videoSources = {}
 }) => {
   const router$1 = router.useRouter();
-  const containerRef = React33.useRef(null);
-  const observerRef = React33.useRef(null);
-  const [gridCols, setGridCols] = React33.useState(4);
-  const [visibleWorkspaces, setVisibleWorkspaces] = React33.useState(/* @__PURE__ */ new Set());
+  const containerRef = React14.useRef(null);
+  const observerRef = React14.useRef(null);
+  const [gridCols, setGridCols] = React14.useState(4);
+  const [visibleWorkspaces, setVisibleWorkspaces] = React14.useState(/* @__PURE__ */ new Set());
   const mergedVideoSources = {
     defaultHlsUrl: videoSources.defaultHlsUrl || DEFAULT_HLS_URL,
     workspaceHlsUrls: { ...DEFAULT_WORKSPACE_HLS_URLS, ...videoSources.workspaceHlsUrls }
   };
-  const getWorkspaceHlsUrl = React33.useCallback((workspaceName) => {
+  const getWorkspaceHlsUrl = React14.useCallback((workspaceName) => {
     const wsName = workspaceName.toUpperCase();
     return mergedVideoSources.workspaceHlsUrls[wsName] || mergedVideoSources.defaultHlsUrl;
   }, [mergedVideoSources]);
-  const veryLowEfficiencyWorkspaces = React33.useMemo(() => {
+  const veryLowEfficiencyWorkspaces = React14.useMemo(() => {
     return new Set(
       workspaces.filter((w) => w.efficiency < 50 && w.efficiency >= 10).map((w) => w.workspace_name)
     );
   }, [workspaces]);
-  const filteredWorkspaces = React33.useMemo(() => {
+  const filteredWorkspaces = React14.useMemo(() => {
     return selectedLine === 1 ? workspaces.filter((w) => {
       if (w.workspace_name === "WS5-5") return true;
       if (w.workspace_name === "WS32-5") return false;
@@ -21924,7 +22152,7 @@ var VideoGridView = React33__namespace.default.memo(({
       }
     }) : workspaces;
   }, [workspaces, selectedLine]);
-  const calculateOptimalGrid = React33.useCallback(() => {
+  const calculateOptimalGrid = React14.useCallback(() => {
     if (!containerRef.current) return;
     const containerPadding = 16;
     const containerWidth = containerRef.current.clientWidth - containerPadding;
@@ -21964,13 +22192,13 @@ var VideoGridView = React33__namespace.default.memo(({
     }
     setGridCols(bestCols);
   }, [filteredWorkspaces.length]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     calculateOptimalGrid();
     const handleResize = () => calculateOptimalGrid();
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [calculateOptimalGrid]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!containerRef.current) return;
     const options = {
       root: null,
@@ -21998,7 +22226,7 @@ var VideoGridView = React33__namespace.default.memo(({
       observerRef.current?.disconnect();
     };
   }, [filteredWorkspaces]);
-  const handleWorkspaceClick = React33.useCallback((workspace) => {
+  const handleWorkspaceClick = React14.useCallback((workspace) => {
     const workspaceId = workspace.workspace_uuid || workspace.workspace_name;
     trackCoreEvent("Workspace Detail Clicked", {
       workspace_name: workspace.workspace_name,
@@ -22161,7 +22389,7 @@ var arePropsEqual = (prevProps, nextProps) => {
   return prevProps.data.efficiency === nextProps.data.efficiency && prevProps.data.trend_score === nextProps.data.trend_score && prevProps.data.workspace_id === nextProps.data.workspace_id && prevProps.data.workspace_name === nextProps.data.workspace_name && prevProps.isBottleneck === nextProps.isBottleneck && prevProps.isLowEfficiency === nextProps.isLowEfficiency && prevProps.isVeryLowEfficiency === nextProps.isVeryLowEfficiency && // Position doesn't need deep equality check as it's generally static
   prevProps.position.id === nextProps.position.id;
 };
-var WorkspaceGridItem = React33__namespace.default.memo(({
+var WorkspaceGridItem = React14__namespace.default.memo(({
   data,
   position,
   isBottleneck = false,
@@ -22170,8 +22398,8 @@ var WorkspaceGridItem = React33__namespace.default.memo(({
   onHoverChange
 }) => {
   const { navigate } = useNavigation();
-  const isInactive = React33.useMemo(() => !data.workspace_id || data.efficiency < 10, [data.workspace_id, data.efficiency]);
-  const colorClass = React33.useMemo(() => {
+  const isInactive = React14.useMemo(() => !data.workspace_id || data.efficiency < 10, [data.workspace_id, data.efficiency]);
+  const colorClass = React14.useMemo(() => {
     const isConveyorEnd = position.size === "conveyor" && position.orientation;
     if (isConveyorEnd) {
       if (isInactive) return "bg-gray-300/90";
@@ -22181,11 +22409,11 @@ var WorkspaceGridItem = React33__namespace.default.memo(({
     }
     return isInactive ? "bg-gray-300/90" : getEfficiencyColor(data.efficiency);
   }, [data.efficiency, isInactive, position.size, position.orientation]);
-  const { arrow, color: arrowColor } = React33.useMemo(() => getTrendArrowAndColor2(data.trend_score), [data.trend_score]);
-  const workspaceNumber = React33.useMemo(() => getWorkspaceNumber(data.workspace_name), [data.workspace_name]);
-  const styles = React33.useMemo(() => getWorkspaceStyles(position, isInactive), [position, isInactive]);
-  const arrowPosition = React33.useMemo(() => getArrowPositionClass(position), [position]);
-  const handleClick = React33.useCallback((e) => {
+  const { arrow, color: arrowColor } = React14.useMemo(() => getTrendArrowAndColor2(data.trend_score), [data.trend_score]);
+  const workspaceNumber = React14.useMemo(() => getWorkspaceNumber(data.workspace_name), [data.workspace_name]);
+  const styles = React14.useMemo(() => getWorkspaceStyles(position, isInactive), [position, isInactive]);
+  const arrowPosition = React14.useMemo(() => getArrowPositionClass(position), [position]);
+  const handleClick = React14.useCallback((e) => {
     e.preventDefault();
     if (isInactive) return;
     const displayName = getWorkspaceDisplayName(data.workspace_name);
@@ -22205,8 +22433,8 @@ var WorkspaceGridItem = React33__namespace.default.memo(({
       }
     });
   }, [data, position, navigate, isInactive]);
-  const handleMouseEnter = React33.useCallback(() => onHoverChange?.(true), [onHoverChange]);
-  const handleMouseLeave = React33.useCallback(() => onHoverChange?.(false), [onHoverChange]);
+  const handleMouseEnter = React14.useCallback(() => onHoverChange?.(true), [onHoverChange]);
+  const handleMouseLeave = React14.useCallback(() => onHoverChange?.(false), [onHoverChange]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -22254,7 +22482,7 @@ var WorkspaceGridItem = React33__namespace.default.memo(({
   );
 }, arePropsEqual);
 WorkspaceGridItem.displayName = "WorkspaceGridItem";
-var WorkspaceGrid = React33__namespace.default.memo(({
+var WorkspaceGrid = React14__namespace.default.memo(({
   workspaces,
   isPdfMode = false,
   customWorkspacePositions,
@@ -22264,7 +22492,7 @@ var WorkspaceGrid = React33__namespace.default.memo(({
   className = "",
   videoSources = {}
 }) => {
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     trackCoreEvent("Dashboard View Loaded", {
       view_type: "Camera Grid",
       total_workspaces: workspaces.length
@@ -22294,8 +22522,8 @@ var TargetWorkspaceGrid = ({
   lineNames = {},
   className = ""
 }) => {
-  const [scale2, setScale] = React33.useState(1);
-  const filteredPositions = React33.useMemo(() => {
+  const [scale2, setScale] = React14.useState(1);
+  const filteredPositions = React14.useMemo(() => {
     const isLine2 = lineId === "line-2";
     return positions.filter((pos) => {
       if (pos.id === "WS5-5") {
@@ -22313,7 +22541,7 @@ var TargetWorkspaceGrid = ({
       return isLine2 ? wsNumber >= 23 && wsNumber <= 44 : wsNumber >= 1 && wsNumber <= 22;
     });
   }, [lineId, positions]);
-  const boundaries = React33.useMemo(() => filteredPositions.reduce(
+  const boundaries = React14.useMemo(() => filteredPositions.reduce(
     (acc, pos) => ({
       minX: Math.min(acc.minX, pos.x),
       maxX: Math.max(acc.maxX, pos.x),
@@ -22322,9 +22550,9 @@ var TargetWorkspaceGrid = ({
     }),
     { minX: Infinity, maxX: -Infinity, minY: Infinity, maxY: -Infinity }
   ), [filteredPositions]);
-  const baseWidth = React33.useMemo(() => (boundaries.maxX - boundaries.minX + 1) * 80, [boundaries]);
-  const baseHeight = React33.useMemo(() => (boundaries.maxY - boundaries.minY + 1) * 120, [boundaries]);
-  const updateLayout2 = React33.useCallback(() => {
+  const baseWidth = React14.useMemo(() => (boundaries.maxX - boundaries.minX + 1) * 80, [boundaries]);
+  const baseHeight = React14.useMemo(() => (boundaries.maxY - boundaries.minY + 1) * 120, [boundaries]);
+  const updateLayout2 = React14.useCallback(() => {
     const container = document.querySelector(".workspace-grid-container");
     if (!container) return;
     const rect = container.getBoundingClientRect();
@@ -22335,7 +22563,7 @@ var TargetWorkspaceGrid = ({
     const finalScale = Math.min(scaleX, scaleY, 1);
     setScale(finalScale);
   }, [baseWidth, baseHeight]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     updateLayout2();
     window.addEventListener("resize", updateLayout2);
     return () => {
@@ -22443,7 +22671,7 @@ var KPICard = ({
 }) => {
   useThemeConfig();
   const { formatNumber } = useFormatNumber();
-  const trendInfo = React33__namespace.default.useMemo(() => {
+  const trendInfo = React14__namespace.default.useMemo(() => {
     let trendValue = trend || "neutral";
     if (change !== void 0 && trend === void 0) {
       trendValue = change > 0 ? "up" : change < 0 ? "down" : "neutral";
@@ -22466,7 +22694,7 @@ var KPICard = ({
     const shouldShowTrend = !(change === 0 && trend === void 0);
     return { trendValue, Icon: Icon2, colorClass, shouldShowTrend };
   }, [trend, change]);
-  const formattedValue = React33__namespace.default.useMemo(() => {
+  const formattedValue = React14__namespace.default.useMemo(() => {
     if (title === "Quality Compliance" && typeof value === "number") {
       return value.toFixed(1);
     }
@@ -22480,7 +22708,7 @@ var KPICard = ({
     }
     return value;
   }, [value, title]);
-  const formattedChange = React33__namespace.default.useMemo(() => {
+  const formattedChange = React14__namespace.default.useMemo(() => {
     if (change === void 0 || change === 0) return null;
     const absChange = Math.abs(change);
     return formatNumber(absChange, { minimumFractionDigits: 0, maximumFractionDigits: 1 });
@@ -22686,7 +22914,7 @@ var KPIHeader = ({
     }
   );
 };
-var KPISection = React33.memo(({
+var KPISection = React14.memo(({
   kpis,
   className,
   layout: layout2 = "row",
@@ -22795,7 +23023,7 @@ var KPISection = React33.memo(({
 });
 KPISection.displayName = "KPISection";
 var ISTTimer2 = ISTTimer_default;
-var DashboardHeader = React33.memo(({ lineTitle, className = "" }) => {
+var DashboardHeader = React14.memo(({ lineTitle, className = "" }) => {
   const getShiftName = () => {
     const now2 = /* @__PURE__ */ new Date();
     const currentHour = now2.getHours();
@@ -22830,7 +23058,7 @@ var DashboardHeader = React33.memo(({ lineTitle, className = "" }) => {
   ] });
 });
 DashboardHeader.displayName = "DashboardHeader";
-var NoWorkspaceData = React33.memo(({ className = "" }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full items-center justify-center ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-white p-4 shadow-md", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 text-gray-500", children: [
+var NoWorkspaceData = React14.memo(({ className = "" }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex h-full items-center justify-center ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-white p-4 shadow-md", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 text-gray-500", children: [
   /* @__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 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" }) }),
   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "No workspace data available" })
 ] }) }) }));
@@ -22843,7 +23071,7 @@ var WorkspaceMonthlyDataFetcher = ({
   onLoadingChange
 }) => {
   const supabase = useSupabase();
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!workspaceId) return;
     const fetchMonthlyData = async () => {
       onLoadingChange(true);
@@ -22892,7 +23120,7 @@ var Breadcrumbs = ({ items }) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React33__namespace.default.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Breadcrumb", className: "mb-1 flex items-center space-x-1 text-xs font-medium text-gray-500 dark:text-gray-400", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React14__namespace.default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-3 w-3 text-gray-400 dark:text-gray-500" }),
     /* @__PURE__ */ jsxRuntime.jsxs(
       "span",
@@ -22916,9 +23144,9 @@ var UserProfileDropdown = ({ config }) => {
   const { user, signOut } = useAuth();
   const { featureFlags } = useDashboardConfig();
   const navigation = useNavigation();
-  const [isOpen, setIsOpen] = React33.useState(false);
-  const dropdownRef = React33.useRef(null);
-  React33.useEffect(() => {
+  const [isOpen, setIsOpen] = React14.useState(false);
+  const dropdownRef = React14.useRef(null);
+  React14.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -23018,8 +23246,8 @@ var PageHeader = ({
   headerLogo,
   sticky = true
 }) => {
-  const [darkMode, setDarkMode] = React33.useState(false);
-  React33.useEffect(() => {
+  const [darkMode, setDarkMode] = React14.useState(false);
+  React14.useEffect(() => {
     if (typeof window !== "undefined") {
       if (localStorage.theme === "dark" || !("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches) {
         document.documentElement.classList.add("dark");
@@ -23073,7 +23301,7 @@ var PageHeader = ({
     }
   );
 };
-var SideNavBar = React33.memo(({
+var SideNavBar = React14.memo(({
   // These props are accepted but not used in this implementation
   navItems = [],
   logo,
@@ -23086,13 +23314,13 @@ var SideNavBar = React33.memo(({
   const entityConfig = useEntityConfig();
   const lineId = entityConfig.defaultLineId || LINE_1_UUID;
   const pathname = propPathname || router$1.pathname;
-  const getButtonClasses = React33.useCallback((path) => {
+  const getButtonClasses = React14.useCallback((path) => {
     const isActive = pathname === path || pathname.startsWith(path + "/");
     return `w-full flex flex-col items-center justify-center py-3 px-1 rounded-lg relative group
       ${isActive ? "bg-blue-100 text-blue-700 shadow-md border border-blue-200 font-semibold" : "hover:bg-gray-50 text-gray-500 hover:text-gray-700 font-medium"}
       transition-all duration-300 ease-in-out focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2`;
   }, [pathname]);
-  const handleHomeClick = React33.useCallback(() => navigate("/", {
+  const handleHomeClick = React14.useCallback(() => navigate("/", {
     trackingEvent: {
       name: "Line Overview Page Clicked",
       properties: {
@@ -23102,7 +23330,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate, lineId]);
-  const handleLeaderboardClick = React33.useCallback(() => navigate(`/leaderboard/${lineId}`, {
+  const handleLeaderboardClick = React14.useCallback(() => navigate(`/leaderboard/${lineId}`, {
     trackingEvent: {
       name: "Leaderboard Page Clicked",
       properties: {
@@ -23111,7 +23339,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate, lineId]);
-  const handleKPIsClick = React33.useCallback(() => navigate(`/kpis`, {
+  const handleKPIsClick = React14.useCallback(() => navigate(`/kpis`, {
     trackingEvent: {
       name: "KPI Page Clicked",
       properties: {
@@ -23120,7 +23348,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const handleTargetsClick = React33.useCallback(() => navigate("/targets", {
+  const handleTargetsClick = React14.useCallback(() => navigate("/targets", {
     trackingEvent: {
       name: "Targets Page Clicked",
       properties: {
@@ -23128,7 +23356,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const handleShiftsClick = React33.useCallback(() => navigate("/shifts", {
+  const handleShiftsClick = React14.useCallback(() => navigate("/shifts", {
     trackingEvent: {
       name: "Shifts Page Clicked",
       properties: {
@@ -23136,7 +23364,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const handleAIAgentClick = React33.useCallback(() => navigate("/ai-agent", {
+  const handleAIAgentClick = React14.useCallback(() => navigate("/ai-agent", {
     trackingEvent: {
       name: "AI Agent Page Clicked",
       properties: {
@@ -23144,7 +23372,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const handleProfileClick = React33.useCallback(() => navigate("/profile", {
+  const handleProfileClick = React14.useCallback(() => navigate("/profile", {
     trackingEvent: {
       name: "Profile Page Clicked",
       properties: {
@@ -23152,7 +23380,7 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const handleHelpClick = React33.useCallback(() => navigate("/help", {
+  const handleHelpClick = React14.useCallback(() => navigate("/help", {
     trackingEvent: {
       name: "Help Page Clicked",
       properties: {
@@ -23160,14 +23388,14 @@ var SideNavBar = React33.memo(({
       }
     }
   }), [navigate]);
-  const homeButtonClasses = React33.useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
-  const leaderboardButtonClasses = React33.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
-  const kpisButtonClasses = React33.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses, pathname]);
-  const targetsButtonClasses = React33.useMemo(() => getButtonClasses("/targets"), [getButtonClasses, pathname]);
-  const shiftsButtonClasses = React33.useMemo(() => getButtonClasses("/shifts"), [getButtonClasses, pathname]);
-  const aiAgentButtonClasses = React33.useMemo(() => getButtonClasses("/ai-agent"), [getButtonClasses, pathname]);
-  const profileButtonClasses = React33.useMemo(() => getButtonClasses("/profile"), [getButtonClasses, pathname]);
-  const helpButtonClasses = React33.useMemo(() => getButtonClasses("/help"), [getButtonClasses, pathname]);
+  const homeButtonClasses = React14.useMemo(() => getButtonClasses("/"), [getButtonClasses, pathname]);
+  const leaderboardButtonClasses = React14.useMemo(() => getButtonClasses("/leaderboard"), [getButtonClasses, pathname]);
+  const kpisButtonClasses = React14.useMemo(() => getButtonClasses("/kpis"), [getButtonClasses, pathname]);
+  const targetsButtonClasses = React14.useMemo(() => getButtonClasses("/targets"), [getButtonClasses, pathname]);
+  const shiftsButtonClasses = React14.useMemo(() => getButtonClasses("/shifts"), [getButtonClasses, pathname]);
+  const aiAgentButtonClasses = React14.useMemo(() => getButtonClasses("/ai-agent"), [getButtonClasses, pathname]);
+  const profileButtonClasses = React14.useMemo(() => getButtonClasses("/profile"), [getButtonClasses, pathname]);
+  const helpButtonClasses = React14.useMemo(() => getButtonClasses("/help"), [getButtonClasses, pathname]);
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: `w-20 h-screen bg-white shadow-lg border-r border-gray-100 flex flex-col items-center fixed ${className}`, children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full py-6 px-4 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -23415,7 +23643,7 @@ var Header = ({
 }) => {
   const { pathname } = useNavigation();
   const { user, signOut } = useAuth();
-  const [showDropdown, setShowDropdown] = React33.useState(false);
+  const [showDropdown, setShowDropdown] = React14.useState(false);
   const getPageTitle = () => {
     if (pathname === "/") return "Factory View";
     if (pathname.startsWith("/workspace/")) return "Workspace Details";
@@ -23492,18 +23720,18 @@ var SingleVideoStream = ({
   initialPlayDelay = 100,
   hlsConfig = {}
 }) => {
-  const videoRef = React33.useRef(null);
-  const hlsRef = React33.useRef(null);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const [totalRetries, setTotalRetries] = React33.useState(0);
+  const videoRef = React14.useRef(null);
+  const hlsRef = React14.useRef(null);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const [totalRetries, setTotalRetries] = React14.useState(0);
   const cleanupHls = () => {
     if (hlsRef.current) {
       hlsRef.current.destroy();
       hlsRef.current = null;
     }
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const video = videoRef.current;
     if (!video) return;
     console.log(`SingleVideoStream: Initializing stream for workspace ${workspaceName}`);
@@ -23638,7 +23866,7 @@ var ThreadSidebar = ({
   className = ""
 }) => {
   const { threads, isLoading, error, deleteThread: deleteThread2 } = useThreads();
-  const [deletingId, setDeletingId] = React33.useState(null);
+  const [deletingId, setDeletingId] = React14.useState(null);
   const handleDelete = async (e, threadId) => {
     e.stopPropagation();
     if (confirm("Are you sure you want to delete this conversation?")) {
@@ -23711,7 +23939,7 @@ var ThreadSidebar = ({
   ] });
 };
 var axelProfilePng = "/axel-profile.png";
-var ProfilePicture = React33__namespace.default.memo(({ alt = "Axel", className = "w-12 h-12" }) => {
+var ProfilePicture = React14__namespace.default.memo(({ alt = "Axel", className = "w-12 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",
     {
@@ -23734,23 +23962,23 @@ var AIAgentView = () => {
   const entityConfig = useEntityConfig();
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
-  const [inputValue, setInputValue] = React33.useState("");
-  const [loadingThreads, setLoadingThreads] = React33.useState(/* @__PURE__ */ new Set());
-  const [lastError, setLastError] = React33.useState(null);
-  const [copiedMessageId, setCopiedMessageId] = React33.useState(null);
-  const [activeThreadId, setActiveThreadId] = React33.useState(void 0);
-  const [isSidebarOpen, setIsSidebarOpen] = React33.useState(false);
-  const [streamingStates, setStreamingStates] = React33.useState(/* @__PURE__ */ new Map());
-  const [userId, setUserId] = React33.useState(null);
-  const [pendingThreadId, setPendingThreadId] = React33.useState(null);
-  const [isTransitioning, setIsTransitioning] = React33.useState(false);
-  const [typedText, setTypedText] = React33.useState("");
-  const [newChatCount, setNewChatCount] = React33.useState(0);
-  const [hasStartedTyping, setHasStartedTyping] = React33.useState(false);
-  const [typingStartTime, setTypingStartTime] = React33.useState(null);
-  const [lastTypingTime, setLastTypingTime] = React33.useState(null);
-  const [characterCount, setCharacterCount] = React33.useState(0);
-  const typingTimeoutRef = React33.useRef(null);
+  const [inputValue, setInputValue] = React14.useState("");
+  const [loadingThreads, setLoadingThreads] = React14.useState(/* @__PURE__ */ new Set());
+  const [lastError, setLastError] = React14.useState(null);
+  const [copiedMessageId, setCopiedMessageId] = React14.useState(null);
+  const [activeThreadId, setActiveThreadId] = React14.useState(void 0);
+  const [isSidebarOpen, setIsSidebarOpen] = React14.useState(false);
+  const [streamingStates, setStreamingStates] = React14.useState(/* @__PURE__ */ new Map());
+  const [userId, setUserId] = React14.useState(null);
+  const [pendingThreadId, setPendingThreadId] = React14.useState(null);
+  const [isTransitioning, setIsTransitioning] = React14.useState(false);
+  const [typedText, setTypedText] = React14.useState("");
+  const [newChatCount, setNewChatCount] = React14.useState(0);
+  const [hasStartedTyping, setHasStartedTyping] = React14.useState(false);
+  const [typingStartTime, setTypingStartTime] = React14.useState(null);
+  const [lastTypingTime, setLastTypingTime] = React14.useState(null);
+  const [characterCount, setCharacterCount] = React14.useState(0);
+  const typingTimeoutRef = React14.useRef(null);
   const isThreadLoading = (threadId) => {
     return threadId ? loadingThreads.has(threadId) : false;
   };
@@ -23825,13 +24053,13 @@ var AIAgentView = () => {
       typingTimeoutRef.current = null;
     }
   };
-  const textareaRef = React33.useRef(null);
-  const messagesEndRef = React33.useRef(null);
-  const containerRef = React33.useRef(null);
+  const textareaRef = React14.useRef(null);
+  const messagesEndRef = React14.useRef(null);
+  const containerRef = React14.useRef(null);
   const { createThread, mutate: mutateThreads } = useThreads();
   const { messages, addMessage, setMessages } = useMessages(activeThreadId);
   const agnoApiUrl = config.endpoints?.agnoApiUrl || "https://optifye-agent-production.up.railway.app";
-  const sseClient = React33.useMemo(() => {
+  const sseClient = React14.useMemo(() => {
     console.log("[AIAgentView] Using AGNO API URL:", agnoApiUrl);
     return new SSEChatClient(agnoApiUrl);
   }, [agnoApiUrl]);
@@ -23847,20 +24075,20 @@ var AIAgentView = () => {
   const { shiftId } = getCurrentShift(dateTimeConfig.defaultTimezone || "Asia/Kolkata", shiftConfig);
   const companyId = entityConfig.companyId || "default-company-id";
   const ACTIVE_THREAD_STORAGE_KEY = `ai-agent-active-thread-${lineId}`;
-  React33.useLayoutEffect(() => {
+  React14.useLayoutEffect(() => {
     const savedThreadId = localStorage.getItem(ACTIVE_THREAD_STORAGE_KEY);
     if (savedThreadId && savedThreadId !== "undefined") {
       setActiveThreadId(savedThreadId);
     }
   }, [ACTIVE_THREAD_STORAGE_KEY]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (activeThreadId) {
       localStorage.setItem(ACTIVE_THREAD_STORAGE_KEY, activeThreadId);
     } else {
       localStorage.removeItem(ACTIVE_THREAD_STORAGE_KEY);
     }
   }, [activeThreadId, ACTIVE_THREAD_STORAGE_KEY]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleVisibilityChange = () => {
       if (document.visibilityState === "hidden" && activeThreadId) {
         localStorage.setItem(ACTIVE_THREAD_STORAGE_KEY, activeThreadId);
@@ -23881,7 +24109,7 @@ var AIAgentView = () => {
       }
     };
   }, [activeThreadId, ACTIVE_THREAD_STORAGE_KEY]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (textareaRef.current) {
       textareaRef.current.style.height = "auto";
       textareaRef.current.style.height = `${Math.min(textareaRef.current.scrollHeight, 120)}px`;
@@ -23890,12 +24118,12 @@ var AIAgentView = () => {
   const scrollToBottom = () => {
     messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (activeThreadId && messages.length > 0) {
       setTimeout(scrollToBottom, 100);
     }
   }, [activeThreadId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (messages.length === 0 && !isTransitioning) {
       const fullText = "Hi, I'm Axel - Your AI Supervisor";
       let index = 0;
@@ -23911,7 +24139,7 @@ var AIAgentView = () => {
       return () => clearInterval(typeInterval);
     }
   }, [messages.length, isTransitioning]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (isSidebarOpen) {
       setNewChatCount(0);
     }
@@ -23935,17 +24163,17 @@ var AIAgentView = () => {
     localStorage.removeItem(ACTIVE_THREAD_STORAGE_KEY);
     textareaRef.current?.focus();
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     preloadImage(axelProfilePng);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     return () => {
       if (typingTimeoutRef.current) {
         clearTimeout(typingTimeoutRef.current);
       }
     };
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const checkAuth = async () => {
       const supabase2 = _getSupabaseInstance();
       const { data: { session } } = await supabase2.auth.getSession();
@@ -24696,10 +24924,10 @@ var FactoryView = ({
   const supabase = useSupabase();
   const line1DataHook = useLineDetailedMetrics(line1Id);
   const line2DataHook = useLineDetailedMetrics(line2Id);
-  const [lines, setLines] = React33.useState([]);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  React33.useMemo(() => {
+  const [lines, setLines] = React14.useState([]);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  React14.useMemo(() => {
     const processLineData = (hookData, defaultName) => {
       const currentLineInfo = hookData.lineData;
       let last5HoursData = [];
@@ -24734,7 +24962,7 @@ var FactoryView = ({
       processLineData(line2DataHook, "Line 2")
     ];
   }, [line1DataHook, line2DataHook]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchHourlyData = async () => {
       try {
         if (!supabase) {
@@ -25314,16 +25542,16 @@ var HelpView = ({
   supportEmail = "support@optifye.com"
 }) => {
   const { navigate } = useNavigation();
-  const [formData, setFormData] = React33.useState({
+  const [formData, setFormData] = React14.useState({
     subject: "",
     category: "general",
     priority: "normal",
     description: "",
     email: ""
   });
-  const [isSubmitting, setIsSubmitting] = React33.useState(false);
-  const [submitStatus, setSubmitStatus] = React33.useState("idle");
-  const [errorMessage, setErrorMessage] = React33.useState(null);
+  const [isSubmitting, setIsSubmitting] = React14.useState(false);
+  const [submitStatus, setSubmitStatus] = React14.useState("idle");
+  const [errorMessage, setErrorMessage] = React14.useState(null);
   const categories = [
     { value: "general", label: "General Inquiry", icon: outline.QuestionMarkCircleIcon },
     { value: "technical", label: "Technical Issue", icon: outline.ExclamationCircleIcon },
@@ -25572,11 +25800,29 @@ function HomeView({
   },
   factoryName = "Simba Beer - Line 1"
 }) {
-  const [isHydrated, setIsHydrated] = React33.useState(false);
-  const [selectedLineId, setSelectedLineId] = React33.useState(defaultLineId);
-  const [isChangingFilter, setIsChangingFilter] = React33.useState(false);
-  const [errorMessage, setErrorMessage] = React33.useState(null);
-  React33.useCallback(() => {
+  const [isHydrated, setIsHydrated] = React14.useState(false);
+  const [selectedLineId, setSelectedLineId] = React14.useState(defaultLineId);
+  const [isChangingFilter, setIsChangingFilter] = React14.useState(false);
+  const [errorMessage, setErrorMessage] = React14.useState(null);
+  const [displayNamesInitialized, setDisplayNamesInitialized] = React14.useState(false);
+  React14.useEffect(() => {
+    const initDisplayNames = async () => {
+      try {
+        await preInitializeWorkspaceDisplayNames(selectedLineId);
+        setDisplayNamesInitialized(true);
+      } catch (error) {
+        console.error("Failed to pre-initialize workspace display names:", error);
+        setDisplayNamesInitialized(true);
+      }
+    };
+    initDisplayNames();
+  }, [selectedLineId]);
+  const {
+    displayNames: workspaceDisplayNames,
+    loading: displayNamesLoading,
+    error: displayNamesError
+  } = useWorkspaceDisplayNames(void 0, selectedLineId);
+  React14.useCallback(() => {
     console.log("Refetching KPIs after line metrics update");
   }, []);
   const {
@@ -25587,7 +25833,7 @@ function HomeView({
   } = useLineKPIs({
     lineId: selectedLineId
   });
-  const onLineMetricsUpdate = React33.useCallback(() => {
+  const onLineMetricsUpdate = React14.useCallback(() => {
     const timer = setTimeout(() => {
       refetchKPIs();
     }, 1e3);
@@ -25608,12 +25854,12 @@ function HomeView({
     isLoading: breaksLoading,
     error: breaksError
   } = useActiveBreaks([selectedLineId]);
-  const memoizedWorkspaceMetrics = React33.useMemo(() => workspaceMetrics, [
+  const memoizedWorkspaceMetrics = React14.useMemo(() => workspaceMetrics, [
     // Only update reference if meaningful properties change
     workspaceMetrics.length,
     ...workspaceMetrics.map((w) => `${w.workspace_uuid}-${Math.round(w.efficiency)}-${w.trend}`)
   ]);
-  const memoizedKPIs = React33.useMemo(() => kpis, [
+  const memoizedKPIs = React14.useMemo(() => kpis, [
     // Only update reference when values change by at least 1%
     kpis?.efficiency?.value ? Math.round(kpis.efficiency.value) : null,
     kpis?.underperformingWorkers?.current,
@@ -25624,10 +25870,10 @@ function HomeView({
     // Round to 1 decimal
     kpis?.qualityCompliance?.value ? Math.round(kpis.qualityCompliance.value) : null
   ]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     setIsHydrated(true);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (metricsError) {
       setErrorMessage(metricsError.message);
     } else if (kpisError) {
@@ -25636,28 +25882,28 @@ function HomeView({
       setErrorMessage(null);
     }
   }, [metricsError, kpisError]);
-  React33.useCallback((e) => {
+  React14.useCallback((e) => {
     setIsChangingFilter(true);
     setSelectedLineId(e.target.value);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!metricsLoading && !kpisLoading && isChangingFilter && workspaceMetrics.length > 0) {
       setIsChangingFilter(false);
     }
   }, [metricsLoading, kpisLoading, workspaceMetrics, isChangingFilter]);
-  const lineTitle = React33.useMemo(() => {
+  const lineTitle = React14.useMemo(() => {
     return factoryName;
   }, [factoryName]);
-  const isLoading = !isHydrated || metricsLoading || kpisLoading || isChangingFilter;
+  const isLoading = !isHydrated || metricsLoading || kpisLoading || isChangingFilter || displayNamesLoading || !displayNamesInitialized;
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-screen bg-slate-50", children: /* @__PURE__ */ jsxRuntime.jsx(LoadingPageCmp, { message: "Loading dashboard..." }) });
   }
-  if (errorMessage) {
+  if (errorMessage || displayNamesError) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-white p-6 shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3 text-red-500", children: [
       /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-medium", children: [
         "Error: ",
-        errorMessage
+        errorMessage || displayNamesError?.message
       ] })
     ] }) }) });
   }
@@ -25677,7 +25923,7 @@ function HomeView({
             /* @__PURE__ */ jsxRuntime.jsx(DashboardHeader, { lineTitle, className: "mb-1 sm:mb-0" }),
             memoizedKPIs && /* @__PURE__ */ jsxRuntime.jsx(KPISection2, { kpis: memoizedKPIs, className: "w-full sm:w-auto" })
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden", children: memoizedWorkspaceMetrics.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: React33__namespace.default.createElement(WorkspaceGrid, {
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto sm:overflow-hidden", children: memoizedWorkspaceMetrics.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full sm:h-full min-h-[calc(100vh-80px)] sm:min-h-0", children: React14__namespace.default.createElement(WorkspaceGrid, {
             workspaces: memoizedWorkspaceMetrics,
             lineNames,
             factoryView: factoryViewId,
@@ -25698,7 +25944,7 @@ function HomeView({
     }
   );
 }
-var AuthenticatedHomeView = withAuth(React33__namespace.default.memo(HomeView));
+var AuthenticatedHomeView = withAuth(React14__namespace.default.memo(HomeView));
 var HomeView_default = HomeView;
 
 // src/views/kpi-detail-view.types.ts
@@ -25773,7 +26019,7 @@ var formatLocalDate = (date) => {
   };
   return date.toLocaleDateString("en-US", options);
 };
-var MetricCards = React33.memo(({ lineInfo }) => {
+var MetricCards = React14.memo(({ lineInfo }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     motion.div,
     {
@@ -25819,7 +26065,7 @@ var MetricCards = React33.memo(({ lineInfo }) => {
   return prevMetrics.current_output === nextMetrics.current_output && prevMetrics.line_threshold === nextMetrics.line_threshold && prevMetrics.underperforming_workspaces === nextMetrics.underperforming_workspaces && prevMetrics.total_workspaces === nextMetrics.total_workspaces && prevMetrics.avg_efficiency === nextMetrics.avg_efficiency;
 });
 MetricCards.displayName = "MetricCards";
-var BottomSection = React33.memo(({
+var BottomSection = React14.memo(({
   lineInfo,
   workspaceData,
   sortedByEfficiency,
@@ -25831,7 +26077,7 @@ var BottomSection = React33.memo(({
 }) => {
   const navigation = useNavigation();
   const handleNavigate = navigate || navigation.navigate;
-  const handleWorkspaceClick = React33.useCallback((ws, index) => {
+  const handleWorkspaceClick = React14.useCallback((ws, index) => {
     trackCoreEvent("Workspace from KPI Clicked", {
       workspace_name: ws.workspace_name,
       workspace_id: ws.workspace_uuid,
@@ -25975,7 +26221,7 @@ var BottomSection = React33.memo(({
   return true;
 });
 BottomSection.displayName = "BottomSection";
-var QualityOverview = React33.memo(({ lineInfo }) => {
+var QualityOverview = React14.memo(({ lineInfo }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-6 bg-white rounded-lg shadow-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-gray-700 mb-4", children: "Quality Overview" }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-500", children: "Quality metrics have been deprecated and are no longer available." })
@@ -25995,8 +26241,8 @@ var KPIDetailView = ({
   backLinkUrl,
   onBackClick
 }) => {
-  const [activeTab, setActiveTab] = React33.useState("overview");
-  const [currentMonth, setCurrentMonth] = React33.useState(() => {
+  const [activeTab, setActiveTab] = React14.useState("overview");
+  const [currentMonth, setCurrentMonth] = React14.useState(() => {
     if (urlMonth && typeof urlMonth === "string") {
       const parsedMonth = parseInt(urlMonth);
       if (!isNaN(parsedMonth) && parsedMonth >= 0 && parsedMonth <= 11) {
@@ -26005,7 +26251,7 @@ var KPIDetailView = ({
     }
     return (/* @__PURE__ */ new Date()).getMonth();
   });
-  const [currentYear, setCurrentYear] = React33.useState(() => {
+  const [currentYear, setCurrentYear] = React14.useState(() => {
     if (urlYear && typeof urlYear === "string") {
       const parsedYear = parseInt(urlYear);
       if (!isNaN(parsedYear) && parsedYear >= 2e3 && parsedYear <= 2100) {
@@ -26014,13 +26260,13 @@ var KPIDetailView = ({
     }
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
-  const [monthlyData, setMonthlyData] = React33.useState([]);
-  const [underperformingWorkspaces, setUnderperformingWorkspaces] = React33.useState({ dayShift: [], nightShift: [] });
-  const [selectedShift, setSelectedShift] = React33.useState("day");
-  const [showLineDataNotFound, setShowLineDataNotFound] = React33.useState(false);
+  const [monthlyData, setMonthlyData] = React14.useState([]);
+  const [underperformingWorkspaces, setUnderperformingWorkspaces] = React14.useState({ dayShift: [], nightShift: [] });
+  const [selectedShift, setSelectedShift] = React14.useState("day");
+  const [showLineDataNotFound, setShowLineDataNotFound] = React14.useState(false);
   const navigation = useNavigation(navigate);
   const handleNavigate = navigate || navigation.navigate;
-  const parsedShiftId = React33.useMemo(() => {
+  const parsedShiftId = React14.useMemo(() => {
     if (urlShift === "0") return 0;
     if (urlShift === "1") return 1;
     if (typeof urlShift === "string") {
@@ -26032,8 +26278,8 @@ var KPIDetailView = ({
   const supabase = useSupabase();
   const dashboardConfig = useDashboardConfig();
   const configuredTimezone = dashboardConfig.dateTimeConfig?.defaultTimezone || "Asia/Kolkata";
-  React33.useMemo(() => getCurrentTimeInZone(configuredTimezone), [configuredTimezone]);
-  React33.useEffect(() => {
+  React14.useMemo(() => getCurrentTimeInZone(configuredTimezone), [configuredTimezone]);
+  React14.useEffect(() => {
     if (urlDate || urlShift !== void 0) {
       setActiveTab("overview");
     } else if (urlTab === "monthly_history") {
@@ -26044,10 +26290,10 @@ var KPIDetailView = ({
       setActiveTab("overview");
     }
   }, [urlDate, urlShift, urlTab]);
-  const getShiftName = React33.useCallback((shiftId) => {
+  const getShiftName = React14.useCallback((shiftId) => {
     return shiftId === 0 ? "Day" : "Night";
   }, []);
-  const getShiftIcon = React33.useCallback((shiftId) => {
+  const getShiftIcon = React14.useCallback((shiftId) => {
     const shift = getShiftName(shiftId);
     if (shift === "Day") {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -26055,7 +26301,7 @@ var KPIDetailView = ({
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
     }
   }, [getShiftName]);
-  const getDaysDifference2 = React33.useCallback((date) => {
+  const getDaysDifference2 = React14.useCallback((date) => {
     const today = /* @__PURE__ */ new Date();
     const compareDate = new Date(date);
     const todayInZone = new Date(today.toLocaleString("en-US", { timeZone: configuredTimezone }));
@@ -26088,7 +26334,7 @@ var KPIDetailView = ({
     initialDate: typeof urlDate === "string" ? urlDate : void 0,
     initialShiftId: parsedShiftId
   });
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (activeTab === "monthly_history" && lineId) {
       if (!supabase || !dashboardConfig || !dashboardConfig.supabaseUrl || !dashboardConfig.supabaseKey) {
         console.error("Supabase client or required config not available in KPIsPage for monthly data");
@@ -26170,7 +26416,7 @@ var KPIDetailView = ({
       });
     }
   }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig]);
-  const lineInfo = React33.useMemo(() => {
+  const lineInfo = React14.useMemo(() => {
     if (!metrics2 || !lineDetails || !lineDetails.factory) {
       return null;
     }
@@ -26202,7 +26448,7 @@ var KPIDetailView = ({
       }
     };
   }, [metrics2, lineDetails, companyId]);
-  const hourlyOutputData = React33.useMemo(() => {
+  const hourlyOutputData = React14.useMemo(() => {
     if (!metrics2 || !metrics2.output_array) return [];
     return metrics2.output_array.reduce((acc, val, i) => {
       const hourIndex = Math.floor(i / 60);
@@ -26211,12 +26457,12 @@ var KPIDetailView = ({
       return acc;
     }, []);
   }, [metrics2?.output_array]);
-  const hourlyThreshold = React33.useMemo(() => metrics2 ? metrics2.threshold_pph || 0 : 0, [metrics2]);
-  const sortedByEfficiency = React33.useMemo(() => {
+  const hourlyThreshold = React14.useMemo(() => metrics2 ? metrics2.threshold_pph || 0 : 0, [metrics2]);
+  const sortedByEfficiency = React14.useMemo(() => {
     if (!workspaces) return [];
     return [...workspaces].filter((w) => w.efficiency >= 10).sort((a, b) => (a.efficiency || 0) - (b.efficiency || 0)).slice(0, 5);
   }, [workspaces]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     let timeoutId;
     if (!lineMetricsLoading && !workspacesLoading && !lineInfo && activeTab !== "monthly_history") {
       timeoutId = setTimeout(() => {
@@ -26231,7 +26477,7 @@ var KPIDetailView = ({
       }
     };
   }, [lineMetricsLoading, workspacesLoading, lineInfo, activeTab]);
-  React33.useCallback(() => {
+  React14.useCallback(() => {
     trackCoreEvent("Quality Overview Viewed", {
       source: "line_kpi",
       line_id: lineInfo?.line_id,
@@ -26241,12 +26487,12 @@ var KPIDetailView = ({
     const url = `/kpis/${lineId}?tab=overview&month=${currentMonth}&year=${currentYear}`;
     handleNavigate(url, { shallow: true });
   }, [lineInfo, lineId, currentMonth, currentYear, handleNavigate]);
-  const handleOverviewClick = React33.useCallback(() => {
+  const handleOverviewClick = React14.useCallback(() => {
     setActiveTab("overview");
     const url = `/kpis/${lineId}?tab=overview&month=${currentMonth}&year=${currentYear}`;
     handleNavigate(url, { shallow: true });
   }, [lineId, currentMonth, currentYear, handleNavigate]);
-  const handleMonthlyHistoryClick = React33.useCallback(() => {
+  const handleMonthlyHistoryClick = React14.useCallback(() => {
     trackCoreEvent("Monthly History Viewed", {
       source: "line_kpi",
       line_id: lineInfo?.line_id,
@@ -26256,7 +26502,7 @@ var KPIDetailView = ({
     const url = `/kpis/${lineId}?tab=monthly_history&month=${currentMonth}&year=${currentYear}`;
     handleNavigate(url, { shallow: true });
   }, [lineInfo, lineId, currentMonth, currentYear, handleNavigate]);
-  const handleBackClick = React33.useCallback(() => {
+  const handleBackClick = React14.useCallback(() => {
     if (!urlDate && !urlShift) {
       trackCoreEvent("Dashboard Viewed", {
         source: "line_kpi",
@@ -26531,7 +26777,7 @@ var LineCard = ({ line, onClick }) => {
   const { kpis, isLoading, error } = useLineKPIs({ lineId: line.id });
   const shiftConfig = useShiftConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const isOnTrack = React33__namespace.default.useMemo(() => {
+  const isOnTrack = React14__namespace.default.useMemo(() => {
     if (!kpis) return null;
     const currentTime = /* @__PURE__ */ new Date();
     const timezone = dateTimeConfig.defaultTimezone || "Asia/Kolkata";
@@ -26669,16 +26915,16 @@ var KPIsOverviewView = ({
   onBackClick,
   backLinkUrl
 }) => {
-  const [lines, setLines] = React33.useState([]);
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
+  const [lines, setLines] = React14.useState([]);
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
   const supabase = useSupabase();
   const dashboardConfig = useDashboardConfig();
   const navigation = useNavigation(navigate);
   const dateTimeConfig = useDateTimeConfig();
   const shiftConfig = useShiftConfig();
   const configuredTimezone = dateTimeConfig.defaultTimezone || "Asia/Kolkata";
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchLines = async () => {
       try {
         if (!supabase || !dashboardConfig) {
@@ -26705,7 +26951,7 @@ var KPIsOverviewView = ({
     });
     navigation.navigate(`/kpis/${line.id}`);
   };
-  const handleBackClick = React33.useCallback(() => {
+  const handleBackClick = React14.useCallback(() => {
     if (onBackClick) {
       onBackClick();
     } else if (backLinkUrl) {
@@ -26826,11 +27072,11 @@ var KPIsOverviewView = ({
   ] });
 };
 var KPIsOverviewView_default = KPIsOverviewView;
-var IsolatedTimer = React33.memo(() => {
+var IsolatedTimer = React14.memo(() => {
   return /* @__PURE__ */ jsxRuntime.jsx(ISTTimer_default, {});
 }, () => true);
 IsolatedTimer.displayName = "IsolatedTimer";
-var HeaderRibbon = React33.memo(({
+var HeaderRibbon = React14.memo(({
   currentDate,
   shiftId,
   getShiftIcon,
@@ -26849,7 +27095,7 @@ var HeaderRibbon = React33.memo(({
   ] })
 ] }) }));
 HeaderRibbon.displayName = "HeaderRibbon";
-var MobileWorkspaceCard = React33.memo(({
+var MobileWorkspaceCard = React14.memo(({
   workspace,
   rank,
   cardClass,
@@ -26906,7 +27152,7 @@ var MobileWorkspaceCard = React33.memo(({
   }
 ));
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
-var DesktopWorkspaceRow = React33.memo(({
+var DesktopWorkspaceRow = React14.memo(({
   workspace,
   index,
   rowClass,
@@ -26945,7 +27191,7 @@ var DesktopWorkspaceRow = React33.memo(({
   }
 ));
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
-var LeaderboardDetailView = React33.memo(({
+var LeaderboardDetailView = React14.memo(({
   lineId,
   date,
   shift,
@@ -26956,11 +27202,11 @@ var LeaderboardDetailView = React33.memo(({
   className = ""
 }) => {
   const navigation = useNavigation();
-  const [sortAscending, setSortAscending] = React33.useState(true);
-  const handleSortToggle = React33.useCallback(() => {
+  const [sortAscending, setSortAscending] = React14.useState(true);
+  const handleSortToggle = React14.useCallback(() => {
     setSortAscending(!sortAscending);
   }, [sortAscending]);
-  const realtimeMetricsParams = React33.useMemo(() => ({
+  const realtimeMetricsParams = React14.useMemo(() => ({
     lineId: lineId || "",
     date,
     shiftId: typeof shift === "number" ? shift : typeof shift === "string" ? parseInt(shift) : void 0
@@ -26972,18 +27218,18 @@ var LeaderboardDetailView = React33.memo(({
     error: metricsError,
     refreshMetrics
   } = useRealtimeLineMetrics(realtimeMetricsParams);
-  const memoizedLineId = React33.useMemo(() => lineId || "", [lineId]);
+  const memoizedLineId = React14.useMemo(() => lineId || "", [lineId]);
   const {
     workspaces,
     loading: workspacesLoading,
     error: workspacesError,
     refreshWorkspaces
   } = useLineWorkspaceMetrics(memoizedLineId);
-  const getShiftName = React33.useCallback((shiftId) => {
+  const getShiftName = React14.useCallback((shiftId) => {
     if (shiftId === void 0) return "Day";
     return shiftId === 0 ? "Day" : "Night";
   }, []);
-  const getShiftIcon = React33.useCallback((shiftId) => {
+  const getShiftIcon = React14.useCallback((shiftId) => {
     const shift2 = getShiftName(shiftId);
     if (shift2 === "Day") {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -26991,7 +27237,7 @@ var LeaderboardDetailView = React33.memo(({
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) });
     }
   }, [getShiftName]);
-  const formatDate = React33.useCallback((date2) => {
+  const formatDate = React14.useCallback((date2) => {
     return new Intl.DateTimeFormat("en-US", {
       weekday: "long",
       day: "numeric",
@@ -27000,14 +27246,14 @@ var LeaderboardDetailView = React33.memo(({
       timeZone: "Asia/Kolkata"
     }).format(date2);
   }, []);
-  const handleBackClick = React33.useCallback(() => {
+  const handleBackClick = React14.useCallback(() => {
     if (onBackClick) {
       onBackClick();
     } else {
       navigation.navigate("/");
     }
   }, [onBackClick, navigation]);
-  const getMedalIcon = React33.useCallback((rank) => {
+  const getMedalIcon = React14.useCallback((rank) => {
     if (sortAscending) return null;
     switch (rank) {
       case 1:
@@ -27020,7 +27266,7 @@ var LeaderboardDetailView = React33.memo(({
         return null;
     }
   }, [sortAscending]);
-  const handleWorkspaceClick = React33.useCallback((workspace, rank) => {
+  const handleWorkspaceClick = React14.useCallback((workspace, rank) => {
     trackCoreEvent("Workspace from Leaderboard Clicked", {
       workspace_name: workspace.workspace_name,
       workspace_id: workspace.workspace_uuid,
@@ -27039,7 +27285,7 @@ var LeaderboardDetailView = React33.memo(({
       navigation.navigate(`/workspace/${workspace.workspace_uuid}${navParams}${returnToParam}`);
     }
   }, [onWorkspaceClick, navigation, lineId, workspaces?.length]);
-  const sortedWorkspaces = React33.useMemo(() => {
+  const sortedWorkspaces = React14.useMemo(() => {
     if (!workspaces) return [];
     return [...workspaces].sort((a, b) => {
       const effA = a.efficiency || 0;
@@ -27047,9 +27293,9 @@ var LeaderboardDetailView = React33.memo(({
       return sortAscending ? effA - effB : effB - effA;
     });
   }, [workspaces, sortAscending]);
-  const loading = React33.useMemo(() => metricsLoading || workspacesLoading, [metricsLoading, workspacesLoading]);
-  const error = React33.useMemo(() => metricsError || workspacesError, [metricsError, workspacesError]);
-  const currentDateFormatted = React33.useMemo(() => formatDate(/* @__PURE__ */ new Date()), [formatDate]);
+  const loading = React14.useMemo(() => metricsLoading || workspacesLoading, [metricsLoading, workspacesLoading]);
+  const error = React14.useMemo(() => metricsError || workspacesError, [metricsError, workspacesError]);
+  const currentDateFormatted = React14.useMemo(() => formatDate(/* @__PURE__ */ new Date()), [formatDate]);
   if (loading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl text-gray-600", children: "Loading workspaces..." }) });
   }
@@ -27194,15 +27440,15 @@ var ProfileView = () => {
   const supabase = useSupabase();
   const navigation = useNavigation();
   const { authConfig } = useDashboardConfig();
-  const [activeTab, setActiveTab] = React33.useState("profile");
-  const [profileData, setProfileData] = React33.useState({
+  const [activeTab, setActiveTab] = React14.useState("profile");
+  const [profileData, setProfileData] = React14.useState({
     email: user?.email || ""
   });
-  const [isEditing, setIsEditing] = React33.useState(false);
-  const [loading, setLoading] = React33.useState(false);
-  const [error, setError] = React33.useState(null);
-  const [success, setSuccess] = React33.useState(null);
-  React33.useEffect(() => {
+  const [isEditing, setIsEditing] = React14.useState(false);
+  const [loading, setLoading] = React14.useState(false);
+  const [error, setError] = React14.useState(null);
+  const [success, setSuccess] = React14.useState(null);
+  React14.useEffect(() => {
     const loadProfileData = async () => {
       if (!user || !supabase) return;
       setLoading(true);
@@ -27579,7 +27825,7 @@ var formatBreaks = (breaks) => {
     }))
   };
 };
-var BreakRow = React33.memo(({
+var BreakRow = React14.memo(({
   break: breakItem,
   onUpdate,
   onRemove,
@@ -27630,7 +27876,7 @@ var BreakRow = React33.memo(({
   ] });
 });
 BreakRow.displayName = "BreakRow";
-var ShiftPanel = React33.memo(({
+var ShiftPanel = React14.memo(({
   title,
   icon,
   startTime,
@@ -27645,8 +27891,8 @@ var ShiftPanel = React33.memo(({
 }) => {
   const panelId = `panel-${title.toLowerCase().replace(/\s+/g, "-")}`;
   const storageKey = `shift_panel_${panelId}_minimized`;
-  const [isMinimized, setIsMinimized] = React33.useState(true);
-  React33.useEffect(() => {
+  const [isMinimized, setIsMinimized] = React14.useState(true);
+  React14.useEffect(() => {
     setIsMinimized(true);
   }, []);
   const toggleMinimize = (e) => {
@@ -27777,7 +28023,7 @@ var ShiftsView = ({
 }) => {
   const supabase = useSupabase();
   const auth = useAuth();
-  const [lineConfigs, setLineConfigs] = React33.useState(
+  const [lineConfigs, setLineConfigs] = React14.useState(
     () => lineIds.map((id3) => ({
       id: id3,
       name: lineNames[id3] || `Line ${id3.substring(0, 4)}`,
@@ -27796,9 +28042,9 @@ var ShiftsView = ({
       saveSuccess: false
     }))
   );
-  const [loading, setLoading] = React33.useState(true);
-  const [error, setError] = React33.useState(null);
-  const showToast = React33.useCallback((type, message) => {
+  const [loading, setLoading] = React14.useState(true);
+  const [error, setError] = React14.useState(null);
+  const showToast = React14.useCallback((type, message) => {
     if (onToast) {
       onToast(type, message);
     } else {
@@ -27809,7 +28055,7 @@ var ShiftsView = ({
       }
     }
   }, [onToast]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchShiftConfigs = async () => {
       try {
         setLoading(true);
@@ -27875,7 +28121,7 @@ var ShiftsView = ({
     };
     fetchShiftConfigs();
   }, [supabase, lineIds, showToast]);
-  React33.useCallback((lineId) => {
+  React14.useCallback((lineId) => {
     setLineConfigs((prev) => {
       const typedPrev = prev;
       const newIsOpen = !typedPrev.find((config) => config.id === lineId)?.isOpen;
@@ -27885,7 +28131,7 @@ var ShiftsView = ({
       );
     });
   }, []);
-  const updateDayShiftStartTime = React33.useCallback((lineId, value) => {
+  const updateDayShiftStartTime = React14.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27898,7 +28144,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const updateDayShiftEndTime = React33.useCallback((lineId, value) => {
+  const updateDayShiftEndTime = React14.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27911,7 +28157,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const updateNightShiftStartTime = React33.useCallback((lineId, value) => {
+  const updateNightShiftStartTime = React14.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27924,7 +28170,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const updateNightShiftEndTime = React33.useCallback((lineId, value) => {
+  const updateNightShiftEndTime = React14.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27937,7 +28183,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const addDayShiftBreak = React33.useCallback((lineId) => {
+  const addDayShiftBreak = React14.useCallback((lineId) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27959,7 +28205,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const addNightShiftBreak = React33.useCallback((lineId) => {
+  const addNightShiftBreak = React14.useCallback((lineId) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -27980,7 +28226,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const updateDayShiftBreak = React33.useCallback((lineId, index, field, value) => {
+  const updateDayShiftBreak = React14.useCallback((lineId, index, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -28008,7 +28254,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const updateNightShiftBreak = React33.useCallback((lineId, index, field, value) => {
+  const updateNightShiftBreak = React14.useCallback((lineId, index, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
       const typedConfig = config;
       if (typedConfig.id === lineId) {
@@ -28036,7 +28282,7 @@ var ShiftsView = ({
       return typedConfig;
     }));
   }, []);
-  const removeDayShiftBreak = React33.useCallback((lineId, index) => {
+  const removeDayShiftBreak = React14.useCallback((lineId, index) => {
     setLineConfigs((prev) => prev.map((config) => {
       if (config.id === lineId) {
         const dayShift = { ...config.dayShift };
@@ -28051,7 +28297,7 @@ var ShiftsView = ({
       return config;
     }));
   }, []);
-  const removeNightShiftBreak = React33.useCallback((lineId, index) => {
+  const removeNightShiftBreak = React14.useCallback((lineId, index) => {
     setLineConfigs((prev) => prev.map((config) => {
       if (config.id === lineId) {
         const nightShift = { ...config.nightShift };
@@ -28066,7 +28312,7 @@ var ShiftsView = ({
       return config;
     }));
   }, []);
-  const handleSaveShifts = React33.useCallback(async (lineId) => {
+  const handleSaveShifts = React14.useCallback(async (lineId) => {
     if (!auth.user?.id && false) ;
     setLineConfigs((prev) => prev.map(
       (config) => config.id === lineId ? { ...config, isSaving: true, saveSuccess: false } : config
@@ -28292,27 +28538,27 @@ var BulkConfigureModal = ({
   onSave,
   selectedShift
 }) => {
-  const [selectedLine, setSelectedLine] = React33.useState("");
-  const [selectedWorkspaces, setSelectedWorkspaces] = React33.useState([]);
-  const [actionType, setActionType] = React33.useState("assembly");
-  const [targetPPH, setTargetPPH] = React33.useState("");
-  const [targetCycleTime, setTargetCycleTime] = React33.useState("");
-  const [targetDayOutput, setTargetDayOutput] = React33.useState("");
-  const [productId, setProductId] = React33.useState("");
-  const [selectedCount, setSelectedCount] = React33.useState(0);
-  const shiftHours = React33.useMemo(() => {
+  const [selectedLine, setSelectedLine] = React14.useState("");
+  const [selectedWorkspaces, setSelectedWorkspaces] = React14.useState([]);
+  const [actionType, setActionType] = React14.useState("assembly");
+  const [targetPPH, setTargetPPH] = React14.useState("");
+  const [targetCycleTime, setTargetCycleTime] = React14.useState("");
+  const [targetDayOutput, setTargetDayOutput] = React14.useState("");
+  const [productId, setProductId] = React14.useState("");
+  const [selectedCount, setSelectedCount] = React14.useState(0);
+  const shiftHours = React14.useMemo(() => {
     if (selectedLine && lineWorkspaces[selectedLine]) {
       return lineWorkspaces[selectedLine].shiftHours;
     }
     return 8;
   }, [selectedLine, lineWorkspaces]);
-  const selectedLineBreaks = React33.useMemo(() => {
+  const selectedLineBreaks = React14.useMemo(() => {
     if (selectedLine && lineWorkspaces[selectedLine]) {
       return lineWorkspaces[selectedLine].breaks;
     }
     return [];
   }, [selectedLine, lineWorkspaces]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!isOpen) {
       setTimeout(() => {
         setSelectedLine("");
@@ -28325,12 +28571,12 @@ var BulkConfigureModal = ({
       }, 200);
     }
   }, [isOpen]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (selectedLine && lineWorkspaces[selectedLine]) {
       setProductId(lineWorkspaces[selectedLine].productId);
     }
   }, [selectedLine, lineWorkspaces]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     setSelectedCount(selectedWorkspaces.length);
   }, [selectedWorkspaces]);
   const handleSave = async () => {
@@ -28385,7 +28631,7 @@ var BulkConfigureModal = ({
       setSelectedWorkspaces(allWorkspaceIds);
     }
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -28909,7 +29155,7 @@ var TargetsView = ({
   userId,
   onSaveChanges
 }) => {
-  const initialLineWorkspaces = React33.useMemo(() => {
+  const initialLineWorkspaces = React14.useMemo(() => {
     return lineIds.reduce((acc, lineId) => ({
       ...acc,
       [lineId]: {
@@ -28926,22 +29172,22 @@ var TargetsView = ({
       }
     }), {});
   }, [lineIds]);
-  const [lineWorkspaces, setLineWorkspaces] = React33.useState(initialLineWorkspaces);
-  const [actionIds, setActionIds] = React33.useState(null);
-  const [savingLines, setSavingLines] = React33.useState(
+  const [lineWorkspaces, setLineWorkspaces] = React14.useState(initialLineWorkspaces);
+  const [actionIds, setActionIds] = React14.useState(null);
+  const [savingLines, setSavingLines] = React14.useState(
     () => lineIds.reduce((acc, id3) => ({ ...acc, [id3]: false }), {})
   );
-  const [saveSuccess, setSaveSuccess] = React33.useState(
+  const [saveSuccess, setSaveSuccess] = React14.useState(
     () => lineIds.reduce((acc, id3) => ({ ...acc, [id3]: false }), {})
   );
-  const [isLoading, setIsLoading] = React33.useState(true);
-  const [isBulkConfigureOpen, setIsBulkConfigureOpen] = React33.useState(false);
-  const [selectedWorkspaces, setSelectedWorkspaces] = React33.useState([]);
-  const [selectedShift, setSelectedShift] = React33.useState(0);
+  const [isLoading, setIsLoading] = React14.useState(true);
+  const [isBulkConfigureOpen, setIsBulkConfigureOpen] = React14.useState(false);
+  const [selectedWorkspaces, setSelectedWorkspaces] = React14.useState([]);
+  const [selectedShift, setSelectedShift] = React14.useState(0);
   const supabase = useSupabase();
   const auth = useAuth();
   userId || auth?.user?.id;
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchLineDetails = async () => {
       if (!supabase || lineIds.length === 0) return;
       const detailsPromises = lineIds.map(async (lineId) => {
@@ -28972,7 +29218,7 @@ var TargetsView = ({
     };
     fetchLineDetails();
   }, [supabase, lineIds]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchActions = async () => {
       if (!supabase) {
         console.error("Supabase client not available in fetchActions");
@@ -29005,7 +29251,7 @@ var TargetsView = ({
     };
     fetchActions();
   }, [supabase, companyId]);
-  const fetchLineThresholds = React33.useCallback(async () => {
+  const fetchLineThresholds = React14.useCallback(async () => {
     try {
       if (!supabase) return;
       const currentDate = getOperationalDate();
@@ -29096,7 +29342,7 @@ var TargetsView = ({
       console.error("Error in fetchLineThresholds outer try-catch:", error);
     }
   }, [selectedShift, supabase, lineIds, lineWorkspaces]);
-  const loadOperatingHours = React33.useCallback(async (lineId, shiftId) => {
+  const loadOperatingHours = React14.useCallback(async (lineId, shiftId) => {
     try {
       if (!supabase) return null;
       const { data, error } = await supabase.from("line_operating_hours").select("start_time, end_time, breaks").eq("line_id", lineId).eq("shift_id", shiftId).maybeSingle();
@@ -29191,7 +29437,7 @@ var TargetsView = ({
       };
     }
   }, [supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const allFactoryIdsLoaded = lineIds.every((lineId) => lineWorkspaces[lineId]?.factoryId);
     if (!actionIds || !allFactoryIdsLoaded) {
       return;
@@ -29254,7 +29500,7 @@ var TargetsView = ({
     };
     fetchWorkspacesAndThenThresholds();
   }, [actionIds, supabase, lineIds, lineWorkspaces, fetchLineThresholds]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (Object.keys(lineWorkspaces).length > 0) {
       const updatedLineWorkspaces = { ...lineWorkspaces };
       let hasChanges = false;
@@ -29284,7 +29530,7 @@ var TargetsView = ({
       }
     }
   }, [selectedShift]);
-  const toggleLineDropdown = React33.useCallback((lineId) => {
+  const toggleLineDropdown = React14.useCallback((lineId) => {
     setLineWorkspaces((prev) => {
       const newIsOpen = !prev[lineId].isOpen;
       if (typeof window !== "undefined") {
@@ -29396,7 +29642,7 @@ var TargetsView = ({
     };
     loadShiftHours();
   };
-  const handleActionTypeChange = React33.useCallback((lineId, workspaceId, newActionType) => {
+  const handleActionTypeChange = React14.useCallback((lineId, workspaceId, newActionType) => {
     if (!actionIds) return;
     setLineWorkspaces((prev) => ({
       ...prev,
@@ -29412,7 +29658,7 @@ var TargetsView = ({
       }
     }));
   }, [actionIds]);
-  const handleSaveLine = React33.useCallback(async (lineId) => {
+  const handleSaveLine = React14.useCallback(async (lineId) => {
     console.log(`[handleSaveLine] Attempting to save line: ${lineId}`);
     const hardcodedUserId = "6bf6f271-1e55-4a95-9b89-1c3820b58739";
     const currentEffectiveUserId = hardcodedUserId;
@@ -29647,7 +29893,7 @@ var WorkspaceDetailView = ({
   showCycleTimeChart,
   renderHeaderActions
 }) => {
-  const parsedShiftId = React33.useMemo(() => {
+  const parsedShiftId = React14.useMemo(() => {
     if (shift) {
       const shiftNumber = typeof shift === "string" ? parseInt(shift, 10) : shift;
       if (!isNaN(shiftNumber)) {
@@ -29656,19 +29902,19 @@ var WorkspaceDetailView = ({
     }
     return void 0;
   }, [shift]);
-  const [previousView, setPreviousView] = React33.useState("dashboard");
-  const [monthlyData, setMonthlyData] = React33.useState([]);
-  const [monthlyDataLoading, setMonthlyDataLoading] = React33.useState(false);
+  const [previousView, setPreviousView] = React14.useState("dashboard");
+  const [monthlyData, setMonthlyData] = React14.useState([]);
+  const [monthlyDataLoading, setMonthlyDataLoading] = React14.useState(false);
   const today = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: "Asia/Kolkata" }));
-  const [selectedMonth, setSelectedMonth] = React33.useState(today.getMonth());
-  const [selectedYear, setSelectedYear] = React33.useState(today.getFullYear());
-  const [selectedShift, setSelectedShift] = React33.useState("day");
+  const [selectedMonth, setSelectedMonth] = React14.useState(today.getMonth());
+  const [selectedYear, setSelectedYear] = React14.useState(today.getFullYear());
+  const [selectedShift, setSelectedShift] = React14.useState("day");
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
-  const [activeTab, setActiveTab] = React33.useState(initialTab);
-  const [isTransitioning, setIsTransitioning] = React33.useState(false);
-  const [usingFallbackData, setUsingFallbackData] = React33.useState(false);
-  const [showIdleTime, setShowIdleTime] = React33.useState(false);
+  const [activeTab, setActiveTab] = React14.useState(initialTab);
+  const [isTransitioning, setIsTransitioning] = React14.useState(false);
+  const [usingFallbackData, setUsingFallbackData] = React14.useState(false);
+  const [showIdleTime, setShowIdleTime] = React14.useState(false);
   const {
     metrics: historicMetrics,
     isLoading: historicLoading,
@@ -29690,17 +29936,17 @@ var WorkspaceDetailView = ({
   const workspace = isHistoricView ? historicMetrics : liveMetrics;
   const loading = isHistoricView ? historicLoading : liveLoading;
   const error = isHistoricView ? historicError : liveError;
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (onTabChange) {
       onTabChange(activeTab);
     }
   }, [activeTab, onTabChange]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (date) {
       setActiveTab("overview");
     }
   }, [date]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (liveMetrics && !date && !shift) {
       const currentDate = getOperationalDate();
       if (liveMetrics.date !== currentDate) {
@@ -29713,7 +29959,7 @@ var WorkspaceDetailView = ({
       }
     }
   }, [liveMetrics, date, shift, activeTab]);
-  React33.useMemo(() => {
+  React14.useMemo(() => {
     if (isHistoricView && date) {
       try {
         new Date(date);
@@ -29725,7 +29971,7 @@ var WorkspaceDetailView = ({
     }
     return getOperationalDate();
   }, [isHistoricView, date]);
-  const handleMonthlyDataLoaded = React33.useCallback((data) => {
+  const handleMonthlyDataLoaded = React14.useCallback((data) => {
     if (!data || !Array.isArray(data)) {
       console.error("Invalid monthly metrics data received:", data);
       setMonthlyData([]);
@@ -30632,6 +30878,7 @@ exports.createSupabaseClient = createSupabaseClient;
 exports.createThrottledReload = createThrottledReload;
 exports.dashboardService = dashboardService;
 exports.deleteThread = deleteThread;
+exports.forceRefreshWorkspaceDisplayNames = forceRefreshWorkspaceDisplayNames;
 exports.formatDateInZone = formatDateInZone;
 exports.formatDateTimeInZone = formatDateTimeInZone;
 exports.formatISTDate = formatISTDate;
@@ -30677,6 +30924,7 @@ exports.isWorkspaceDisplayNamesLoaded = isWorkspaceDisplayNamesLoaded;
 exports.isWorkspaceDisplayNamesLoading = isWorkspaceDisplayNamesLoading;
 exports.mergeWithDefaultConfig = mergeWithDefaultConfig;
 exports.optifyeAgentClient = optifyeAgentClient;
+exports.preInitializeWorkspaceDisplayNames = preInitializeWorkspaceDisplayNames;
 exports.preloadS3Video = preloadS3Video;
 exports.preloadS3VideoUrl = preloadS3VideoUrl;
 exports.preloadS3VideosUrl = preloadS3VideosUrl;