npm - @optifye/dashboard-core - Versions diffs - 4.2.2 → 4.2.4 - Mend

@optifye/dashboard-core 4.2.2 → 4.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -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);
@@ -139,8 +139,9 @@ var DEFAULT_ENDPOINTS_CONFIG = {
   whatsapp: "/api/send-whatsapp-direct",
   agnoApiUrl: process.env.NEXT_PUBLIC_AGNO_URL || "https://optifye-agent-production.up.railway.app",
   // Default AGNO API URL
-  // Hard-coded Slack webhook so the Help page works out-of-the-box without any config
-  slackWebhookUrl: "https://hooks.slack.com/services/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",
+  // Use environment variable for Slack webhook URL for privacy/security
+  // Note: SLACK_WEBHOOK_URL is server-side only, NEXT_PUBLIC_SLACK_WEBHOOK_URL works client-side but is less secure
+  slackWebhookUrl: process.env.SLACK_WEBHOOK_URL || process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL || void 0,
   slackProxyEndpoint: void 0
 };
 var DEFAULT_THEME_CONFIG = {
@@ -216,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);
@@ -249,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;
 };
@@ -298,7 +299,7 @@ function useCustomConfig() {
   const { customConfig } = useDashboardConfig();
   return customConfig ?? {};
 }
-var AuthContext = React33.createContext({
+var AuthContext = React14.createContext({
   session: null,
   user: null,
   loading: true,
@@ -306,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,
@@ -348,7 +349,7 @@ var AuthProvider = ({ children }) => {
       return basicUser;
     }
   }, [supabase, userProfileTable, roleColumn]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!supabase) return;
     let mounted = true;
     const safetyTimeout = setTimeout(() => {
@@ -436,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 || {},
@@ -451,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
@@ -479,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.");
   }
@@ -532,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();
@@ -548,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 = () => {
@@ -601,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();
@@ -617,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 = () => {
@@ -667,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);
@@ -844,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();
@@ -858,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;
@@ -877,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,
@@ -897,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 }
           };
@@ -929,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,
@@ -968,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 }
       };
@@ -981,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) {
@@ -991,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);
@@ -1012,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;
@@ -1125,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);
@@ -1197,7 +1308,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
       setLoading(false);
     }
   }, [lineId, queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!initialized) {
       fetchWorkspaceMetrics();
     }
@@ -1227,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]
   );
@@ -1488,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 = {
@@ -1526,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 }
       };
@@ -1873,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);
@@ -1934,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;
@@ -2948,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) {
@@ -2985,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")) {
@@ -3067,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")) {
@@ -3108,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);
@@ -3186,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);
@@ -3292,7 +3444,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId }) => {
     defaultTimezone,
     shiftConfig
   ]);
-  const queueUpdate = React33.useCallback(() => {
+  const queueUpdate = React14.useCallback(() => {
     if (updateQueueRef.current || !supabase) {
       return;
     }
@@ -3304,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;
@@ -3409,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);
@@ -3463,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) {
@@ -3473,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);
@@ -3556,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;
@@ -3783,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) {
@@ -3793,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);
@@ -3863,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) {
@@ -3884,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,
@@ -3899,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);
@@ -3947,7 +4099,7 @@ var useTargets = (options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, targetsTable, options]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -3962,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);
@@ -3999,7 +4151,7 @@ var useShifts = () => {
       setIsLoading(false);
     }
   }, [supabase, companyId, shiftsTable]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4013,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);
@@ -4059,7 +4211,7 @@ var useWorkspaceOperators = (workspaceId, options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, workspaceId, operatorsTable, options]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4100,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;
@@ -4122,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);
@@ -4138,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);
@@ -4163,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,
@@ -4172,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]);
@@ -4191,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);
@@ -4237,7 +4389,7 @@ var useFactoryOverviewMetrics = (options) => {
       setIsLoading(false);
     }
   }, [supabase, companyId, targetFactoryId, overviewTable, determinedDate, determinedShiftId, defaultTimezone, shiftConfig]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchData();
   }, [fetchData]);
   return {
@@ -4312,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) => {
@@ -4397,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);
@@ -4416,7 +4587,7 @@ var useWorkspaceDisplayNames = (companyId, lineId) => {
       setLoading(false);
     }
   }, [companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayNames();
   }, [fetchDisplayNames]);
   return {
@@ -4427,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);
@@ -4443,7 +4614,7 @@ var useWorkspaceDisplayName = (workspaceId, companyId, lineId) => {
       setLoading(false);
     }
   }, [workspaceId, companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayName();
   }, [fetchDisplayName]);
   return {
@@ -4454,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);
@@ -4473,7 +4644,7 @@ var useWorkspaceDisplayNamesMap = (workspaceIds, companyId, lineId) => {
       setLoading(false);
     }
   }, [workspaceIds, companyId, lineId]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     fetchDisplayNames();
   }, [fetchDisplayNames]);
   return {
@@ -4484,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);
@@ -4533,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) {
@@ -4598,7 +4769,7 @@ var useActiveBreaks = (lineIds) => {
       setIsLoading(false);
     }
   }, [lineIds, supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     checkActiveBreaks();
     const interval = setInterval(checkActiveBreaks, 6e4);
     return () => clearInterval(interval);
@@ -4617,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);
@@ -4638,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);
@@ -4648,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);
@@ -4732,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) {
@@ -4753,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";
@@ -4766,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";
@@ -4779,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";
@@ -4792,7 +4963,7 @@ function useDateFormatter() {
     },
     [defaultTimezone, defaultLocale, dateTimeFormatOptions]
   );
-  const getNow = React33.useCallback(() => {
+  const getNow = React14.useCallback(() => {
     return /* @__PURE__ */ new Date();
   }, []);
   return {
@@ -4806,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);
@@ -4866,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);
@@ -4995,7 +5166,7 @@ function useHlsStream(videoRef, { src, shouldPlay, onFatalError }) {
       }
     }, 7e3);
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!src || !shouldPlay) {
       cleanup();
       return;
@@ -8014,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, {
@@ -8049,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) {
@@ -8087,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;
@@ -8120,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)
@@ -8135,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,
@@ -8154,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") {
@@ -8169,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;
@@ -8195,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;
@@ -8242,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);
@@ -8409,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 = {
@@ -8547,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) {
@@ -8593,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;
@@ -8610,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);
@@ -8648,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, {
@@ -8670,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;
@@ -8693,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) {
@@ -8743,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)
     };
@@ -8759,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);
@@ -8900,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);
 };
@@ -9427,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);
@@ -9455,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 {
@@ -9477,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
     });
@@ -13179,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
@@ -13263,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: {
@@ -15388,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
   });
 };
@@ -15426,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.");
@@ -15469,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);
@@ -15493,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) => {
@@ -15688,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();
@@ -15712,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 = {
@@ -16159,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;
@@ -16192,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);
@@ -16416,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,
@@ -16428,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,
@@ -16437,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,
@@ -16449,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,
@@ -16458,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,
@@ -16536,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(
@@ -16567,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;
@@ -16600,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);
@@ -16611,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);
@@ -16627,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);
@@ -16641,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);
@@ -16749,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;
@@ -16786,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);
+                        }) })
+                      ] })
                     ] })
                   ] })
                 ] });
@@ -16917,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: [
@@ -16943,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");
   }
@@ -17023,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);
@@ -17058,7 +17287,7 @@ var SOPComplianceChart = ({
     }
     animationFrameRef.current = requestAnimationFrame(animate);
   }, []);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (data.length === 0) {
       if (prevDataRef.current.length === 0) {
         animateToNewData(mockData);
@@ -17314,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);
@@ -17349,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];
@@ -17440,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);
     }
@@ -17571,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;
@@ -17651,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;
@@ -17673,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());
@@ -17705,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 = {
@@ -17760,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,
     {
@@ -17784,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.");
@@ -17867,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();
@@ -18202,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 {
@@ -18517,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 {
@@ -18802,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.");
@@ -19060,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();
@@ -19131,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;
@@ -19156,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");
@@ -19173,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
@@ -19182,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);
@@ -19240,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);
@@ -19366,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 {
@@ -19571,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 {
@@ -19851,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);
@@ -19915,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,
@@ -19931,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,
@@ -19941,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,
@@ -19951,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,
@@ -19979,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,
@@ -19988,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,
@@ -20004,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,
@@ -20039,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 = {
@@ -20129,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++) {
@@ -20155,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);
@@ -20822,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);
@@ -20850,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);
@@ -20910,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;
@@ -20932,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") {
@@ -20956,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) {
@@ -20970,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;
@@ -20980,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;
@@ -20990,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];
@@ -21189,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);
@@ -21228,7 +21457,7 @@ var BottlenecksContent = ({
       }
     }
   };
-  const clipCounts = React33.useMemo(() => {
+  const clipCounts = React14.useMemo(() => {
     if (!allVideos) return {
       bottlenecks: 0,
       lowValue: 0,
@@ -21256,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;
     }
@@ -21746,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,
@@ -21755,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,
@@ -21784,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();
     }
@@ -21877,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 = "",
@@ -21885,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;
@@ -21923,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;
@@ -21963,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,
@@ -21997,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,
@@ -22160,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,
@@ -22169,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";
@@ -22180,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);
@@ -22204,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",
     {
@@ -22253,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,
@@ -22263,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
@@ -22293,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") {
@@ -22312,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),
@@ -22321,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();
@@ -22334,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 () => {
@@ -22442,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";
@@ -22465,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);
     }
@@ -22479,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 });
@@ -22685,7 +22914,7 @@ var KPIHeader = ({
     }
   );
 };
-var KPISection = React33.memo(({
+var KPISection = React14.memo(({
   kpis,
   className,
   layout: layout2 = "row",
@@ -22794,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();
@@ -22829,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" })
 ] }) }) }));
@@ -22842,7 +23071,7 @@ var WorkspaceMonthlyDataFetcher = ({
   onLoadingChange
 }) => {
   const supabase = useSupabase();
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (!workspaceId) return;
     const fetchMonthlyData = async () => {
       onLoadingChange(true);
@@ -22891,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",
@@ -22915,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);
@@ -23017,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");
@@ -23072,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,
@@ -23085,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: {
@@ -23101,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: {
@@ -23110,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: {
@@ -23119,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: {
@@ -23127,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: {
@@ -23135,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: {
@@ -23143,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: {
@@ -23151,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: {
@@ -23159,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",
@@ -23414,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";
@@ -23491,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}`);
@@ -23637,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?")) {
@@ -23710,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",
     {
@@ -23733,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;
   };
@@ -23824,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]);
@@ -23846,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);
@@ -23880,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`;
@@ -23889,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;
@@ -23910,7 +24139,7 @@ var AIAgentView = () => {
       return () => clearInterval(typeInterval);
     }
   }, [messages.length, isTransitioning]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     if (isSidebarOpen) {
       setNewChatCount(0);
     }
@@ -23934,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();
@@ -24695,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 = [];
@@ -24733,7 +24962,7 @@ var FactoryView = ({
       processLineData(line2DataHook, "Line 2")
     ];
   }, [line1DataHook, line2DataHook]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchHourlyData = async () => {
       try {
         if (!supabase) {
@@ -25156,6 +25385,17 @@ var SlackAPI = class {
       const config = _getDashboardConfigInstance();
       const endpointsConfig = config.endpoints ?? DEFAULT_ENDPOINTS_CONFIG;
       const { slackWebhookUrl, slackProxyEndpoint } = endpointsConfig;
+      console.log("SlackAPI Debug - Configuration check:", {
+        hasConfig: !!config,
+        hasEndpoints: !!config.endpoints,
+        slackWebhookUrl: slackWebhookUrl ? "configured" : "not configured",
+        slackProxyEndpoint: slackProxyEndpoint ? "configured" : "not configured",
+        envVariable: process.env.SLACK_WEBHOOK_URL ? "set" : "not set",
+        publicEnvVariable: process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL ? "set" : "not set"
+      });
+      if (process.env.NEXT_PUBLIC_SLACK_WEBHOOK_URL && !process.env.SLACK_WEBHOOK_URL) {
+        console.warn("\u26A0\uFE0F SECURITY WARNING: Using NEXT_PUBLIC_SLACK_WEBHOOK_URL exposes your webhook URL to the client. Consider using a server-side proxy instead.");
+      }
       if (slackWebhookUrl) {
         const slackMessage = this.formatSlackMessage(ticket);
         const response = await fetch(slackWebhookUrl, {
@@ -25190,6 +25430,10 @@ var SlackAPI = class {
         return;
       }
       console.warn("Slack notification skipped: No webhook or proxy endpoint configured");
+      console.info("To fix this, either:");
+      console.info("1. Set up a server-side proxy endpoint and configure slackProxyEndpoint in your dashboard config");
+      console.info("2. For development only: use NEXT_PUBLIC_SLACK_WEBHOOK_URL (not recommended for production)");
+      console.info("3. Configure the webhook URL directly in your dashboard config at runtime");
     } catch (error) {
       console.error("Failed to send Slack notification:", error);
       throw error;
@@ -25298,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 },
@@ -25556,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 {
@@ -25571,7 +25833,7 @@ function HomeView({
   } = useLineKPIs({
     lineId: selectedLineId
   });
-  const onLineMetricsUpdate = React33.useCallback(() => {
+  const onLineMetricsUpdate = React14.useCallback(() => {
     const timer = setTimeout(() => {
       refetchKPIs();
     }, 1e3);
@@ -25592,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,
@@ -25608,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) {
@@ -25620,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
       ] })
     ] }) }) });
   }
@@ -25661,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,
@@ -25682,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
@@ -25757,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,
     {
@@ -25803,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,
@@ -25815,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,
@@ -25959,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." })
@@ -25979,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) {
@@ -25989,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) {
@@ -25998,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") {
@@ -26016,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") {
@@ -26028,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" }) });
@@ -26039,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 }));
@@ -26072,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");
@@ -26154,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;
     }
@@ -26186,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);
@@ -26195,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(() => {
@@ -26215,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,
@@ -26225,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,
@@ -26240,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",
@@ -26515,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";
@@ -26653,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) {
@@ -26689,7 +26951,7 @@ var KPIsOverviewView = ({
     });
     navigation.navigate(`/kpis/${line.id}`);
   };
-  const handleBackClick = React33.useCallback(() => {
+  const handleBackClick = React14.useCallback(() => {
     if (onBackClick) {
       onBackClick();
     } else if (backLinkUrl) {
@@ -26810,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,
@@ -26833,7 +27095,7 @@ var HeaderRibbon = React33.memo(({
   ] })
 ] }) }));
 HeaderRibbon.displayName = "HeaderRibbon";
-var MobileWorkspaceCard = React33.memo(({
+var MobileWorkspaceCard = React14.memo(({
   workspace,
   rank,
   cardClass,
@@ -26890,7 +27152,7 @@ var MobileWorkspaceCard = React33.memo(({
   }
 ));
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
-var DesktopWorkspaceRow = React33.memo(({
+var DesktopWorkspaceRow = React14.memo(({
   workspace,
   index,
   rowClass,
@@ -26929,7 +27191,7 @@ var DesktopWorkspaceRow = React33.memo(({
   }
 ));
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
-var LeaderboardDetailView = React33.memo(({
+var LeaderboardDetailView = React14.memo(({
   lineId,
   date,
   shift,
@@ -26940,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
@@ -26956,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" }) });
@@ -26975,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",
@@ -26984,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:
@@ -27004,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,
@@ -27023,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;
@@ -27031,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..." }) });
   }
@@ -27178,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);
@@ -27563,7 +27825,7 @@ var formatBreaks = (breaks) => {
     }))
   };
 };
-var BreakRow = React33.memo(({
+var BreakRow = React14.memo(({
   break: breakItem,
   onUpdate,
   onRemove,
@@ -27614,7 +27876,7 @@ var BreakRow = React33.memo(({
   ] });
 });
 BreakRow.displayName = "BreakRow";
-var ShiftPanel = React33.memo(({
+var ShiftPanel = React14.memo(({
   title,
   icon,
   startTime,
@@ -27629,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) => {
@@ -27761,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)}`,
@@ -27780,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 {
@@ -27793,7 +28055,7 @@ var ShiftsView = ({
       }
     }
   }, [onToast]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const fetchShiftConfigs = async () => {
       try {
         setLoading(true);
@@ -27859,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;
@@ -27869,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) {
@@ -27882,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) {
@@ -27895,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) {
@@ -27908,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) {
@@ -27921,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) {
@@ -27943,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) {
@@ -27964,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) {
@@ -27992,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) {
@@ -28020,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 };
@@ -28035,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 };
@@ -28050,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
@@ -28276,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("");
@@ -28309,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 () => {
@@ -28369,7 +28631,7 @@ var BulkConfigureModal = ({
       setSelectedWorkspaces(allWorkspaceIds);
     }
   };
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         onClose();
@@ -28893,7 +29155,7 @@ var TargetsView = ({
   userId,
   onSaveChanges
 }) => {
-  const initialLineWorkspaces = React33.useMemo(() => {
+  const initialLineWorkspaces = React14.useMemo(() => {
     return lineIds.reduce((acc, lineId) => ({
       ...acc,
       [lineId]: {
@@ -28910,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) => {
@@ -28956,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");
@@ -28989,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();
@@ -29080,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();
@@ -29175,7 +29437,7 @@ var TargetsView = ({
       };
     }
   }, [supabase]);
-  React33.useEffect(() => {
+  React14.useEffect(() => {
     const allFactoryIdsLoaded = lineIds.every((lineId) => lineWorkspaces[lineId]?.factoryId);
     if (!actionIds || !allFactoryIdsLoaded) {
       return;
@@ -29238,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;
@@ -29268,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") {
@@ -29380,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,
@@ -29396,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;
@@ -29631,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)) {
@@ -29640,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,
@@ -29674,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) {
@@ -29697,7 +29959,7 @@ var WorkspaceDetailView = ({
       }
     }
   }, [liveMetrics, date, shift, activeTab]);
-  React33.useMemo(() => {
+  React14.useMemo(() => {
     if (isHistoricView && date) {
       try {
         new Date(date);
@@ -29709,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([]);
@@ -30616,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;
@@ -30661,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;