@optifye/dashboard-core 6.9.13 → 6.9.15

package/dist/index.mjs

@@ -96,6 +96,32 @@ function isValidPrefetchStatus(status) {
   return typeof status === "string" && Object.values(PrefetchStatus).includes(status);
 }
 
+// src/lib/types/calendar.ts
+var DEFAULT_SHIFT_DATA = {
+  efficiency: 0,
+  output: 0,
+  cycleTime: 0,
+  pph: 0,
+  pphThreshold: 0,
+  idealOutput: 0,
+  rank: 0,
+  idleTime: 0,
+  hasData: false
+};
+var getShiftData = (day, shiftId) => {
+  const shift = day.shifts[shiftId];
+  if (shift) {
+    return { ...shift, hasData: true };
+  }
+  return { ...DEFAULT_SHIFT_DATA };
+};
+var hasAnyShiftData = (day) => {
+  return Object.keys(day.shifts).length > 0;
+};
+var getAvailableShiftIds = (day) => {
+  return Object.keys(day.shifts).map(Number).sort((a, b) => a - b);
+};
+
 // src/components/dashboard/grid/workspace_grid_constants.ts
 var DEFAULT_WORKSPACE_POSITIONS = [
   // Middle top row - 7 tapping workspaces (conveyor style)
@@ -142,15 +168,21 @@ var DEFAULT_ENTITY_CONFIG = {
   }
 };
 var DEFAULT_SHIFT_CONFIG = {
+  shifts: [
+    { shiftId: 0, shiftName: "Day Shift", startTime: "06:00", endTime: "18:00", breaks: [], timezone: "UTC" },
+    { shiftId: 1, shiftName: "Night Shift", startTime: "18:00", endTime: "06:00", breaks: [], timezone: "UTC" }
+  ],
   dayShift: {
     id: 0,
     startTime: "06:00",
-    endTime: "18:00"
+    endTime: "18:00",
+    name: "Day Shift"
   },
   nightShift: {
     id: 1,
     startTime: "18:00",
-    endTime: "06:00"
+    endTime: "06:00",
+    name: "Night Shift"
   },
   transitionPeriodMinutes: 15
 };
@@ -500,70 +532,128 @@ var parseTimeToMinutes = (timeString) => {
   const [hours, minutes] = timeString.split(":").map(Number);
   return hours * 60 + minutes;
 };
-var getCurrentShift = (timezone, shiftConfig, now2 = /* @__PURE__ */ new Date()) => {
-  const dayShiftStartStr = shiftConfig?.dayShift?.startTime || DEFAULT_DAY_SHIFT_START;
-  const nightShiftStartStr = shiftConfig?.nightShift?.startTime || DEFAULT_NIGHT_SHIFT_START;
-  const dayShiftId = shiftConfig?.dayShift?.id ?? 0;
-  const nightShiftId = shiftConfig?.nightShift?.id ?? 1;
-  const dayShiftStartMinutes = parseTimeToMinutes(dayShiftStartStr);
-  const nightShiftStartMinutes = parseTimeToMinutes(nightShiftStartStr);
-  const effectiveDayStart = !isNaN(dayShiftStartMinutes) ? dayShiftStartMinutes : parseTimeToMinutes(DEFAULT_DAY_SHIFT_START);
-  const effectiveNightStart = !isNaN(nightShiftStartMinutes) ? nightShiftStartMinutes : parseTimeToMinutes(DEFAULT_NIGHT_SHIFT_START);
+var normalizeShiftDefinitions = (timezone, shiftConfig) => {
+  if (shiftConfig?.shifts && shiftConfig.shifts.length > 0) {
+    return {
+      shifts: shiftConfig.shifts,
+      timezone: shiftConfig.shifts[0].timezone || shiftConfig.timezone || timezone
+    };
+  }
+  const fallbackTimezone = shiftConfig?.timezone || timezone;
+  const legacyShifts = [];
+  if (shiftConfig?.dayShift) {
+    legacyShifts.push({
+      shiftId: shiftConfig.dayShift.id ?? 0,
+      shiftName: shiftConfig.dayShift.name || "Day Shift",
+      startTime: shiftConfig.dayShift.startTime || DEFAULT_DAY_SHIFT_START,
+      endTime: shiftConfig.dayShift.endTime || "18:00",
+      breaks: [],
+      timezone: fallbackTimezone
+    });
+  }
+  if (shiftConfig?.nightShift) {
+    legacyShifts.push({
+      shiftId: shiftConfig.nightShift.id ?? 1,
+      shiftName: shiftConfig.nightShift.name || "Night Shift",
+      startTime: shiftConfig.nightShift.startTime || DEFAULT_NIGHT_SHIFT_START,
+      endTime: shiftConfig.nightShift.endTime || "06:00",
+      breaks: [],
+      timezone: fallbackTimezone
+    });
+  }
+  if (legacyShifts.length === 0) {
+    legacyShifts.push(
+      {
+        shiftId: 0,
+        shiftName: "Day Shift",
+        startTime: DEFAULT_DAY_SHIFT_START,
+        endTime: "18:00",
+        breaks: [],
+        timezone: fallbackTimezone
+      },
+      {
+        shiftId: 1,
+        shiftName: "Night Shift",
+        startTime: DEFAULT_NIGHT_SHIFT_START,
+        endTime: "06:00",
+        breaks: [],
+        timezone: fallbackTimezone
+      }
+    );
+  }
+  return { shifts: legacyShifts, timezone: fallbackTimezone };
+};
+var determineShiftFromDefinitions = (timezone, shifts, now2 = /* @__PURE__ */ new Date()) => {
   const zonedNow = toZonedTime(now2, timezone);
-  const currentHour = zonedNow.getHours();
-  const currentMinutes = zonedNow.getMinutes();
-  const currentTotalMinutes = currentHour * 60 + currentMinutes;
-  const operationalDate = getOperationalDate(timezone, zonedNow, dayShiftStartStr);
-  let determinedShiftId;
-  if (effectiveDayStart < effectiveNightStart) {
-    if (currentTotalMinutes >= effectiveDayStart && currentTotalMinutes < effectiveNightStart) {
-      determinedShiftId = dayShiftId;
-    } else {
-      determinedShiftId = nightShiftId;
+  const currentMinutes = zonedNow.getHours() * 60 + zonedNow.getMinutes();
+  let chosen;
+  let operationalDate = getOperationalDate(timezone, zonedNow, shifts[0].startTime);
+  for (const shift of shifts) {
+    const start = parseTimeToMinutes(shift.startTime);
+    const endRaw = parseTimeToMinutes(shift.endTime);
+    let end = endRaw;
+    const wraps = end <= start;
+    if (wraps) end += 1440;
+    if (start <= currentMinutes && currentMinutes < end) {
+      chosen = shift;
+      operationalDate = getOperationalDate(timezone, zonedNow, shift.startTime);
+      break;
     }
-  } else {
-    if (currentTotalMinutes >= effectiveDayStart || currentTotalMinutes < effectiveNightStart) {
-      determinedShiftId = dayShiftId;
-    } else {
-      determinedShiftId = nightShiftId;
+    if (start <= currentMinutes + 1440 && currentMinutes + 1440 < end) {
+      chosen = shift;
+      operationalDate = getOperationalDate(timezone, zonedNow, shift.startTime);
+      break;
     }
   }
-  return { shiftId: determinedShiftId, date: operationalDate };
+  if (!chosen) {
+    chosen = shifts[0];
+    operationalDate = getOperationalDate(timezone, zonedNow, chosen.startTime);
+  }
+  return {
+    shiftId: chosen.shiftId,
+    shiftName: chosen.shiftName,
+    startTime: chosen.startTime,
+    endTime: chosen.endTime,
+    timezone,
+    date: operationalDate
+  };
+};
+var getCurrentShift = (timezone, shiftConfig, now2 = /* @__PURE__ */ new Date()) => {
+  const { shifts, timezone: effectiveTz } = normalizeShiftDefinitions(timezone, shiftConfig);
+  return determineShiftFromDefinitions(effectiveTz, shifts, now2);
 };
 var isTransitionPeriod = (timezone, shiftConfig, now2 = /* @__PURE__ */ new Date()) => {
-  const dayShiftStartStr = shiftConfig?.dayShift?.startTime || DEFAULT_DAY_SHIFT_START;
-  const nightShiftStartStr = shiftConfig?.nightShift?.startTime || DEFAULT_NIGHT_SHIFT_START;
   const transitionMinutes = shiftConfig?.transitionPeriodMinutes ?? DEFAULT_TRANSITION_MINUTES;
-  const dayShiftStartMinutes = parseTimeToMinutes(dayShiftStartStr);
-  const nightShiftStartMinutes = parseTimeToMinutes(nightShiftStartStr);
-  if (isNaN(dayShiftStartMinutes) || isNaN(nightShiftStartMinutes)) {
-    return false;
-  }
-  const transitionTimes = [dayShiftStartMinutes, nightShiftStartMinutes];
-  const zonedNow = toZonedTime(now2, timezone);
-  const currentHour = zonedNow.getHours();
-  const currentMinutes = zonedNow.getMinutes();
-  const currentTotalMinutes = currentHour * 60 + currentMinutes;
-  return transitionTimes.some((transitionTime) => {
+  const { shifts, timezone: effectiveTz } = normalizeShiftDefinitions(timezone, shiftConfig);
+  if (!shifts.length) return false;
+  const zonedNow = toZonedTime(now2, effectiveTz);
+  const currentTotalMinutes = zonedNow.getHours() * 60 + zonedNow.getMinutes();
+  return shifts.some((shift) => {
+    const transitionTime = parseTimeToMinutes(shift.startTime);
+    if (isNaN(transitionTime)) return false;
     const lowerBoundBefore = (transitionTime - transitionMinutes + 1440) % 1440;
     const upperBoundBefore = transitionTime;
-    let isBefore = false;
-    if (lowerBoundBefore < upperBoundBefore) {
-      isBefore = currentTotalMinutes >= lowerBoundBefore && currentTotalMinutes < upperBoundBefore;
-    } else {
-      isBefore = currentTotalMinutes >= lowerBoundBefore || currentTotalMinutes < upperBoundBefore;
-    }
     const lowerBoundAfter = transitionTime;
     const upperBoundAfter = (transitionTime + transitionMinutes) % 1440;
-    let isAfter = false;
-    if (lowerBoundAfter < upperBoundAfter) {
-      isAfter = currentTotalMinutes >= lowerBoundAfter && currentTotalMinutes < upperBoundAfter;
-    } else {
-      isAfter = currentTotalMinutes >= lowerBoundAfter || currentTotalMinutes < upperBoundAfter;
-    }
-    return isBefore || isAfter;
+    const inBefore = lowerBoundBefore < upperBoundBefore ? currentTotalMinutes >= lowerBoundBefore && currentTotalMinutes < upperBoundBefore : currentTotalMinutes >= lowerBoundBefore || currentTotalMinutes < upperBoundBefore;
+    const inAfter = lowerBoundAfter < upperBoundAfter ? currentTotalMinutes >= lowerBoundAfter && currentTotalMinutes < upperBoundAfter : currentTotalMinutes >= lowerBoundAfter || currentTotalMinutes < upperBoundAfter;
+    return inBefore || inAfter;
   });
 };
+var getShiftNameById = (shiftId, timezone, shiftConfig) => {
+  const { shifts } = normalizeShiftDefinitions(timezone, shiftConfig);
+  const shift = shifts.find((s) => s.shiftId === shiftId);
+  if (shift) {
+    return shift.shiftName;
+  }
+  if (shiftId === 0) return "Day Shift";
+  if (shiftId === 1) return "Night Shift";
+  return `Shift ${shiftId}`;
+};
+var getShortShiftName = (shiftId, timezone, shiftConfig) => {
+  const fullName = getShiftNameById(shiftId, timezone, shiftConfig);
+  return fullName.replace(/ Shift$/i, "");
+};
 
 // src/lib/utils/database.ts
 var getCompanyMetricsTableName = (companyId, prefix = "workspace_performance") => {
@@ -1156,12 +1246,12 @@ var dashboardService = {
       throw err;
     }
   },
-  async getDetailedLineInfo(lineIdInput, dateProp, shiftProp) {
+  async getDetailedLineInfo(lineIdInput, dateProp, shiftProp, providedShiftConfig) {
     const supabase = _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
     const dbConfig = config.databaseConfig ?? DEFAULT_DATABASE_CONFIG;
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
-    const shiftConfig = config.shiftConfig ?? DEFAULT_SHIFT_CONFIG;
+    const shiftConfig = providedShiftConfig || (config.shiftConfig ?? DEFAULT_SHIFT_CONFIG);
     const dateTimeConfig = config.dateTimeConfig ?? DEFAULT_DATE_TIME_CONFIG;
     const workspaceConfig = config.workspaceConfig ?? DEFAULT_WORKSPACE_CONFIG;
     const linesTable = getTable(dbConfig, "lines");
@@ -1248,8 +1338,8 @@ var dashboardService = {
             underperforming_workspaces: combinedMetricsData.underperforming_workspaces,
             line_threshold: combinedMetricsData.line_threshold,
             threshold_pph: combinedMetricsData.threshold_pph / numLines,
-            shift_start: metricsData?.[0]?.shift_start || shiftConfig.dayShift?.startTime || "06:00",
-            shift_end: metricsData?.[0]?.shift_end || shiftConfig.dayShift?.endTime || "18:00",
+            shift_start: metricsData?.[0]?.shift_start || (shiftConfig.shifts && shiftConfig.shifts.length > 0 ? shiftConfig.shifts.find((s) => s.shiftId === 0)?.startTime || shiftConfig.shifts[0].startTime : shiftConfig.dayShift?.startTime) || "06:00",
+            shift_end: metricsData?.[0]?.shift_end || (shiftConfig.shifts && shiftConfig.shifts.length > 0 ? shiftConfig.shifts.find((s) => s.shiftId === 0)?.endTime || shiftConfig.shifts[0].endTime : shiftConfig.dayShift?.endTime) || "18:00",
             last_updated: (/* @__PURE__ */ new Date()).toISOString(),
             output_array: combinedMetricsData.outputArrays.length > 0 ? memoizedOutputArrayAggregation(combinedMetricsData.outputArrays) : [],
             underperforming_workspace_names: combinedMetricsData.underperforming_workspace_names,
@@ -1290,8 +1380,8 @@ var dashboardService = {
           underperforming_workspaces: metrics2?.underperforming_workspaces ?? 0,
           line_threshold: metrics2?.line_threshold || 0,
           threshold_pph: metrics2?.threshold_pph || 0,
-          shift_start: metrics2?.shift_start || shiftConfig.dayShift?.startTime || "06:00",
-          shift_end: metrics2?.shift_end || shiftConfig.dayShift?.endTime || "18:00",
+          shift_start: metrics2?.shift_start || (shiftConfig.shifts && shiftConfig.shifts.length > 0 ? shiftConfig.shifts.find((s) => s.shiftId === 0)?.startTime || shiftConfig.shifts[0].startTime : shiftConfig.dayShift?.startTime) || "06:00",
+          shift_end: metrics2?.shift_end || (shiftConfig.shifts && shiftConfig.shifts.length > 0 ? shiftConfig.shifts.find((s) => s.shiftId === 0)?.endTime || shiftConfig.shifts[0].endTime : shiftConfig.dayShift?.endTime) || "18:00",
           last_updated: metrics2?.last_updated || (/* @__PURE__ */ new Date()).toISOString(),
           output_array: metrics2?.output_array || [],
           underperforming_workspace_names: metrics2?.underperforming_workspace_names || [],
@@ -1402,7 +1492,7 @@ var dashboardService = {
       throw err;
     }
   },
-  async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput) {
+  async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput, shiftIds) {
     _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
@@ -1422,13 +1512,14 @@ var dashboardService = {
     const currentDate = /* @__PURE__ */ new Date();
     const currentMonth = monthInput !== void 0 ? monthInput : currentDate.getMonth();
     const currentYear = yearInput !== void 0 ? yearInput : currentDate.getFullYear();
+    const dynamicShiftIds = shiftIds || shiftConfig.shifts?.map((s) => s.shiftId) || [shiftConfig.dayShift?.id ?? 0, shiftConfig.nightShift?.id ?? 1];
     const bodyPayload = {
       lineId: lineIdInput === factoryViewId ? configuredLineIds : lineIdInput,
       month: currentMonth,
       year: currentYear,
       companyId,
       metricsTable,
-      shifts: [shiftConfig.dayShift?.id ?? 0, shiftConfig.nightShift?.id ?? 1]
+      shifts: dynamicShiftIds
     };
     const response = await fetch(fullFunctionUrl, {
       method: "POST",
@@ -2135,16 +2226,13 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     this.cache.set(key, { data, timestamp: Date.now() });
   }
   getShiftTiming(timezone, shiftConfig) {
-    const { shiftId, date } = getCurrentShift(timezone, shiftConfig);
-    const dayShiftId = shiftConfig?.dayShift?.id ?? 0;
-    const isDayShift = shiftId === dayShiftId;
+    const currentShift = getCurrentShift(timezone, shiftConfig);
+    const { shiftId, date, shiftName, startTime, endTime } = currentShift;
     const defaultDayStart = "06:00";
     const defaultDayEnd = "18:00";
-    const defaultNightStart = "18:00";
-    const defaultNightEnd = "06:00";
-    const shiftStartStr = isDayShift ? shiftConfig?.dayShift?.startTime || defaultDayStart : shiftConfig?.nightShift?.startTime || defaultNightStart;
-    const shiftEndStr = isDayShift ? shiftConfig?.dayShift?.endTime || defaultDayEnd : shiftConfig?.nightShift?.endTime || defaultNightEnd;
-    const shiftLabel = isDayShift ? "Day Shift" : "Night Shift";
+    const shiftStartStr = startTime || defaultDayStart;
+    const shiftEndStr = endTime || defaultDayEnd;
+    const shiftLabel = shiftName || (shiftId === 0 ? "Day Shift" : shiftId === 1 ? "Night Shift" : `Shift ${shiftId}`);
     const parseTime = (value) => {
       const [hourPart = "0", minutePart = "0"] = value.split(":");
       const hour = Number.parseInt(hourPart, 10);
@@ -2219,6 +2307,13 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
   async getWorkspaceHealthStatus(options = {}) {
     const supabase = _getSupabaseInstance();
     if (!supabase) throw new Error("Supabase client not initialized");
+    const dashboardConfig = _getDashboardConfigInstance();
+    if (!options.shiftConfig) {
+      console.warn("[workspaceHealthService.getWorkspaceHealthStatus] \u26A0\uFE0F No shiftConfig passed! Falling back to static config. This may cause incorrect shift_id queries.");
+    }
+    const shiftConfig = options.shiftConfig || dashboardConfig?.shiftConfig;
+    const defaultTimezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "UTC";
+    const timezone = options.timezone || shiftConfig?.timezone || defaultTimezone;
     let query = supabase.from("workspace_health_status").select("*").order("workspace_display_name", { ascending: true });
     if (options.lineId) {
       query = query.eq("line_id", options.lineId);
@@ -2236,7 +2331,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     let uptimeMap = /* @__PURE__ */ new Map();
     if (companyId) {
       try {
-        uptimeMap = await this.calculateWorkspaceUptime(companyId);
+        uptimeMap = await this.calculateWorkspaceUptime(companyId, shiftConfig, timezone);
       } catch (error2) {
         console.error("Error calculating uptime:", error2);
       }
@@ -2314,7 +2409,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     }
     return filteredData;
   }
-  async getWorkspaceUptimeTimeline(workspaceId, companyId) {
+  async getWorkspaceUptimeTimeline(workspaceId, companyId, passedShiftConfig, passedTimezone) {
     if (!workspaceId) {
       throw new Error("workspaceId is required to fetch uptime timeline");
     }
@@ -2324,8 +2419,12 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     const supabase = _getSupabaseInstance();
     if (!supabase) throw new Error("Supabase client not initialized");
     const dashboardConfig = _getDashboardConfigInstance();
-    const timezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "UTC";
-    const shiftConfig = dashboardConfig?.shiftConfig;
+    const defaultTimezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "UTC";
+    if (!passedShiftConfig) {
+      console.warn("[workspaceHealthService.getWorkspaceUptimeTimeline] \u26A0\uFE0F No shiftConfig passed! Falling back to static config. This may cause incorrect shift_id queries.");
+    }
+    const shiftConfig = passedShiftConfig || dashboardConfig?.shiftConfig;
+    const timezone = passedTimezone || shiftConfig?.timezone || defaultTimezone;
     const {
       shiftId,
       shiftLabel,
@@ -2566,18 +2665,22 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
   clearCache() {
     this.cache.clear();
   }
-  async calculateWorkspaceUptime(companyId) {
+  async calculateWorkspaceUptime(companyId, passedShiftConfig, timezone) {
     const supabase = _getSupabaseInstance();
     if (!supabase) throw new Error("Supabase client not initialized");
     const dashboardConfig = _getDashboardConfigInstance();
-    const timezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "UTC";
-    const shiftConfig = dashboardConfig?.shiftConfig;
+    const defaultTimezone = dashboardConfig?.dateTimeConfig?.defaultTimezone || "UTC";
+    if (!passedShiftConfig) {
+      console.warn("[workspaceHealthService.calculateWorkspaceUptime] \u26A0\uFE0F No shiftConfig passed! Falling back to static config. This may cause incorrect shift_id queries.");
+    }
+    const shiftConfig = passedShiftConfig || dashboardConfig?.shiftConfig;
+    const effectiveTimezone = timezone || shiftConfig?.timezone || defaultTimezone;
     const {
       shiftId,
       date,
       shiftStartDate,
       completedMinutes
-    } = this.getShiftTiming(timezone, shiftConfig);
+    } = this.getShiftTiming(effectiveTimezone, shiftConfig);
     const tableName = `performance_metrics_${companyId.replace(/-/g, "_")}`;
     try {
       const { data: queryData, error } = await supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array").eq("date", date).eq("shift_id", shiftId);
@@ -2600,7 +2703,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
             minuteDate,
             outputHourly,
             outputArray,
-            timezone
+            effectiveTimezone
           );
           if (status === "down") {
             currentDownRun += 1;
@@ -4271,7 +4374,7 @@ var useAudioService = () => {
 // src/lib/utils/dateShiftUtils.ts
 function isValidShiftId(shiftId) {
   const id3 = typeof shiftId === "string" ? parseInt(shiftId, 10) : shiftId;
-  return id3 === 0 || id3 === 1;
+  return Number.isFinite(id3) && id3 >= 0;
 }
 var getSupabaseClient = () => {
   const url = process.env.NEXT_PUBLIC_SUPABASE_URL;
@@ -6803,11 +6906,12 @@ var useMetrics = (tableName, options) => {
   };
   return { data, isLoading, error, refetch };
 };
-var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
+var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId, options) => {
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
+  const shiftConfig = options?.shiftConfig || staticShiftConfig;
   const workspaceConfig = useWorkspaceConfig();
   const supabase = useSupabase();
   const [metrics2, setMetrics] = useState(null);
@@ -6820,11 +6924,12 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
   const companyId = entityConfig.companyId || "";
   const metricsTablePrefix = getMetricsTablePrefix();
   const metricsTable = `${metricsTablePrefix}_${companyId.replace(/-/g, "_")}`;
-  const defaultTimezone = dateTimeConfig.defaultTimezone;
+  const appTimezone = useAppTimezone();
+  const defaultTimezone = appTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const workspaceMetricsBaseTable = databaseConfig.tables?.workspaces ?? "workspace_metrics";
   const workspaceActionsTable = databaseConfig.tables?.actions ?? "workspace_actions";
   const fetchMetrics = useCallback(async () => {
-    if (!workspaceId || isFetchingRef.current) return;
+    if (!workspaceId || isFetchingRef.current || options?.enabled === false) return;
     try {
       isFetchingRef.current = true;
       const currentShift = getCurrentShift(defaultTimezone, shiftConfig);
@@ -6861,6 +6966,16 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
         throw new Error(`Invalid JSON response from backend. Received: ${responseText.substring(0, 100)}...`);
       }
       const data = backendData.metrics;
+      if (data && options?.shiftConfig) {
+        const dynamicShiftName = getShiftNameById(
+          data.shift_id,
+          appTimezone || "Asia/Kolkata",
+          // Fallback timezone
+          options.shiftConfig
+        );
+        data.shift_type = dynamicShiftName;
+        console.log(`[useWorkspaceDetailedMetrics] Overriding shift name for ID ${data.shift_id}: ${dynamicShiftName}`);
+      }
       if (!data && !date && shiftId === void 0) {
         console.log("[useWorkspaceDetailedMetrics] No data found for current date/shift, attempting to find most recent data...");
         const fallbackResponse = await fetch(
@@ -7306,7 +7421,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       updateQueueRef.current = false;
       setIsLoading(false);
     }
-  }, [supabase, workspaceId, date, shiftId, metricsTable, defaultTimezone, shiftConfig, workspaceConfig, companyId]);
+  }, [supabase, workspaceId, date, shiftId, metricsTable, defaultTimezone, shiftConfig, workspaceConfig, companyId, options?.enabled]);
   const queueUpdate = useCallback(() => {
     if (!workspaceId || updateQueueRef.current) return;
     updateQueueRef.current = true;
@@ -7339,7 +7454,7 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
       return;
     }
     const channels = [];
-    const operationalDate = date || getOperationalDate(defaultTimezone || "UTC");
+    const operationalDate = date || getOperationalDate(defaultTimezone);
     const currentShift = getCurrentShift(defaultTimezone, shiftConfig);
     const queryShiftId = shiftId ?? currentShift.shiftId;
     const metricsChannel = supabase.channel(`workspace-metrics-${workspaceId}`).on(
@@ -7438,11 +7553,170 @@ var useWorkspaceDetailedMetrics = (workspaceId, date, shiftId) => {
     // Force refresh without cache
   };
 };
+var useLineShiftConfig = (lineId, fallbackConfig) => {
+  const [shiftConfig, setShiftConfig] = useState(fallbackConfig || null);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const supabase = useSupabase();
+  useEffect(() => {
+    if (!lineId || lineId === "factory" || lineId === "all") {
+      setShiftConfig(fallbackConfig || null);
+      setIsLoading(false);
+      return;
+    }
+    const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+    if (!uuidRegex.test(lineId)) {
+      console.warn(`[useShiftConfig] Invalid line ID format: ${lineId}, using fallback`);
+      setShiftConfig(fallbackConfig || null);
+      setIsLoading(false);
+      return;
+    }
+    let mounted = true;
+    const calculateBreakDuration2 = (startTime, endTime) => {
+      const [sh, sm] = startTime.split(":").map(Number);
+      const [eh, em] = endTime.split(":").map(Number);
+      let startMinutes = sh * 60 + sm;
+      let endMinutes = eh * 60 + em;
+      if (endMinutes < startMinutes) {
+        endMinutes += 24 * 60;
+      }
+      return endMinutes - startMinutes;
+    };
+    const fetchShiftConfig = async () => {
+      try {
+        setIsLoading(true);
+        setError(null);
+        console.log(`[useLineShiftConfig] \u{1F50D} Fetching shift config for line: ${lineId}`);
+        const { data: shiftsData, error: shiftsError } = await supabase.from("line_operating_hours").select("shift_id, shift_name, start_time, end_time, breaks, timezone").eq("line_id", lineId);
+        if (shiftsError) {
+          console.error(`[useLineShiftConfig] \u274C Error fetching shifts:`, shiftsError);
+          throw new Error(`Failed to fetch shift config: ${shiftsError.message}`);
+        }
+        if (!shiftsData || shiftsData.length === 0) {
+          console.warn(`[useLineShiftConfig] \u26A0\uFE0F No shift config found for line ${lineId}, using fallback`);
+          if (mounted) {
+            setShiftConfig(fallbackConfig || null);
+            setIsLoading(false);
+          }
+          return;
+        }
+        const stripSeconds = (timeStr) => {
+          if (!timeStr) return timeStr;
+          return timeStr.substring(0, 5);
+        };
+        const mapped = shiftsData.map((shift) => ({
+          shiftId: shift.shift_id,
+          shiftName: shift.shift_name || `Shift ${shift.shift_id}`,
+          startTime: stripSeconds(shift.start_time),
+          endTime: stripSeconds(shift.end_time),
+          breaks: Array.isArray(shift.breaks) ? shift.breaks.map((b) => ({
+            startTime: b.start || b.startTime || "00:00",
+            endTime: b.end || b.endTime || "00:00",
+            duration: calculateBreakDuration2(
+              b.start || b.startTime || "00:00",
+              b.end || b.endTime || "00:00"
+            ),
+            remarks: b.remarks || b.name || ""
+          })) : [],
+          timezone: shift.timezone
+        }));
+        const day = mapped.find((s) => s.shiftId === 0);
+        const night = mapped.find((s) => s.shiftId === 1);
+        const config = {
+          shifts: mapped,
+          timezone: mapped[0]?.timezone,
+          dayShift: day ? { id: day.shiftId, startTime: day.startTime, endTime: day.endTime, name: day.shiftName } : fallbackConfig?.dayShift,
+          nightShift: night ? { id: night.shiftId, startTime: night.startTime, endTime: night.endTime, name: night.shiftName } : fallbackConfig?.nightShift,
+          transitionPeriodMinutes: fallbackConfig?.transitionPeriodMinutes || 0
+        };
+        console.log(`[useLineShiftConfig] \u2705 Built config from DB:`, config);
+        if (mounted) {
+          setShiftConfig(config);
+          setIsLoading(false);
+        }
+      } catch (err) {
+        console.error("[useShiftConfig] Error fetching shift config:", err);
+        if (mounted) {
+          setError(err instanceof Error ? err.message : "Unknown error occurred");
+          setShiftConfig(fallbackConfig || null);
+          setIsLoading(false);
+        }
+      }
+    };
+    fetchShiftConfig();
+    const subscription = supabase.channel(`shift_config_${lineId}`).on(
+      "postgres_changes",
+      {
+        event: "*",
+        // Listen to all events (INSERT, UPDATE, DELETE)
+        schema: "public",
+        table: "line_operating_hours",
+        filter: `line_id=eq.${lineId}`
+      },
+      (payload) => {
+        console.log("[useShiftConfig] Real-time update received:", payload);
+        fetchShiftConfig();
+      }
+    ).subscribe();
+    return () => {
+      mounted = false;
+      subscription.unsubscribe();
+    };
+  }, [lineId, supabase]);
+  return {
+    shiftConfig,
+    isLoading,
+    error
+  };
+};
+
+// src/lib/hooks/useDynamicShiftConfig.ts
+var useDynamicShiftConfig = (lineId) => {
+  const staticShiftConfig = useShiftConfig();
+  const { shiftConfig: dbShiftConfig, isLoading, error } = useLineShiftConfig(lineId, staticShiftConfig);
+  const result = useMemo(() => {
+    console.log(`[useDynamicShiftConfig] \u{1F504} Computing result for lineId: ${lineId}`, {
+      isLoading,
+      hasDbConfig: !!dbShiftConfig,
+      error
+    });
+    if (isLoading) {
+      console.log(`[useDynamicShiftConfig] \u23F3 Still loading, returning null (DO NOT USE until loaded)`);
+      return {
+        shiftConfig: null,
+        isLoading: true,
+        error: null,
+        isFromDatabase: false
+      };
+    }
+    if (dbShiftConfig) {
+      console.log(`[useDynamicShiftConfig] \u2705 Using DB config:`, dbShiftConfig);
+      return {
+        shiftConfig: dbShiftConfig,
+        isLoading: false,
+        error,
+        isFromDatabase: true
+      };
+    }
+    console.log(`[useDynamicShiftConfig] \u26A0\uFE0F No DB config found, falling back to static config`);
+    return {
+      shiftConfig: staticShiftConfig,
+      isLoading: false,
+      error,
+      isFromDatabase: false
+    };
+  }, [dbShiftConfig, staticShiftConfig, isLoading, error, lineId]);
+  return result;
+};
+
+// src/lib/hooks/useLineWorkspaceMetrics.ts
 var useLineWorkspaceMetrics = (lineId, options) => {
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const timezone = useAppTimezone();
   const supabase = useSupabase();
   const [workspaces, setWorkspaces] = useState([]);
@@ -7450,12 +7724,10 @@ var useLineWorkspaceMetrics = (lineId, options) => {
   const [error, setError] = useState(null);
   const [initialized, setInitialized] = useState(false);
   const queryShiftId = useMemo(() => {
-    const currentShift = getCurrentShift(
-      dateTimeConfig.defaultTimezone || "Asia/Kolkata",
-      shiftConfig
-    );
+    const effectiveTimezone = timezone || dateTimeConfig.defaultTimezone || "Asia/Kolkata";
+    const currentShift = getCurrentShift(effectiveTimezone, shiftConfig);
     return options?.initialShiftId !== void 0 ? options.initialShiftId : currentShift.shiftId;
-  }, [options?.initialShiftId, dateTimeConfig.defaultTimezone, shiftConfig]);
+  }, [options?.initialShiftId, timezone, dateTimeConfig.defaultTimezone, shiftConfig]);
   const queryDate = useMemo(() => {
     return options?.initialDate || getOperationalDate(timezone || dateTimeConfig.defaultTimezone || "UTC");
   }, [options?.initialDate, timezone, dateTimeConfig.defaultTimezone]);
@@ -7467,7 +7739,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
   }, [entityConfig.companyId]);
   const schema = databaseConfig.schema ?? "public";
   const fetchWorkspaceMetrics = useCallback(async () => {
-    if (!lineId) return;
+    if (!lineId || options?.enabled === false || isShiftConfigLoading) return;
     if (!initialized) {
       setLoading(true);
     }
@@ -7524,7 +7796,7 @@ var useLineWorkspaceMetrics = (lineId, options) => {
     } finally {
       setLoading(false);
     }
-  }, [lineId, queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId]);
+  }, [lineId, queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId, options?.enabled, isShiftConfigLoading]);
   useEffect(() => {
     if (!initialized) {
       fetchWorkspaceMetrics();
@@ -7554,25 +7826,26 @@ var useLineWorkspaceMetrics = (lineId, options) => {
         supabase.removeChannel(channel);
       }
     };
-  }, [lineId, queryDate, queryShiftId, metricsTable, fetchWorkspaceMetrics, initialized, supabase, schema]);
+  }, [lineId, queryDate, queryShiftId, metricsTable, fetchWorkspaceMetrics, initialized, supabase, schema, isShiftConfigLoading]);
   useEffect(() => {
     setInitialized(false);
-  }, [lineId, queryDate, queryShiftId]);
+  }, [lineId, queryDate, queryShiftId, isShiftConfigLoading]);
   const refreshWorkspaces = fetchWorkspaceMetrics;
   return useMemo(
     () => ({ workspaces, loading, error, refreshWorkspaces }),
     [workspaces, loading, error, refreshWorkspaces]
   );
 };
-var useHistoricWorkspaceMetrics = (workspaceId, date, shiftId) => {
+var useHistoricWorkspaceMetrics = (workspaceId, date, shiftId, options) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
+  const timezone = useAppTimezone();
   const [metrics2, setMetrics] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const isFetchingRef = useRef(false);
   const fetchMetrics = useCallback(async () => {
-    if (!supabase || !workspaceId || !date || isFetchingRef.current) return;
+    if (!supabase || !workspaceId || !date || isFetchingRef.current || options?.enabled === false) return;
     try {
       isFetchingRef.current = true;
       setIsLoading(true);
@@ -7606,7 +7879,18 @@ var useHistoricWorkspaceMetrics = (workspaceId, date, shiftId) => {
         throw new Error(`Backend API error (${response.status}): ${errorText}`);
       }
       const data = await response.json();
-      setMetrics(data.metrics || null);
+      const fetchedMetrics = data.metrics;
+      if (fetchedMetrics && options?.shiftConfig) {
+        const dynamicShiftName = getShiftNameById(
+          fetchedMetrics.shift_id,
+          timezone || "Asia/Kolkata",
+          // Fallback timezone
+          options.shiftConfig
+        );
+        fetchedMetrics.shift_type = dynamicShiftName;
+        console.log(`[useHistoricWorkspaceMetrics] Overriding shift name for ID ${fetchedMetrics.shift_id}: ${dynamicShiftName}`);
+      }
+      setMetrics(fetchedMetrics || null);
     } catch (err) {
       console.error("[useHistoricWorkspaceMetrics] Error fetching historic metrics:", err);
       setError({ message: err.message, code: err.code || "FETCH_ERROR" });
@@ -7615,7 +7899,7 @@ var useHistoricWorkspaceMetrics = (workspaceId, date, shiftId) => {
       setIsLoading(false);
       isFetchingRef.current = false;
     }
-  }, [supabase, workspaceId, date, shiftId, entityConfig.companyId]);
+  }, [supabase, workspaceId, date, shiftId, entityConfig.companyId, options?.shiftConfig, timezone, options?.enabled]);
   useEffect(() => {
     fetchMetrics();
   }, [fetchMetrics]);
@@ -7630,8 +7914,11 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
   const supabase = useSupabase();
+  const lineIdForShiftConfig = lineIdFromProp === "factory" ? getConfiguredLineIds(entityConfig)[0] : lineIdFromProp;
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineIdForShiftConfig);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const [lineData, setLineData] = useState(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
@@ -7670,8 +7957,10 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
     }
   }, [dashboardService, lineIdToUse, defaultTimezone, shiftConfig, entityConfig]);
   useEffect(() => {
-    if (!supabase || !lineIdToUse || !entityConfig.companyId) {
-      setLoading(false);
+    if (!supabase || !lineIdToUse || !entityConfig.companyId || isShiftConfigLoading) {
+      if (!isShiftConfigLoading) {
+        setLoading(false);
+      }
       if (!entityConfig.companyId && (!error || error.code !== "SERVICE_ERROR")) {
         setError({ message: "Company ID not configured for metrics subscription.", code: "CONFIG_ERROR" });
       }
@@ -7736,7 +8025,7 @@ var useLineDetailedMetrics = (lineIdFromProp) => {
         channelRef.current = null;
       }
     };
-  }, [supabase, lineIdToUse, fetchData, schema, lineMetricsTable, entityConfig, defaultTimezone, shiftConfig, error]);
+  }, [supabase, lineIdToUse, fetchData, schema, lineMetricsTable, entityConfig, defaultTimezone, shiftConfig, isShiftConfigLoading, error]);
   return {
     lineData,
     // This now contains both metrics and line details via LineInfo type
@@ -7749,14 +8038,20 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
+  const firstLineId = useMemo(() => {
+    const lineIds = getConfiguredLineIds(entityConfig);
+    return lineIds[0];
+  }, [entityConfig]);
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(firstLineId);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const [leaderboard, setLeaderboard] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const isFetchingRef = useRef(false);
   const defaultTimezone = dateTimeConfig.defaultTimezone || "UTC";
   const fetchLeaderboard = useCallback(async () => {
-    if (!supabase || isFetchingRef.current) return;
+    if (!supabase || isFetchingRef.current || isShiftConfigLoading) return;
     try {
       isFetchingRef.current = true;
       setIsLoading(true);
@@ -7802,7 +8097,7 @@ var useLeaderboardMetrics = (date, shiftId, limit = 10, filter2 = "all") => {
       setIsLoading(false);
       isFetchingRef.current = false;
     }
-  }, [supabase, date, shiftId, limit, filter2, entityConfig.companyId, defaultTimezone, shiftConfig]);
+  }, [supabase, date, shiftId, limit, filter2, entityConfig.companyId, defaultTimezone, shiftConfig, isShiftConfigLoading]);
   useEffect(() => {
     fetchLeaderboard();
   }, [fetchLeaderboard]);
@@ -7818,8 +8113,22 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
-  const defaultTimezone = dateTimeConfig?.defaultTimezone || "UTC";
+  const isFactoryView = lineId === (entityConfig.factoryViewId || "factory");
+  const firstLineId = useMemo(() => {
+    const configuredLineIds = getConfiguredLineIds(entityConfig);
+    return configuredLineIds.length > 0 ? configuredLineIds[0] : void 0;
+  }, [entityConfig]);
+  const lineIdForShiftConfig = isFactoryView ? firstLineId : lineId;
+  const { shiftConfig, isLoading: shiftLoading, isFromDatabase } = useDynamicShiftConfig(lineIdForShiftConfig);
+  console.log(`[useDashboardMetrics] \u{1F3AF} Shift config for line ${lineId}:`, {
+    isFactoryView,
+    lineIdForShiftConfig,
+    firstLineId,
+    isFromDatabase,
+    shiftConfig: shiftConfig ? { shifts: shiftConfig.shifts?.length, timezone: shiftConfig.timezone } : null
+  });
+  const appTimezone = useAppTimezone();
+  const defaultTimezone = appTimezone || dateTimeConfig?.defaultTimezone || "UTC";
   const configuredLineMetricsTable = databaseConfig?.tables?.lineMetrics ?? "line_metrics";
   const schema = databaseConfig?.schema ?? "public";
   const supabase = useSupabase();
@@ -7845,8 +8154,8 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
   const fetchAllMetrics = useCallback(async () => {
     const currentLineIdToUse = lineIdRef.current;
     console.log("[useDashboardMetrics] Fetching from backend API. lineId:", currentLineIdToUse);
-    if (!currentLineIdToUse || !supabase || isFetchingRef.current || companySpecificMetricsTable.includes("unknown_company")) {
-      if (!metrics2?.workspaceMetrics?.length && !metrics2?.lineMetrics?.length) setIsLoading(false);
+    if (!currentLineIdToUse || !supabase || isFetchingRef.current || shiftLoading || companySpecificMetricsTable.includes("unknown_company")) {
+      if (!metrics2?.workspaceMetrics?.length && !metrics2?.lineMetrics?.length && !shiftLoading) setIsLoading(false);
       if (companySpecificMetricsTable.includes("unknown_company") && !error) {
         setError({ message: "Company ID not configured for metrics table.", code: "CONFIG_ERROR" });
       }
@@ -7865,7 +8174,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       if (targetLineIds.length === 0) {
         throw new Error("No target line IDs available for fetching metrics.");
       }
-      const isFactoryView = currentLineIdToUse === (entityConfig.factoryViewId || "factory");
+      const isFactoryView2 = currentLineIdToUse === (entityConfig.factoryViewId || "factory");
       const { data: { session } } = await supabase.auth.getSession();
       console.log("[useDashboardMetrics] Session check:", {
         hasSession: !!session,
@@ -7879,7 +8188,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
       if (!apiUrl) {
         throw new Error("Backend URL is not configured. Please set NEXT_PUBLIC_BACKEND_URL in your environment.");
       }
-      const lineIdsParam = isFactoryView ? `line_ids=${targetLineIds.join(",")}` : `line_id=${targetLineIds[0]}`;
+      const lineIdsParam = isFactoryView2 ? `line_ids=${targetLineIds.join(",")}` : `line_id=${targetLineIds[0]}`;
       const url = `${apiUrl}/api/dashboard/metrics?${lineIdsParam}&date=${operationalDate}&shift_id=${currentShiftDetails.shiftId}&company_id=${entityConfig.companyId}`;
       console.log("[useDashboardMetrics] Calling backend API:", {
         url,
@@ -7958,8 +8267,10 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     metrics2?.lineMetrics?.length || 0,
     companySpecificMetricsTable,
     entityConfig,
+    appTimezone,
     defaultTimezone,
-    shiftConfig
+    shiftConfig,
+    shiftLoading
   ]);
   const fetchAllMetricsRef = useRef(fetchAllMetrics);
   useEffect(() => {
@@ -7973,10 +8284,10 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     fetchAllMetricsRef.current();
   }, [supabase]);
   useEffect(() => {
-    if (lineId && supabase) {
+    if (lineId && supabase && !shiftLoading) {
       fetchAllMetrics();
     }
-  }, [lineId, supabase, fetchAllMetrics]);
+  }, [lineId, supabase, fetchAllMetrics, shiftLoading]);
   useEffect(() => {
     const currentLineIdToUse = lineIdRef.current;
     if (!currentLineIdToUse || !supabase || companySpecificMetricsTable.includes("unknown_company") || !entityConfig.companyId) {
@@ -8021,7 +8332,9 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     schema,
     entityConfig?.companyId,
     entityConfig?.factoryViewId,
+    appTimezone,
     defaultTimezone,
+    shiftConfig,
     lineId,
     userAccessibleLineIds
   ]);
@@ -8033,145 +8346,7 @@ var useDashboardMetrics = ({ onLineMetricsUpdate, lineId, userAccessibleLineIds
     refetch: fetchAllMetrics
   };
 };
-var useLineShiftConfig = (lineId, fallbackConfig) => {
-  const [shiftConfig, setShiftConfig] = useState(fallbackConfig || null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const supabase = useSupabase();
-  useEffect(() => {
-    if (!lineId || lineId === "factory" || lineId === "all") {
-      setShiftConfig(fallbackConfig || null);
-      setIsLoading(false);
-      return;
-    }
-    const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
-    if (!uuidRegex.test(lineId)) {
-      console.warn(`[useShiftConfig] Invalid line ID format: ${lineId}, using fallback`);
-      setShiftConfig(fallbackConfig || null);
-      setIsLoading(false);
-      return;
-    }
-    let mounted = true;
-    const fetchShiftConfig = async () => {
-      try {
-        setIsLoading(true);
-        setError(null);
-        console.log(`[useLineShiftConfig] \u{1F50D} Fetching shift config for line: ${lineId}`);
-        const { data: dayShift, error: dayError } = await supabase.from("line_operating_hours").select("start_time, end_time, breaks").eq("line_id", lineId).eq("shift_id", 0).maybeSingle();
-        const { data: nightShift, error: nightError } = await supabase.from("line_operating_hours").select("start_time, end_time, breaks").eq("line_id", lineId).eq("shift_id", 1).maybeSingle();
-        console.log(`[useLineShiftConfig] \u{1F4CA} Day shift data:`, dayShift);
-        console.log(`[useLineShiftConfig] \u{1F319} Night shift data:`, nightShift);
-        if (dayError || nightError) {
-          console.error(`[useLineShiftConfig] \u274C Error fetching:`, { dayError, nightError });
-          throw new Error(`Failed to fetch shift config: ${dayError?.message || nightError?.message}`);
-        }
-        if (!dayShift && !nightShift) {
-          console.warn(`[useLineShiftConfig] \u26A0\uFE0F No shift config found for line ${lineId}, using fallback`);
-          if (mounted) {
-            setShiftConfig(fallbackConfig || null);
-            setIsLoading(false);
-          }
-          return;
-        }
-        const stripSeconds = (timeStr) => {
-          if (!timeStr) return timeStr;
-          return timeStr.substring(0, 5);
-        };
-        const config = {
-          dayShift: dayShift ? {
-            id: 0,
-            startTime: stripSeconds(dayShift.start_time),
-            endTime: stripSeconds(dayShift.end_time)
-          } : fallbackConfig?.dayShift || { id: 0, startTime: "06:00", endTime: "18:00" },
-          nightShift: nightShift ? {
-            id: 1,
-            startTime: stripSeconds(nightShift.start_time),
-            endTime: stripSeconds(nightShift.end_time)
-          } : fallbackConfig?.nightShift || { id: 1, startTime: "18:00", endTime: "06:00" },
-          transitionPeriodMinutes: fallbackConfig?.transitionPeriodMinutes || 0
-        };
-        console.log(`[useLineShiftConfig] \u2705 Built config from DB:`, config);
-        if (mounted) {
-          setShiftConfig(config);
-          setIsLoading(false);
-        }
-      } catch (err) {
-        console.error("[useShiftConfig] Error fetching shift config:", err);
-        if (mounted) {
-          setError(err instanceof Error ? err.message : "Unknown error occurred");
-          setShiftConfig(fallbackConfig || null);
-          setIsLoading(false);
-        }
-      }
-    };
-    fetchShiftConfig();
-    const subscription = supabase.channel(`shift_config_${lineId}`).on(
-      "postgres_changes",
-      {
-        event: "*",
-        // Listen to all events (INSERT, UPDATE, DELETE)
-        schema: "public",
-        table: "line_operating_hours",
-        filter: `line_id=eq.${lineId}`
-      },
-      (payload) => {
-        console.log("[useShiftConfig] Real-time update received:", payload);
-        fetchShiftConfig();
-      }
-    ).subscribe();
-    return () => {
-      mounted = false;
-      subscription.unsubscribe();
-    };
-  }, [lineId, supabase]);
-  return {
-    shiftConfig,
-    isLoading,
-    error
-  };
-};
-
-// src/lib/hooks/useDynamicShiftConfig.ts
-var useDynamicShiftConfig = (lineId) => {
-  const staticShiftConfig = useShiftConfig();
-  const { shiftConfig: dbShiftConfig, isLoading, error } = useLineShiftConfig(lineId, staticShiftConfig);
-  const result = useMemo(() => {
-    console.log(`[useDynamicShiftConfig] \u{1F504} Computing result for lineId: ${lineId}`, {
-      isLoading,
-      hasDbConfig: !!dbShiftConfig,
-      error
-    });
-    if (isLoading) {
-      console.log(`[useDynamicShiftConfig] \u23F3 Still loading, using static config temporarily`);
-      return {
-        shiftConfig: staticShiftConfig,
-        isLoading: true,
-        error: null,
-        isFromDatabase: false
-      };
-    }
-    if (dbShiftConfig) {
-      console.log(`[useDynamicShiftConfig] \u2705 Using DB config:`, dbShiftConfig);
-      return {
-        shiftConfig: dbShiftConfig,
-        isLoading: false,
-        error,
-        isFromDatabase: true
-      };
-    }
-    console.log(`[useDynamicShiftConfig] \u26A0\uFE0F Falling back to static config`);
-    return {
-      shiftConfig: staticShiftConfig,
-      isLoading: false,
-      error,
-      isFromDatabase: false
-    };
-  }, [dbShiftConfig, staticShiftConfig, isLoading, error, lineId]);
-  return result;
-};
-
-// src/lib/hooks/useLineKPIs.ts
-var useLineKPIs = ({ lineId }) => {
+var useLineKPIs = ({ lineId, enabled }) => {
   useDashboardConfig();
   const entityConfig = useEntityConfig();
   const isFactoryView = lineId === (entityConfig.factoryViewId || "factory");
@@ -8183,7 +8358,7 @@ var useLineKPIs = ({ lineId }) => {
     return configuredLineIds.length > 0 ? configuredLineIds[0] : void 0;
   }, [entityConfig]);
   const lineIdForShiftConfig = isFactoryView ? firstLineId : lineId;
-  const { shiftConfig: dynamicShiftConfig, isFromDatabase } = useDynamicShiftConfig(lineIdForShiftConfig);
+  const { shiftConfig: dynamicShiftConfig, isFromDatabase, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineIdForShiftConfig);
   const shiftConfig = dynamicShiftConfig;
   console.log(`[useLineKPIs] \u{1F3AF} Shift config for line ${lineId}:`, {
     isFactoryView,
@@ -8204,7 +8379,8 @@ var useLineKPIs = ({ lineId }) => {
   const updateQueueRef = useRef(false);
   const updateTimeoutRef = useRef(null);
   const queueUpdateRef = useRef(void 0);
-  const defaultTimezone = dateTimeConfig.defaultTimezone;
+  const appTimezone = useAppTimezone();
+  const timezone = appTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const schema = databaseConfig.schema ?? "public";
   const lineMetricsTable = databaseConfig.tables?.lineMetrics ?? "line_metrics";
   const companySpecificMetricsTable = useMemo(
@@ -8216,14 +8392,14 @@ var useLineKPIs = ({ lineId }) => {
   }, [lineId]);
   const fetchKPIs = useCallback(async () => {
     const currentLineId = lineIdRef.current;
-    if (!currentLineId || isFetchingRef.current) {
+    if (!currentLineId || isFetchingRef.current || enabled === false || isShiftConfigLoading) {
       return;
     }
     isFetchingRef.current = true;
     setIsLoading(true);
     setError(null);
     try {
-      const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
+      const currentShiftDetails = getCurrentShift(timezone, shiftConfig ?? void 0);
       const operationalDate = currentShiftDetails.date;
       const { data: { session } } = await supabase.auth.getSession();
       if (!session?.access_token) {
@@ -8272,7 +8448,7 @@ var useLineKPIs = ({ lineId }) => {
       isFetchingRef.current = false;
       updateQueueRef.current = false;
     }
-  }, [defaultTimezone, shiftConfig, entityConfig, supabase]);
+  }, [timezone, shiftConfig, entityConfig, supabase, enabled, isShiftConfigLoading]);
   const queueUpdate = useCallback(() => {
     if (updateTimeoutRef.current) {
       clearTimeout(updateTimeoutRef.current);
@@ -8292,7 +8468,7 @@ var useLineKPIs = ({ lineId }) => {
       return;
     }
     fetchKPIs();
-    const currentShiftDetails = getCurrentShift(defaultTimezone);
+    const currentShiftDetails = getCurrentShift(timezone, shiftConfig ?? void 0);
     const operationalDate = currentShiftDetails.date;
     const factoryViewIdentifier = entityConfig.factoryViewId || "factory";
     const targetLineIds = currentLineId === factoryViewIdentifier ? getConfiguredLineIds(entityConfig) : [currentLineId];
@@ -8345,7 +8521,7 @@ var useLineKPIs = ({ lineId }) => {
         clearTimeout(updateTimeoutRef.current);
       }
     };
-  }, [lineId, supabase, entityConfig, schema, lineMetricsTable, companySpecificMetricsTable, defaultTimezone, shiftConfig]);
+  }, [lineId, supabase, entityConfig, schema, lineMetricsTable, companySpecificMetricsTable, timezone, shiftConfig, isShiftConfigLoading]);
   return {
     kpis,
     isLoading,
@@ -8357,15 +8533,17 @@ var useRealtimeLineMetrics = ({
   lineId,
   date: urlDate,
   shiftId: urlShiftId,
-  onMetricsUpdate
+  onMetricsUpdate,
+  enabled
 }) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  useShiftConfig();
-  const { shiftConfig: dynamicShiftConfig } = useDynamicShiftConfig(lineId);
-  const shiftConfig = dynamicShiftConfig;
+  const staticShiftConfig = useShiftConfig();
+  const timezone = useAppTimezone();
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const [metrics2, setMetrics] = useState(null);
   const [lineDetails, setLineDetails] = useState(null);
   const [loading, setLoading] = useState(true);
@@ -8376,16 +8554,16 @@ var useRealtimeLineMetrics = ({
   const isFetchingRef = useRef(false);
   const channelsRef = useRef([]);
   const fetchTimeoutRef = useRef(null);
-  const currentShift = useMemo(() => getCurrentShift(dateTimeConfig.defaultTimezone || "Asia/Kolkata", shiftConfig), [dateTimeConfig.defaultTimezone, shiftConfig]);
+  const effectiveTimezone = timezone || dateTimeConfig.defaultTimezone || "Asia/Kolkata";
+  const currentShift = useMemo(() => getCurrentShift(effectiveTimezone, shiftConfig), [effectiveTimezone, shiftConfig]);
   const shiftId = useMemo(
     () => urlShiftId !== void 0 ? urlShiftId : currentShift.shiftId,
     [urlShiftId, currentShift.shiftId]
   );
-  const timezone = useAppTimezone();
-  const date = useMemo(() => urlDate || getOperationalDate(timezone || dateTimeConfig.defaultTimezone || "UTC"), [urlDate, timezone, dateTimeConfig.defaultTimezone]);
+  const date = useMemo(() => urlDate || getOperationalDate(effectiveTimezone), [urlDate, effectiveTimezone]);
   const fetchData = useCallback(async () => {
     try {
-      if (!lineIdRef.current || isFetchingRef.current) return;
+      if (!lineIdRef.current || isFetchingRef.current || enabled === false) return;
       isFetchingRef.current = true;
       if (!initialized) {
         setLoading(true);
@@ -8583,7 +8761,7 @@ var useRealtimeLineMetrics = ({
       updateQueueRef.current = false;
       isFetchingRef.current = false;
     }
-  }, [supabase, date, shiftId, urlShiftId, onMetricsUpdate, entityConfig, dateTimeConfig.defaultTimezone]);
+  }, [supabase, date, shiftId, urlShiftId, onMetricsUpdate, entityConfig, dateTimeConfig.defaultTimezone, enabled, shiftConfig]);
   const queueUpdate = useCallback(() => {
     console.log("[useRealtimeLineMetrics] Update queued, debouncing...");
     if (fetchTimeoutRef.current) {
@@ -8665,13 +8843,27 @@ var useRealtimeLineMetrics = ({
     });
     channelsRef.current = [lineMetricsChannel, metricsChannel];
   }, [supabase, queueUpdate, urlDate, shiftId, entityConfig, dateTimeConfig.defaultTimezone]);
+  const prevShiftIdRef = useRef(void 0);
   useEffect(() => {
     if (!lineId) return;
     lineIdRef.current = lineId;
-    if (!initialized) {
+    const shouldFetch = !initialized && (!isShiftConfigLoading || enabled === false);
+    const shiftIdChanged = prevShiftIdRef.current !== void 0 && prevShiftIdRef.current !== shiftId && !isShiftConfigLoading;
+    if (shouldFetch || shiftIdChanged) {
+      console.log("[useRealtimeLineMetrics] Fetching data:", {
+        initialized,
+        isShiftConfigLoading,
+        enabled,
+        shiftIdChanged,
+        prevShiftId: prevShiftIdRef.current,
+        currentShiftId: shiftId
+      });
       fetchData();
     }
     setupSubscriptions();
+    if (!isShiftConfigLoading) {
+      prevShiftIdRef.current = shiftId;
+    }
     return () => {
       if (fetchTimeoutRef.current) {
         clearTimeout(fetchTimeoutRef.current);
@@ -8686,7 +8878,7 @@ var useRealtimeLineMetrics = ({
         });
       }
     };
-  }, [lineId, fetchData, setupSubscriptions, initialized, supabase]);
+  }, [lineId, fetchData, setupSubscriptions, initialized, supabase, isShiftConfigLoading, enabled, shiftId]);
   useEffect(() => {
     setInitialized(false);
   }, [lineId, date, shiftId]);
@@ -9404,14 +9596,20 @@ var useFactoryOverviewMetrics = (date, shiftId) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
+  const firstLineId = useMemo(() => {
+    const lineIds = getConfiguredLineIds(entityConfig);
+    return lineIds[0];
+  }, [entityConfig]);
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(firstLineId);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const [metrics2, setMetrics] = useState(null);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const isFetchingRef = useRef(false);
   const defaultTimezone = dateTimeConfig.defaultTimezone || "UTC";
   const fetchMetrics = useCallback(async () => {
-    if (!supabase || isFetchingRef.current) return;
+    if (!supabase || isFetchingRef.current || isShiftConfigLoading) return;
     try {
       isFetchingRef.current = true;
       setIsLoading(true);
@@ -9460,7 +9658,7 @@ var useFactoryOverviewMetrics = (date, shiftId) => {
       setIsLoading(false);
       isFetchingRef.current = false;
     }
-  }, [supabase, date, shiftId, entityConfig, defaultTimezone, shiftConfig]);
+  }, [supabase, date, shiftId, entityConfig, defaultTimezone, shiftConfig, isShiftConfigLoading]);
   useEffect(() => {
     fetchMetrics();
   }, [fetchMetrics]);
@@ -9866,15 +10064,25 @@ var useActiveBreaks = (lineIds) => {
     }
     return { elapsedMinutes, remainingMinutes };
   };
-  const getCurrentShift2 = (currentMinutes, dayStart, nightStart) => {
-    const dayStartMinutes = parseTimeToMinutes2(dayStart);
-    const nightStartMinutes = parseTimeToMinutes2(nightStart);
-    if (nightStartMinutes < dayStartMinutes) {
-      return currentMinutes >= nightStartMinutes && currentMinutes < dayStartMinutes ? "night" : "day";
+  const isTimeInShift = (startTime, endTime, currentMinutes) => {
+    const startMinutes = parseTimeToMinutes2(startTime);
+    const endMinutes = parseTimeToMinutes2(endTime);
+    if (endMinutes < startMinutes) {
+      return currentMinutes >= startMinutes || currentMinutes < endMinutes;
     } else {
-      return currentMinutes >= dayStartMinutes && currentMinutes < nightStartMinutes ? "day" : "night";
+      return currentMinutes >= startMinutes && currentMinutes < endMinutes;
     }
   };
+  const findActiveShift = (shifts, currentMinutes) => {
+    for (const shift of shifts) {
+      const startTime = shift.start_time || "00:00";
+      const endTime = shift.end_time || "00:00";
+      if (isTimeInShift(startTime, endTime, currentMinutes)) {
+        return shift;
+      }
+    }
+    return null;
+  };
   const checkActiveBreaks = useCallback(async () => {
     try {
       setError(null);
@@ -9888,23 +10096,28 @@ var useActiveBreaks = (lineIds) => {
         return;
       }
       const currentMinutes = getCurrentTimeInMinutes();
-      const { data: dayShifts, error: dayError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", validLineIds);
-      const { data: nightShifts, error: nightError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", validLineIds);
-      if (dayError || nightError) {
+      const { data: allShifts, error: shiftsError } = await supabase.from("line_operating_hours").select("line_id, shift_id, shift_name, start_time, end_time, breaks").in("line_id", validLineIds).order("shift_id");
+      if (shiftsError) {
         throw new Error("Failed to fetch shift configurations");
       }
       const foundActiveBreaks = [];
+      const shiftsByLine = /* @__PURE__ */ new Map();
+      for (const shift of allShifts || []) {
+        const lineShifts = shiftsByLine.get(shift.line_id) || [];
+        lineShifts.push(shift);
+        shiftsByLine.set(shift.line_id, lineShifts);
+      }
       for (const lineId of validLineIds) {
-        const dayShift = dayShifts?.find((s) => s.line_id === lineId);
-        const nightShift = nightShifts?.find((s) => s.line_id === lineId);
-        if (!dayShift || !nightShift) continue;
-        const currentShift = getCurrentShift2(
-          currentMinutes,
-          dayShift.start_time || "06:00",
-          nightShift.start_time || "18:00"
-        );
-        const activeShift = currentShift === "day" ? dayShift : nightShift;
-        const shiftName = currentShift === "day" ? "Day Shift" : "Night Shift";
+        const lineShifts = shiftsByLine.get(lineId);
+        if (!lineShifts || lineShifts.length === 0) continue;
+        const activeShift = findActiveShift(lineShifts, currentMinutes);
+        if (!activeShift) continue;
+        const getDefaultShiftName = (shiftId) => {
+          if (shiftId === 0) return "Day Shift";
+          if (shiftId === 1) return "Night Shift";
+          return `Shift ${shiftId}`;
+        };
+        const shiftName = activeShift.shift_name || getDefaultShiftName(activeShift.shift_id);
         let breaks = [];
         if (activeShift.breaks) {
           if (Array.isArray(activeShift.breaks)) {
@@ -9979,8 +10192,12 @@ var useAllWorkspaceMetrics = (options) => {
   const entityConfig = useEntityConfig();
   const databaseConfig = useDatabaseConfig();
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const staticShiftConfig = useShiftConfig();
   const timezone = useAppTimezone();
+  const configuredLineIds = useMemo(() => getConfiguredLineIds(entityConfig), [entityConfig]);
+  const representativeLineId = options?.allowedLineIds?.[0] || configuredLineIds[0];
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(representativeLineId);
+  const shiftConfig = dynamicShiftConfig || staticShiftConfig;
   const supabase = useSupabase();
   const [workspaces, setWorkspaces] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -9989,12 +10206,15 @@ var useAllWorkspaceMetrics = (options) => {
   const fetchTimeoutRef = useRef(null);
   const isFetchingRef = useRef(false);
   const queryShiftId = useMemo(() => {
+    if (options?.initialShiftId !== void 0) {
+      return options.initialShiftId;
+    }
     const currentShift = getCurrentShift(
-      dateTimeConfig.defaultTimezone || "Asia/Kolkata",
+      timezone || dateTimeConfig.defaultTimezone || "Asia/Kolkata",
       shiftConfig
     );
-    return options?.initialShiftId !== void 0 ? options.initialShiftId : currentShift.shiftId;
-  }, [options?.initialShiftId, dateTimeConfig.defaultTimezone, shiftConfig]);
+    return currentShift.shiftId;
+  }, [options?.initialShiftId, timezone, dateTimeConfig.defaultTimezone, shiftConfig]);
   const queryDate = useMemo(() => {
     return options?.initialDate || getOperationalDate(timezone || dateTimeConfig.defaultTimezone || "UTC");
   }, [options?.initialDate, timezone, dateTimeConfig.defaultTimezone]);
@@ -10006,7 +10226,7 @@ var useAllWorkspaceMetrics = (options) => {
   }, [entityConfig.companyId]);
   const schema = databaseConfig.schema ?? "public";
   const fetchWorkspaceMetrics = useCallback(async () => {
-    if (isFetchingRef.current) {
+    if (isFetchingRef.current || options?.enabled === false || isShiftConfigLoading) {
       return;
     }
     isFetchingRef.current = true;
@@ -10016,9 +10236,9 @@ var useAllWorkspaceMetrics = (options) => {
     setError(null);
     try {
       const allConfiguredLineIds = getConfiguredLineIds(entityConfig);
-      const configuredLineIds = options?.allowedLineIds ? allConfiguredLineIds.filter((id3) => options.allowedLineIds.includes(id3)) : allConfiguredLineIds;
+      const configuredLineIds2 = options?.allowedLineIds ? allConfiguredLineIds.filter((id3) => options.allowedLineIds.includes(id3)) : allConfiguredLineIds;
       let enabledWorkspaceIds = [];
-      for (const lineId of configuredLineIds) {
+      for (const lineId of configuredLineIds2) {
         const workspaces2 = await workspaceService.getWorkspaces(lineId);
         const enabledIds = workspaces2.filter((ws) => ws.enable === true).map((ws) => ws.id);
         enabledWorkspaceIds.push(...enabledIds);
@@ -10079,7 +10299,7 @@ var useAllWorkspaceMetrics = (options) => {
       setLoading(false);
       isFetchingRef.current = false;
     }
-  }, [queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId, entityConfig, options?.allowedLineIds]);
+  }, [queryDate, queryShiftId, metricsTable, supabase, entityConfig.companyId, entityConfig, options?.allowedLineIds, options?.enabled, isShiftConfigLoading]);
   useEffect(() => {
     if (!initialized) {
       fetchWorkspaceMetrics();
@@ -10558,7 +10778,7 @@ function useClipTypes() {
     refresh: fetchClipTypes
   };
 }
-function useClipTypesWithCounts(workspaceId, date, shiftId, totalOutput) {
+function useClipTypesWithCounts(workspaceId, date, shiftId, totalOutput, options) {
   const { clipTypes, isLoading: typesLoading, error: typesError, refresh } = useClipTypes();
   const [counts, setCounts] = useState({});
   const [countsLoading, setCountsLoading] = useState(false);
@@ -10570,8 +10790,13 @@ function useClipTypesWithCounts(workspaceId, date, shiftId, totalOutput) {
       workspaceId,
       date,
       shiftId,
-      shiftIdType: typeof shiftId
+      shiftIdType: typeof shiftId,
+      enabled: options?.enabled
     });
+    if (!options?.enabled) {
+      console.log("[useClipTypesWithCounts] Skipping counts fetch - disabled");
+      return;
+    }
     if (!s3Service || !workspaceId || !date || shiftId === void 0) {
       console.log("[useClipTypesWithCounts] Skipping counts fetch - missing dependencies");
       return;
@@ -10595,7 +10820,7 @@ function useClipTypesWithCounts(workspaceId, date, shiftId, totalOutput) {
       }
     };
     fetchCounts();
-  }, [s3Service, workspaceId, date, shiftId, totalOutput]);
+  }, [s3Service, workspaceId, date, shiftId, totalOutput, options?.enabled]);
   return {
     clipTypes: clipTypes.map((type) => ({
       ...type,
@@ -11005,15 +11230,48 @@ var useWorkspaceUptimeTimeline = (options) => {
     workspaceId,
     companyId,
     enabled = true,
-    refreshInterval
+    refreshInterval,
+    lineId,
+    shiftConfig: passedShiftConfig,
+    timezone: passedTimezone
   } = options;
+  const { shiftConfig: dynamicShiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
+  const appTimezone = useAppTimezone();
+  const shiftConfigPending = !passedShiftConfig && (!lineId || isShiftConfigLoading || !dynamicShiftConfig);
+  const effectiveShiftConfig = passedShiftConfig ?? (shiftConfigPending ? void 0 : dynamicShiftConfig);
+  const effectiveTimezone = passedTimezone || appTimezone || effectiveShiftConfig?.timezone || "UTC";
+  if (process.env.NODE_ENV === "development") {
+    console.log(`[useWorkspaceUptimeTimeline] Shift config state:`, {
+      lineId,
+      hasPassedConfig: !!passedShiftConfig,
+      isShiftConfigLoading,
+      hasDynamicConfig: !!dynamicShiftConfig,
+      shiftConfigPending,
+      hasEffectiveConfig: !!effectiveShiftConfig
+    });
+  }
   const [timeline, setTimeline] = useState(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
   const isFetchingRef = useRef(false);
   const intervalRef = useRef(null);
+  useEffect(() => {
+    setTimeline(null);
+    setError(null);
+    setLoading(enabled && Boolean(workspaceId && companyId));
+  }, [workspaceId, companyId, lineId, enabled]);
   const fetchTimeline = useCallback(async () => {
     if (!enabled) return;
+    if (shiftConfigPending) {
+      console.log("[useWorkspaceUptimeTimeline] \u23F3 Waiting for shift config to load before fetching");
+      setLoading(true);
+      return;
+    }
+    if (!effectiveShiftConfig) {
+      console.warn("[useWorkspaceUptimeTimeline] \u26A0\uFE0F No effective shift config available, cannot fetch");
+      setLoading(false);
+      return;
+    }
     if (!workspaceId || !companyId) {
       setTimeline(null);
       return;
@@ -11023,9 +11281,16 @@ var useWorkspaceUptimeTimeline = (options) => {
       isFetchingRef.current = true;
       setLoading(true);
       setError(null);
+      console.log("[useWorkspaceUptimeTimeline] \u{1F680} Fetching timeline with shift config:", {
+        workspaceId,
+        shiftId: effectiveShiftConfig?.shifts?.[0]?.shiftId,
+        timezone: effectiveTimezone
+      });
       const data = await workspaceHealthService.getWorkspaceUptimeTimeline(
         workspaceId,
-        companyId
+        companyId,
+        effectiveShiftConfig,
+        effectiveTimezone
       );
       setTimeline(data);
     } catch (err) {
@@ -11035,7 +11300,7 @@ var useWorkspaceUptimeTimeline = (options) => {
       setLoading(false);
       isFetchingRef.current = false;
     }
-  }, [enabled, workspaceId, companyId]);
+  }, [enabled, workspaceId, companyId, effectiveShiftConfig, effectiveTimezone, shiftConfigPending]);
   useEffect(() => {
     fetchTimeline();
   }, [fetchTimeline]);
@@ -11054,7 +11319,7 @@ var useWorkspaceUptimeTimeline = (options) => {
   }, [refreshInterval, enabled, fetchTimeline]);
   return {
     timeline,
-    loading,
+    loading: loading || shiftConfigPending,
     error,
     refetch: fetchTimeline
   };
@@ -26325,26 +26590,62 @@ var VideoControls = ({
   const [isHoveringProgressBar, setIsHoveringProgressBar] = useState(false);
   const [showSpeedMenu, setShowSpeedMenu] = useState(false);
   const speedMenuRef = useRef(null);
+  const progressTrackRef = useRef(null);
+  const activePointerIdRef = useRef(null);
   const progressColor = "#4b5563";
   const controlsVisible = showControls || controlsPinned;
+  const isDraggingRef = useRef(false);
   const getPercentage = (current, total) => {
     if (!total || total === 0) return 0;
     return Math.min(Math.max(current / total * 100, 0), 100);
   };
   const handleSeekChange = (e) => {
-    const newTime = parseFloat(e.target.value);
+    const newTime = parseFloat(e.currentTarget.value);
     setDragTime(newTime);
     onSeek(newTime);
   };
   const handleSeekStart = () => {
     setIsDragging(true);
+    isDraggingRef.current = true;
     setDragTime(currentTime);
     onSeekStart?.();
   };
   const handleSeekEnd = () => {
     setIsDragging(false);
+    isDraggingRef.current = false;
     onSeekEnd?.();
   };
+  const updateTimeFromClientX = useCallback((clientX) => {
+    if (!progressTrackRef.current) return;
+    const rect = progressTrackRef.current.getBoundingClientRect();
+    if (rect.width === 0 || duration === 0) return;
+    const pct = Math.min(Math.max((clientX - rect.left) / rect.width, 0), 1);
+    const newTime = pct * duration;
+    setDragTime(newTime);
+    onSeek(newTime);
+  }, [duration, onSeek]);
+  const handlePointerDown = useCallback((e) => {
+    if (duration === 0) return;
+    e.preventDefault();
+    activePointerIdRef.current = e.pointerId;
+    handleSeekStart();
+    updateTimeFromClientX(e.clientX);
+    const handleMove = (ev) => {
+      if (ev.pointerId !== activePointerIdRef.current) return;
+      updateTimeFromClientX(ev.clientX);
+    };
+    const handleUp = (ev) => {
+      if (ev.pointerId !== activePointerIdRef.current) return;
+      activePointerIdRef.current = null;
+      window.removeEventListener("pointermove", handleMove);
+      window.removeEventListener("pointerup", handleUp);
+      window.removeEventListener("pointercancel", handleUp);
+      handleSeekEnd();
+    };
+    window.addEventListener("pointermove", handleMove);
+    window.addEventListener("pointerup", handleUp);
+    window.addEventListener("pointercancel", handleUp);
+  }, [duration, handleSeekStart, handleSeekEnd, updateTimeFromClientX]);
   useEffect(() => {
     const handleClickOutside = (event) => {
       if (speedMenuRef.current && !speedMenuRef.current.contains(event.target)) {
@@ -26356,6 +26657,21 @@ var VideoControls = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
+  useEffect(() => {
+    const cancelDrag = () => {
+      if (isDraggingRef.current) {
+        handleSeekEnd();
+      }
+    };
+    window.addEventListener("mouseup", cancelDrag);
+    window.addEventListener("touchend", cancelDrag);
+    window.addEventListener("touchcancel", cancelDrag);
+    return () => {
+      window.removeEventListener("mouseup", cancelDrag);
+      window.removeEventListener("touchend", cancelDrag);
+      window.removeEventListener("touchcancel", cancelDrag);
+    };
+  }, []);
   const displayTime = isDragging ? dragTime : currentTime;
   const progressPercent = getPercentage(displayTime, duration);
   const bufferedPercent = getPercentage(buffered, duration);
@@ -26368,11 +26684,13 @@ var VideoControls = ({
         /* @__PURE__ */ jsxs(
           "div",
           {
+            ref: progressTrackRef,
             className: "relative h-1 mb-4 group cursor-pointer",
             onMouseEnter: () => setIsHoveringProgressBar(true),
             onMouseLeave: () => setIsHoveringProgressBar(false),
+            onPointerDown: handlePointerDown,
             children: [
-              /* @__PURE__ */ jsx("div", { className: "absolute -top-2 -bottom-2 left-0 right-0 z-20" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute -top-4 -bottom-4 left-0 right-0 z-20" }),
               /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 right-0 bottom-0 bg-white/20 rounded-full overflow-hidden z-0", children: /* @__PURE__ */ jsx(
                 "div",
                 {
@@ -26403,11 +26721,13 @@ var VideoControls = ({
                   step: "0.1",
                   value: displayTime,
                   onChange: handleSeekChange,
+                  onInput: handleSeekChange,
                   onMouseDown: handleSeekStart,
                   onMouseUp: handleSeekEnd,
                   onTouchStart: handleSeekStart,
                   onTouchEnd: handleSeekEnd,
-                  className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-30 margin-0 padding-0"
+                  onPointerDown: handlePointerDown,
+                  className: "absolute left-0 right-0 top-[-12px] bottom-[-12px] w-full h-auto opacity-0 cursor-pointer z-30 margin-0 padding-0"
                 }
               )
             ]
@@ -26630,6 +26950,7 @@ var HlsVideoPlayer = forwardRef(({
   const [buffered, setBuffered] = useState(0);
   const [playbackRate, setPlaybackRate] = useState(1);
   const userSeekingRef = useRef(false);
+  const wasPlayingRef = useRef(false);
   const controlsTimeoutRef = useRef(null);
   const eventCallbacksRef = useRef({
     onReady,
@@ -26872,10 +27193,6 @@ var HlsVideoPlayer = forwardRef(({
       eventCallbacksRef.current.onPlay?.(player);
     };
     const handlePause = () => {
-      if (userSeekingRef.current && videoRef.current) {
-        videoRef.current.play().catch((err) => console.warn("Auto-resume after seek pause failed:", err));
-        return;
-      }
       setIsPlaying(false);
       eventCallbacksRef.current.onPause?.(player);
     };
@@ -27089,14 +27406,17 @@ var HlsVideoPlayer = forwardRef(({
   const handleSeek = useCallback((time2) => {
     if (videoRef.current) {
       videoRef.current.currentTime = time2;
-      videoRef.current.play().catch((err) => console.warn("Resume playback failed during seek:", err));
     }
   }, []);
   const handleSeekStart = useCallback(() => {
+    wasPlayingRef.current = !videoRef.current?.paused;
+    if (videoRef.current && !videoRef.current.paused) {
+      videoRef.current.pause();
+    }
     userSeekingRef.current = true;
   }, []);
   const handleSeekEnd = useCallback(() => {
-    if (videoRef.current) {
+    if (videoRef.current && wasPlayingRef.current) {
       videoRef.current.play().catch((err) => console.warn("Resume playback failed after seek:", err));
     }
   }, []);
@@ -27238,6 +27558,7 @@ var CroppedHlsVideoPlayer = forwardRef(({
   const [playbackRate, setPlaybackRate] = useState(1);
   const controlsTimeoutRef = useRef(null);
   const userSeekingRef = useRef(false);
+  const wasPlayingRef = useRef(false);
   const [controlsPinned, setControlsPinned] = useState(false);
   const stopCanvasRendering = useCallback(() => {
     if (animationFrameRef.current) {
@@ -27377,7 +27698,7 @@ var CroppedHlsVideoPlayer = forwardRef(({
   }, [crop, renderFrameToCanvas, onPlayProp]);
   const handleVideoPause = useCallback((player) => {
     console.log("[CroppedHlsVideoPlayer] Video paused, stopping canvas rendering (keeping last frame)");
-    if (userSeekingRef.current && hiddenVideoRef.current) {
+    if (userSeekingRef.current && wasPlayingRef.current && hiddenVideoRef.current) {
       hiddenVideoRef.current.play()?.catch(() => {
       });
       return;
@@ -27394,6 +27715,7 @@ var CroppedHlsVideoPlayer = forwardRef(({
     setIsProcessing(false);
     setIsPlaying(false);
     userSeekingRef.current = false;
+    wasPlayingRef.current = false;
     onEndedProp?.(player);
   }, [stopCanvasRendering, onEndedProp]);
   const handleSeeking = useCallback((player) => {
@@ -27409,6 +27731,7 @@ var CroppedHlsVideoPlayer = forwardRef(({
     hiddenVideoRef.current?.play()?.catch(() => {
     });
     userSeekingRef.current = false;
+    wasPlayingRef.current = false;
     if (crop) {
       renderFrameToCanvas();
     }
@@ -27505,20 +27828,34 @@ var CroppedHlsVideoPlayer = forwardRef(({
   const handleSeek = useCallback((time2) => {
     if (hiddenVideoRef.current) {
       hiddenVideoRef.current.currentTime(time2);
-      hiddenVideoRef.current.play()?.catch(() => {
-      });
       setTimeout(() => renderFrameToCanvas(), 50);
+      userSeekingRef.current = true;
     }
   }, [renderFrameToCanvas]);
   const handleSeekStart = useCallback(() => {
+    const videoPaused = hiddenVideoRef.current?.video?.paused ?? hiddenVideoRef.current?.paused();
+    wasPlayingRef.current = videoPaused === false;
+    if (hiddenVideoRef.current && videoPaused === false) {
+      hiddenVideoRef.current.pause();
+    }
     userSeekingRef.current = true;
   }, []);
   const handleSeekEnd = useCallback(() => {
-    if (hiddenVideoRef.current) {
-      hiddenVideoRef.current.play()?.catch(() => {
+    const shouldResume = wasPlayingRef.current;
+    userSeekingRef.current = shouldResume;
+    if (hiddenVideoRef.current && shouldResume) {
+      hiddenVideoRef.current.play()?.then(() => {
+        if (crop) {
+          setIsProcessing(true);
+          renderFrameToCanvas();
+        }
+      }).catch(() => {
       });
     }
-  }, []);
+    if (!shouldResume) {
+      userSeekingRef.current = false;
+    }
+  }, [crop, renderFrameToCanvas]);
   const handlePlaybackRateChange = useCallback((rate) => {
     if (hiddenVideoRef.current) {
       hiddenVideoRef.current.playbackRate(rate);
@@ -29809,6 +30146,7 @@ var BottlenecksContent = ({
   workspaceId,
   workspaceName,
   date,
+  lineId,
   shift,
   className,
   totalOutput,
@@ -29819,27 +30157,36 @@ var BottlenecksContent = ({
   console.log("\u{1F3AB} [BottlenecksContent] Rendered with ticketId:", ticketId || "NONE", "workspaceId:", workspaceId, "date:", date, "shift:", shift);
   const dashboardConfig = useDashboardConfig();
   const timezone = useAppTimezone();
-  const { shiftConfig } = useDynamicShiftConfig(workspaceId);
-  const effectiveShift = useMemo(() => {
-    if (shift !== void 0 && shift !== null) {
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
+  const { effectiveShift, effectiveDate } = useMemo(() => {
+    if (shift !== void 0 && shift !== null && date) {
       const shiftStr = shift.toString();
-      console.log(`[BottlenecksContent] Using provided shift: ${shiftStr} for date: ${date}`);
-      return shiftStr;
+      console.log(`[BottlenecksContent] Using explicit date/shift: ${date}, shift ${shiftStr}`);
+      return { effectiveShift: shiftStr, effectiveDate: date };
     }
-    if (date) {
-      console.log(`[BottlenecksContent] No shift provided for historical date ${date}, defaulting to day shift (0)`);
-      return "0";
-    } else {
-      const currentShift = getCurrentShift(
-        timezone,
-        // Use dynamic timezone instead of hardcoded default
-        shiftConfig
-        // Use line-specific shift config from database
-      );
-      console.log(`[BottlenecksContent] Using current operational shift: ${currentShift.shiftId} with timezone: ${timezone} for workspace: ${workspaceId}`);
-      return currentShift.shiftId.toString();
+    if ((shift === void 0 || shift === null) && isShiftConfigLoading) {
+      console.log("[BottlenecksContent] Waiting for shift config before determining effective date/shift");
+      return { effectiveShift: null, effectiveDate: null };
+    }
+    const currentShift = getCurrentShift(
+      timezone,
+      shiftConfig
+    );
+    if (shift !== void 0 && shift !== null) {
+      const shiftStr = shift.toString();
+      return {
+        effectiveShift: shiftStr,
+        effectiveDate: date || currentShift.date
+      };
     }
-  }, [shift, date, timezone, shiftConfig, workspaceId]);
+    return {
+      effectiveShift: currentShift.shiftId.toString(),
+      effectiveDate: date || currentShift.date
+    };
+  }, [shift, date, timezone, shiftConfig, isShiftConfigLoading]);
+  const isEffectiveShiftReady = Boolean(effectiveShift && effectiveDate);
+  const effectiveDateString = effectiveDate || "";
+  const effectiveShiftId = effectiveShift ?? "";
   const { crop: workspaceCrop} = useWorkspaceCrop(workspaceId);
   const { metrics: workspaceMetrics } = useWorkspaceDetailedMetrics(
     workspaceId,
@@ -29925,9 +30272,9 @@ var BottlenecksContent = ({
     clearNotification
   } = useClipsRealtimeUpdates({
     workspaceId,
-    date: date || getOperationalDate(timezone),
-    shiftId: effectiveShift,
-    enabled: true,
+    date: effectiveDateString,
+    shiftId: effectiveShiftId,
+    enabled: isEffectiveShiftReady,
     // Supabase implementation
     onNewClips: (notification) => {
       console.log(`[BottlenecksContent] New clips detected:`, notification);
@@ -29968,10 +30315,11 @@ var BottlenecksContent = ({
     counts: dynamicCounts
   } = useClipTypesWithCounts(
     workspaceId,
-    date || getOperationalDate(timezone),
-    effectiveShift,
+    effectiveDateString,
+    effectiveShiftId,
     // Use same shift as video loading for consistency
-    totalOutput
+    totalOutput,
+    { enabled: isEffectiveShiftReady }
   );
   console.log("[BottlenecksContent] Clip types data:", {
     clipTypes,
@@ -29980,8 +30328,8 @@ var BottlenecksContent = ({
     clipTypesError,
     dynamicCounts,
     workspaceId,
-    date: date || getOperationalDate(timezone),
-    shift: shift || "0"
+    date: effectiveDateString,
+    shift: effectiveShiftId || "0"
   });
   useEffect(() => {
     if (clipTypes.length > 0) {
@@ -30022,16 +30370,16 @@ var BottlenecksContent = ({
     return { ...clipCounts, ...dynamicCounts };
   }, [clipCounts, dynamicCounts]);
   const fetchClipCounts = useCallback(async () => {
-    if (!workspaceId || !s3ClipsService || !dashboardConfig?.s3Config || !isMountedRef.current) return;
-    const operationKey = `fetchClipCounts:${workspaceId}:${date}:${shift}`;
+    if (!workspaceId || !s3ClipsService || !dashboardConfig?.s3Config || !isMountedRef.current || !isEffectiveShiftReady) return;
+    const operationKey = `fetchClipCounts:${workspaceId}:${effectiveDateString}:${effectiveShiftId}`;
     if (fetchInProgressRef.current.has(operationKey)) {
       console.log(`[BottlenecksContent] Fetch clip counts already in progress for ${operationKey}`);
       return;
     }
     fetchInProgressRef.current.add(operationKey);
     try {
-      const operationalDate = date || getOperationalDate(timezone);
-      const shiftStr = effectiveShift;
+      const operationalDate = effectiveDateString;
+      const shiftStr = effectiveShiftId;
       console.log(`[BottlenecksContent] Fetching clip counts directly with params:`, {
         workspaceId,
         operationalDate,
@@ -30066,12 +30414,12 @@ var BottlenecksContent = ({
     } finally {
       fetchInProgressRef.current.delete(operationKey);
     }
-  }, [workspaceId, date, s3ClipsService, effectiveShift, dashboardConfig, updateClipCounts, timezone, totalOutput]);
+  }, [workspaceId, effectiveDateString, s3ClipsService, effectiveShiftId, dashboardConfig, updateClipCounts, isEffectiveShiftReady, totalOutput]);
   const loadingCategoryRef = useRef(null);
   const loadFirstVideoForCategory = useCallback(async (category) => {
-    if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;
+    if (!workspaceId || !s3ClipsService || !isMountedRef.current || !isEffectiveShiftReady) return;
     const targetCategory = category || activeFilterRef.current;
-    const operationKey = `loadFirstVideo:${targetCategory}`;
+    const operationKey = `loadFirstVideo:${targetCategory}:${effectiveDateString}:${effectiveShiftId}`;
     if (loadingCategoryRef.current === targetCategory || fetchInProgressRef.current.has(operationKey)) {
       console.log(`[BottlenecksContent] Load first video already in progress for ${targetCategory}`);
       return;
@@ -30082,8 +30430,8 @@ var BottlenecksContent = ({
       setError(null);
     }
     try {
-      const operationalDate = date || getOperationalDate(timezone);
-      const shiftStr = effectiveShift;
+      const operationalDate = effectiveDateString;
+      const shiftStr = effectiveShiftId;
       console.log(`[BottlenecksContent] Loading first video for category: ${targetCategory}`);
       try {
         const firstVideo = await s3ClipsService.getFirstClipForCategory(
@@ -30156,7 +30504,7 @@ var BottlenecksContent = ({
       loadingCategoryRef.current = null;
       fetchInProgressRef.current.delete(operationKey);
     }
-  }, [workspaceId, date, s3ClipsService, mergedCounts, effectiveShift, timezone]);
+  }, [workspaceId, effectiveDateString, s3ClipsService, mergedCounts, effectiveShiftId, isEffectiveShiftReady]);
   const handleRefreshClips = useCallback(async () => {
     console.log("[BottlenecksContent] Refreshing clips after new additions");
     acknowledgeNewClips();
@@ -30167,10 +30515,10 @@ var BottlenecksContent = ({
     }
   }, [acknowledgeNewClips, fetchClipCounts, activeFilter, mergedCounts, loadFirstVideoForCategory, invalidateMetadataCache]);
   useEffect(() => {
-    if (s3ClipsService) {
+    if (s3ClipsService && isEffectiveShiftReady) {
       fetchClipCounts();
     }
-  }, [workspaceId, date, effectiveShift, s3ClipsService, fetchClipCounts]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, s3ClipsService, fetchClipCounts, isEffectiveShiftReady]);
   const getAuthToken4 = useCallback(async () => {
     try {
       const { createClient: createClient5 } = await import('@supabase/supabase-js');
@@ -30186,7 +30534,7 @@ var BottlenecksContent = ({
     }
   }, []);
   useEffect(() => {
-    if (!triageMode || !workspaceId) return;
+    if (!triageMode || !workspaceId || !isEffectiveShiftReady) return;
     const fetchTriageClips = async () => {
       setIsLoadingTriageClips(true);
       try {
@@ -30205,8 +30553,8 @@ var BottlenecksContent = ({
             body: JSON.stringify({
               action: "metadata",
               workspaceId,
-              date: date || getOperationalDate(timezone),
-              shift: effectiveShift,
+              date: effectiveDateString,
+              shift: effectiveShiftId,
               category: categoryId,
               page: 1,
               limit: 100
@@ -30238,7 +30586,7 @@ var BottlenecksContent = ({
       }
     };
     fetchTriageClips();
-  }, [triageMode, workspaceId, date, effectiveShift, timezone, getAuthToken4]);
+  }, [triageMode, workspaceId, effectiveDateString, effectiveShiftId, getAuthToken4, isEffectiveShiftReady]);
   useEffect(() => {
     if (s3ClipsService && (mergedCounts[activeFilter] || 0) > 0) {
       const hasVideosForCurrentFilter = allVideos.some((video) => {
@@ -30339,8 +30687,12 @@ var BottlenecksContent = ({
     if (!workspaceId) {
       return;
     }
-    const resolvedDate = date || getOperationalDate(timezone);
-    const cacheKey = `${categoryId}-${resolvedDate}-${effectiveShift}`;
+    if (!isEffectiveShiftReady) {
+      console.log("[BottlenecksContent] Skipping metadata load - shift/date not ready");
+      return;
+    }
+    const resolvedDate = effectiveDateString;
+    const cacheKey = `${categoryId}-${resolvedDate}-${effectiveShiftId}`;
     const cachedMetadata = !forceRefresh ? metadataCache[cacheKey] : void 0;
     try {
       if (cachedMetadata) {
@@ -30394,7 +30746,7 @@ var BottlenecksContent = ({
             startDate: `${resolvedDate}T00:00:00Z`,
             endDate: `${resolvedDate}T23:59:59Z`,
             percentile: 10,
-            shiftId: effectiveShift,
+            shiftId: effectiveShiftId,
             limit: 100
           })
         });
@@ -30409,7 +30761,7 @@ var BottlenecksContent = ({
             action: "clip-metadata",
             workspaceId,
             date: resolvedDate,
-            shift: effectiveShift,
+            shift: effectiveShiftId,
             category: categoryId,
             page: 1,
             limit: 1e3
@@ -30468,7 +30820,7 @@ var BottlenecksContent = ({
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, date, effectiveShift, isPercentileCategory, metadataCache, s3ClipsService, timezone, clearLoadingState]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, isPercentileCategory, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady]);
   const loadAndPlayClipById = useCallback(async (clipId, categoryId, position) => {
     if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;
     console.log(`[BottlenecksContent] Loading clip by ID: ${clipId}, category=${categoryId}, position=${position}`);
@@ -30533,10 +30885,10 @@ var BottlenecksContent = ({
   }, [workspaceId, s3ClipsService, updateActiveFilter, clearLoadingState, loadCategoryMetadata]);
   useCallback(async (categoryId, clipIndex) => {
     console.warn("[BottlenecksContent] loadAndPlayClip is deprecated, use loadAndPlayClipById instead");
-    if (!workspaceId || !s3ClipsService || !isMountedRef.current) return;
+    if (!workspaceId || !s3ClipsService || !isMountedRef.current || !isEffectiveShiftReady) return;
     try {
-      const operationalDate = date || getOperationalDate(timezone);
-      const shiftStr = effectiveShift;
+      const operationalDate = effectiveDateString;
+      const shiftStr = effectiveShiftId;
       const video = await s3ClipsService.getClipByIndex(
         workspaceId,
         operationalDate,
@@ -30557,7 +30909,7 @@ var BottlenecksContent = ({
       });
       setIsNavigating(false);
     }
-  }, [workspaceId, s3ClipsService, date, effectiveShift, loadAndPlayClipById, timezone]);
+  }, [workspaceId, s3ClipsService, effectiveDateString, effectiveShiftId, loadAndPlayClipById, isEffectiveShiftReady]);
   const handleNext = useCallback(async () => {
     if (!isMountedRef.current) return;
     const currentFilter = activeFilterRef.current;
@@ -31216,8 +31568,8 @@ var BottlenecksContent = ({
             currentVideoId: currentVideo?.id,
             counts: mergedCounts,
             workspaceId,
-            date: date || getOperationalDate(timezone),
-            shift: effectiveShift,
+            date: effectiveDateString,
+            shift: effectiveShiftId,
             targetCycleTime: workspaceTargetCycleTime,
             onFilterChange: (filterId) => {
               updateActiveFilter(filterId);
@@ -31415,6 +31767,7 @@ var BottleneckClipsModal = ({
   onClose,
   workspaceId,
   workspaceName,
+  lineId,
   date,
   shift,
   totalOutput,
@@ -31539,6 +31892,7 @@ var BottleneckClipsModal = ({
             {
               workspaceId,
               workspaceName,
+              lineId,
               date,
               shift,
               totalOutput,
@@ -32485,7 +32839,7 @@ var EncouragementOverlay = ({
 };
 var ShiftDisplay = memo(({ className, variant = "default", lineId }) => {
   const { dateTimeConfig } = useDashboardConfig();
-  const { shiftConfig } = useDynamicShiftConfig(lineId);
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const getShiftInfo = () => {
     const tz = dateTimeConfig?.defaultTimezone;
     if (!tz || !shiftConfig || !shiftConfig.dayShift || !shiftConfig.nightShift || !shiftConfig.dayShift.startTime || !shiftConfig.nightShift.startTime) {
@@ -32513,7 +32867,13 @@ var ShiftDisplay = memo(({ className, variant = "default", lineId }) => {
       setCurrentShiftText(getShiftInfo());
     }, 1e3);
     return () => clearInterval(interval);
-  }, [dateTimeConfig?.defaultTimezone, shiftConfig]);
+  }, [dateTimeConfig?.defaultTimezone, shiftConfig, isShiftConfigLoading]);
+  if (isShiftConfigLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
+      /* @__PURE__ */ jsx("div", { className: "w-4 h-4 bg-gray-200 rounded animate-pulse" }),
+      /* @__PURE__ */ jsx("div", { className: "w-16 h-4 bg-gray-200 rounded animate-pulse" })
+    ] });
+  }
   if (!currentShiftText) {
     return null;
   }
@@ -32991,13 +33351,26 @@ var LinePdfExportButton = ({
     }
   );
 };
+var DEFAULT_LINE_SHIFT_DATA = {
+  avg_efficiency: 0,
+  underperforming_workspaces: 0,
+  total_workspaces: 0,
+  hasData: false
+};
+var getLineShiftData = (day, shiftId) => {
+  const shift = day.shifts[shiftId];
+  if (shift) {
+    return { ...shift, hasData: true };
+  }
+  return { ...DEFAULT_LINE_SHIFT_DATA };
+};
 var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 var LineHistoryCalendar = ({
   data,
   month,
   year,
   lineId,
-  selectedShift,
+  selectedShiftId,
   onDateSelect,
   className = ""
 }) => {
@@ -33033,8 +33406,7 @@ var LineHistoryCalendar = ({
       } else {
         calendar.push({
           date: currentDate,
-          dayShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0, hasData: false },
-          nightShift: { avg_efficiency: 0, underperforming_workspaces: 0, total_workspaces: 0, hasData: false }
+          shifts: {}
         });
       }
     }
@@ -33085,8 +33457,7 @@ var LineHistoryCalendar = ({
   };
   const renderDayCell = (day) => {
     if (!day) return /* @__PURE__ */ jsx("div", { className: "h-full border border-gray-100 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800" });
-    const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
-    if (!shiftData) return /* @__PURE__ */ jsx("div", { className: "h-full border border-gray-100 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800" });
+    const shiftData = getLineShiftData(day, selectedShiftId);
     const isToday = isCurrentDate(day.date instanceof Date ? day.date : new Date(day.date));
     const isFuture = isFutureDate(day.date instanceof Date ? day.date : new Date(day.date));
     const hasData = hasRealData(shiftData);
@@ -33102,21 +33473,20 @@ var LineHistoryCalendar = ({
             const month2 = String(dateObj2.getMonth() + 1).padStart(2, "0");
             const dayOfMonth = String(dateObj2.getDate()).padStart(2, "0");
             const date = `${year2}-${month2}-${dayOfMonth}`;
-            const shiftId = selectedShift === "day" ? "0" : "1";
             trackCoreEvent("Line Monthly History Day Clicked", {
               source: "line_kpi",
               line_id: lineId,
               date,
-              shift: selectedShift,
+              shift_id: selectedShiftId,
               efficiency: shiftData.avg_efficiency || 0,
               underperforming_workspaces: shiftData.underperforming_workspaces || 0,
               total_workspaces: shiftData.total_workspaces || 0
             });
             const returnTo = `/kpis/${lineId}?tab=monthly_history&month=${month2}&year=${year2}`;
             if (onDateSelect) {
-              onDateSelect(date, shiftId);
+              onDateSelect(date, selectedShiftId);
             } else {
-              router.navigate(`/kpis/${lineId}?date=${date}&shift=${shiftId}&sourceType=lineMonthlyHistory&returnTo=${encodeURIComponent(returnTo)}`);
+              router.navigate(`/kpis/${lineId}?date=${date}&shift=${selectedShiftId}&sourceType=lineMonthlyHistory&returnTo=${encodeURIComponent(returnTo)}`);
             }
           }
         },
@@ -33140,14 +33510,28 @@ var LineHistoryCalendar = ({
   ] });
 };
 var LineHistoryCalendar_default = LineHistoryCalendar;
+var DEFAULT_PERFORMANCE_DATA = {
+  avg_efficiency: 0,
+  underperforming_workspaces: 0,
+  total_workspaces: 0,
+  hasData: false
+};
+var getShiftData2 = (day, shiftId) => {
+  const shift = day.shifts[shiftId];
+  if (shift) {
+    return { ...shift, hasData: true };
+  }
+  return { ...DEFAULT_PERFORMANCE_DATA };
+};
 var LineMonthlyHistory = ({
   month,
   year,
   monthlyData = [],
-  underperformingWorkspaces = { dayShift: [], nightShift: [] },
+  underperformingWorkspaces = {},
   lineId,
-  selectedShift = "day",
+  selectedShiftId = 0,
   onShiftChange,
+  availableShifts,
   onWorkspaceSelect,
   onCalendarDateSelect,
   onCalendarMonthChange,
@@ -33156,7 +33540,7 @@ var LineMonthlyHistory = ({
   const navigation = useNavigation();
   const averages = (monthlyData || []).reduce(
     (acc, day) => {
-      const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
+      const shiftData = getShiftData2(day, selectedShiftId);
       if (!shiftData || shiftData?.avg_efficiency < 10) {
         return acc;
       }
@@ -33230,28 +33614,22 @@ var LineMonthlyHistory = ({
       line_id: lineId,
       workspace_id: workspace.workspace_uuid,
       workspace_name: workspace.workspace_name,
-      selected_shift: selectedShift
+      selected_shift_id: selectedShiftId
     });
   };
   return /* @__PURE__ */ jsxs("div", { className: clsx("flex flex-col gap-2 min-h-0 overflow-y-auto pb-6", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onShiftChange?.("day"),
-          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShift === "day" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-          children: "Day Shift"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => onShiftChange?.("night"),
-          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShift === "night" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-          children: "Night Shift"
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
+      { id: 0, name: "Day Shift" },
+      { id: 1, name: "Night Shift" }
+    ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onShiftChange?.(shift.id),
+        className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
+        children: shift.name
+      },
+      shift.id
+    )) }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxs("h2", { className: "text-lg font-semibold text-gray-700 mb-4 text-center", children: [
@@ -33266,7 +33644,7 @@ var LineMonthlyHistory = ({
             month,
             year,
             lineId,
-            selectedShift,
+            selectedShiftId,
             onDateSelect: onCalendarDateSelect
           }
         )
@@ -33303,7 +33681,7 @@ var LineMonthlyHistory = ({
             new Date(year, month).toLocaleString("default", { month: "long", year: "numeric" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-            (selectedShift === "day" ? underperformingWorkspaces.dayShift : underperformingWorkspaces.nightShift)?.map((workspace) => /* @__PURE__ */ jsx(
+            (underperformingWorkspaces[selectedShiftId] || []).map((workspace) => /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: () => handleWorkspaceClick(workspace),
@@ -33325,13 +33703,33 @@ var LineMonthlyHistory = ({
               },
               workspace.workspace_uuid
             )),
-            (!underperformingWorkspaces || (selectedShift === "day" ? !underperformingWorkspaces.dayShift?.length : !underperformingWorkspaces.nightShift?.length)) && /* @__PURE__ */ jsx("div", { className: "text-center text-gray-500 py-4", children: "No consistently underperforming workspaces found" })
+            (!underperformingWorkspaces || !underperformingWorkspaces[selectedShiftId]?.length) && /* @__PURE__ */ jsx("div", { className: "text-center text-gray-500 py-4", children: "No consistently underperforming workspaces found" })
           ] })
         ] })
       ] })
     ] })
   ] });
 };
+var DEFAULT_PERFORMANCE_DATA2 = {
+  avg_efficiency: 0,
+  underperforming_workspaces: 0,
+  total_workspaces: 0,
+  hasData: false
+};
+var getLineShiftData2 = (day, shiftId) => {
+  const shift = day.shifts[shiftId];
+  if (shift) {
+    return { ...shift, hasData: true };
+  }
+  return { ...DEFAULT_PERFORMANCE_DATA2 };
+};
+var getShiftDisplayName = (shiftId, availableShifts) => {
+  const shift = availableShifts?.find((s) => s.id === shiftId);
+  if (shift) return shift.name;
+  if (shiftId === 0) return "Day Shift";
+  if (shiftId === 1) return "Night Shift";
+  return `Shift ${shiftId}`;
+};
 var LineMonthlyPdfGenerator = ({
   lineId,
   lineName,
@@ -33339,7 +33737,8 @@ var LineMonthlyPdfGenerator = ({
   underperformingWorkspaces,
   selectedMonth,
   selectedYear,
-  selectedShift,
+  selectedShiftId,
+  availableShifts,
   className
 }) => {
   const [isGenerating, setIsGenerating] = useState(false);
@@ -33351,7 +33750,7 @@ var LineMonthlyPdfGenerator = ({
         line_name: lineName,
         month: selectedMonth,
         year: selectedYear,
-        shift: selectedShift
+        shift_id: selectedShiftId
       });
       const doc = new jsPDF$1();
       doc.setFontSize(14);
@@ -33381,7 +33780,7 @@ var LineMonthlyPdfGenerator = ({
         year: "numeric",
         timeZone: "Asia/Kolkata"
       });
-      const shiftType = selectedShift === "day" ? "Day Shift" : "Night Shift";
+      const shiftType = getShiftDisplayName(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 55);
       doc.text(`${shiftType}`, 20, 63);
       const startDate = new Date(selectedYear, selectedMonth, 1);
@@ -33410,7 +33809,7 @@ var LineMonthlyPdfGenerator = ({
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
       const validShifts = validDays.map(
-        (day) => selectedShift === "day" ? day.dayShift : day.nightShift
+        (day) => getLineShiftData2(day, selectedShiftId)
       ).filter((shift) => shift.avg_efficiency > 0);
       const monthlyMetrics = validShifts.length > 0 ? {
         avgEfficiency: validShifts.reduce((sum, shift) => sum + shift.avg_efficiency, 0) / validShifts.length,
@@ -33492,8 +33891,8 @@ var LineMonthlyPdfGenerator = ({
         const recentDays = validDays.slice(-10).reverse();
         recentDays.forEach((dayData, index) => {
           if (yPos > 245) return;
-          const shift = selectedShift === "day" ? dayData.dayShift : dayData.nightShift;
-          if (shift.avg_efficiency <= 0) return;
+          const shift = getLineShiftData2(dayData, selectedShiftId);
+          if (shift.avg_efficiency <= 0 || !shift.hasData) return;
           if (index % 2 === 0) {
             doc.setFillColor(252, 252, 252);
             doc.roundedRect(20, yPos - 4, 170, 7, 1, 1, "F");
@@ -33527,7 +33926,7 @@ var LineMonthlyPdfGenerator = ({
         doc.text("No daily data available for this month", 25, 200);
         doc.setTextColor(0, 0, 0);
       }
-      const poorestWorkspaces = selectedShift === "day" ? underperformingWorkspaces.dayShift : underperformingWorkspaces.nightShift;
+      const poorestWorkspaces = underperformingWorkspaces[selectedShiftId] || [];
       if (poorestWorkspaces && poorestWorkspaces.length > 0) {
         doc.addPage();
         doc.setFontSize(14);
@@ -33655,6 +34054,7 @@ Underperforming Workspaces: ${lineInfo.metrics.underperforming_workspaces} / ${l
 var LinePdfGenerator = ({
   lineInfo,
   workspaceData,
+  shiftName,
   className
 }) => {
   const [isGenerating, setIsGenerating] = useState(false);
@@ -33706,7 +34106,8 @@ var LinePdfGenerator = ({
       doc.text(lineInfo.line_name, 20, 30);
       doc.setFontSize(14);
       doc.setFont("helvetica", "normal");
-      const shiftType = lineInfo.shift_id === 0 ? "Day Shift" : "Night Shift";
+      const rawShiftType = shiftName || (lineInfo.shift_id === 0 ? "Day" : lineInfo.shift_id === 1 ? "Night" : `Shift ${lineInfo.shift_id}`);
+      const shiftType = rawShiftType.toLowerCase().includes("shift") ? rawShiftType : `${rawShiftType} Shift`;
       const date = new Date(lineInfo.date).toLocaleDateString("en-IN", {
         weekday: "long",
         day: "numeric",
@@ -34381,9 +34782,10 @@ var WorkspaceHistoryCalendar = ({
   month,
   year,
   workspaceId,
-  selectedShift = "day",
+  selectedShiftId = 0,
   onMonthNavigate,
   onShiftChange,
+  availableShifts,
   className
 }) => {
   const { dateTimeConfig } = useDashboardConfig();
@@ -34448,7 +34850,7 @@ var WorkspaceHistoryCalendar = ({
       if (compareDate > istNow) {
         return [];
       }
-      const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
+      const shiftData = getShiftData(day, selectedShiftId);
       if (hasRealData(shiftData)) {
         return [shiftData];
       }
@@ -34465,31 +34867,32 @@ var WorkspaceHistoryCalendar = ({
       badDaysCount: badShiftsCount,
       totalDays: validShifts.length
     };
-  }, [data, month, year, configuredTimezone, selectedShift]);
-  const handleDayClick = useCallback((day, shift) => {
+  }, [data, month, year, configuredTimezone, selectedShiftId]);
+  const handleDayClick = useCallback((day, shiftId) => {
     if (!day || isFutureDate(day.date)) return;
     const year2 = day.date.getFullYear();
     const month2 = String(day.date.getMonth() + 1).padStart(2, "0");
     const dayOfMonth = String(day.date.getDate()).padStart(2, "0");
     const formattedDate = `${year2}-${month2}-${dayOfMonth}`;
-    const shiftData = shift === "day" ? day.dayShift : day.nightShift;
+    const shiftData = getShiftData(day, shiftId);
     trackCoreEvent("Workspace Monthly History Day Clicked", {
       source: "workspace_detail",
       workspace_id: workspaceId,
       date: formattedDate,
+      shift_id: shiftId,
       efficiency: shiftData.efficiency,
       output: shiftData.output,
       cycle_time: shiftData.cycleTime
     });
-    onDateSelect(formattedDate);
+    onDateSelect(formattedDate, shiftId);
   }, [workspaceId, onDateSelect]);
-  const handleShiftChange = useCallback((shift) => {
+  const handleShiftChange = useCallback((shiftId) => {
     trackCoreEvent("Workspace Calendar Shift Changed", {
       workspace_id: workspaceId,
-      new_shift: shift
+      new_shift_id: shiftId
     });
     if (onShiftChange) {
-      onShiftChange(shift);
+      onShiftChange(shiftId);
     }
   }, [workspaceId, onShiftChange]);
   const isCurrentDate = useCallback((date) => {
@@ -34570,13 +34973,13 @@ var WorkspaceHistoryCalendar = ({
       }
       return /* @__PURE__ */ jsx("div", { className: `h-full border border-gray-200 rounded-lg ${bgColor} ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} cursor-not-allowed opacity-60`, children: /* @__PURE__ */ jsx("div", { className: "p-1 sm:p-2", children: /* @__PURE__ */ jsx("div", { className: `text-xs sm:text-sm lg:text-base font-medium ${textColor} ${isToday ? "text-blue-500" : ""}`, children: dayNumber }) }) });
     }
-    const shiftData = selectedShift === "day" ? day.dayShift : day.nightShift;
+    const shiftData = getShiftData(day, selectedShiftId);
     const hasData = hasRealData(shiftData);
     return /* @__PURE__ */ jsx(
       "div",
       {
         className: `group h-full ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} ${!isFuture && hasData && animationComplete ? "cursor-pointer hover:opacity-90 hover:scale-105" : "cursor-not-allowed"}`,
-        onClick: () => !isFuture && hasData && handleDayClick(day, selectedShift),
+        onClick: () => !isFuture && hasData && handleDayClick(day, selectedShiftId),
         children: /* @__PURE__ */ jsxs("div", { className: `
           ${getPerformanceColor(shiftData.efficiency, day.date, hasData)} 
           rounded-lg h-full p-1 sm:p-2 relative ${animationComplete ? "transition-all duration-300 ease-in-out" : ""} shadow-sm
@@ -34590,31 +34993,25 @@ var WorkspaceHistoryCalendar = ({
         ] })
       }
     );
-  }, [selectedShift, isCurrentDate, isFutureDate, getPerformanceColor, handleDayClick, year, month, configuredTimezone, animationComplete, hasRealData]);
+  }, [selectedShiftId, isCurrentDate, isFutureDate, getPerformanceColor, handleDayClick, year, month, configuredTimezone, animationComplete, hasRealData]);
   return /* @__PURE__ */ jsxs("div", { className: `calendar-wrapper space-y-6 ${className || ""} ${animationComplete ? "animation-complete" : ""}`, children: [
     /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: styles } }),
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => handleShiftChange("day"),
-          className: `px-4 py-2 text-sm font-medium rounded-md ${animationComplete ? "transition-all duration-200" : ""} ${selectedShift === "day" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : `text-gray-600 ${animationComplete ? "hover:text-gray-900 hover:bg-gray-100" : ""}`}`,
-          children: "Day Shift"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => handleShiftChange("night"),
-          className: `px-4 py-2 text-sm font-medium rounded-md ${animationComplete ? "transition-all duration-200" : ""} ${selectedShift === "night" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : `text-gray-600 ${animationComplete ? "hover:text-gray-900 hover:bg-gray-100" : ""}`}`,
-          children: "Night Shift"
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
+      { id: 0, name: "Day Shift" },
+      { id: 1, name: "Night Shift" }
+    ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => handleShiftChange(shift.id),
+        className: `px-4 py-2 text-sm font-medium rounded-md ${animationComplete ? "transition-all duration-200" : ""} ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : `text-gray-600 ${animationComplete ? "hover:text-gray-900 hover:bg-gray-100" : ""}`}`,
+        children: shift.name
+      },
+      shift.id
+    )) }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4 lg:gap-8", children: [
       /* @__PURE__ */ jsxs("div", { className: "calendar-container bg-white rounded-xl shadow-sm border border-gray-100 p-3 sm:p-4 lg:p-6 transition-all duration-200 ease-in-out", children: [
         /* @__PURE__ */ jsxs("div", { className: "mb-3 sm:mb-4 lg:mb-6", children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-gray-900 text-base sm:text-lg", children: selectedShift === "day" ? "Day Shifts" : "Night Shifts" }),
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-gray-900 text-base sm:text-lg", children: (availableShifts?.find((s) => s.id === selectedShiftId)?.name || (selectedShiftId === 0 ? "Day" : selectedShiftId === 1 ? "Night" : `Shift ${selectedShiftId}`)) + "s" }),
           /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-gray-500 mt-1", children: "Calendar view of daily performance" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:gap-4 lg:gap-6", children: [
@@ -34630,7 +35027,7 @@ var WorkspaceHistoryCalendar = ({
         /* @__PURE__ */ jsxs("div", { className: "mb-3 sm:mb-4 lg:mb-6", children: [
           /* @__PURE__ */ jsxs("h3", { className: "font-semibold text-gray-900 text-base sm:text-lg", children: [
             "Monthly Summary - ",
-            selectedShift === "day" ? "Day Shift" : "Night Shift"
+            availableShifts?.find((s) => s.id === selectedShiftId)?.name || (selectedShiftId === 0 ? "Day Shift" : selectedShiftId === 1 ? "Night Shift" : `Shift ${selectedShiftId}`)
           ] }),
           /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-gray-500 mt-1", children: "Overview of monthly performance metrics" })
         ] }),
@@ -34704,10 +35101,11 @@ var WorkspaceMonthlyHistory = ({
   month,
   year,
   workspaceId,
-  selectedShift = "day",
+  selectedShiftId = 0,
   onDateSelect,
   onMonthNavigate,
   onShiftChange,
+  availableShifts,
   monthlyDataLoading = false,
   className = ""
 }) => {
@@ -34725,7 +35123,7 @@ var WorkspaceMonthlyHistory = ({
         const date = new Date(d.date);
         return date.getDate() === day;
       });
-      const shiftData = dayData ? selectedShift === "day" ? dayData.dayShift : dayData.nightShift : null;
+      const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
       const idealOutput = shiftData ? shiftData.idealOutput : 0;
       if (idealOutput > 0) {
         lastSetTarget = idealOutput;
@@ -34737,7 +35135,7 @@ var WorkspaceMonthlyHistory = ({
         const date = new Date(d.date);
         return date.getDate() === day;
       });
-      const shiftData = dayData ? selectedShift === "day" ? dayData.dayShift : dayData.nightShift : null;
+      const shiftData = dayData ? getShiftData(dayData, selectedShiftId) : null;
       const output = shiftData && hasRealData(shiftData) ? shiftData.output : 0;
       const idealOutput = shiftData ? shiftData.idealOutput : 0;
       if (output > maxOutput) maxOutput = output;
@@ -34759,7 +35157,7 @@ var WorkspaceMonthlyHistory = ({
     const calculatedMax = Math.max(maxOutput, lastSetTarget);
     const yAxisMax = calculatedMax > 0 ? calculatedMax * 1.1 : 100;
     return { data: dailyData, maxOutput, lastSetTarget, yAxisMax };
-  }, [data, month, year, selectedShift]);
+  }, [data, month, year, selectedShiftId]);
   const yAxisTicks = useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -34782,7 +35180,7 @@ var WorkspaceMonthlyHistory = ({
     return Array.from(new Set(ticks)).filter((v) => v >= 0 && v <= max).sort((a, b) => a - b);
   }, [chartData.yAxisMax, chartData.lastSetTarget]);
   const pieChartData = useMemo(() => {
-    const validShifts = data.map((d) => selectedShift === "day" ? d.dayShift : d.nightShift).filter(hasRealData);
+    const validShifts = data.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
     if (validShifts.length === 0) return [];
     const totalIdleTime = validShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
     const totalShiftTime = validShifts.length * 8 * 3600;
@@ -34791,9 +35189,9 @@ var WorkspaceMonthlyHistory = ({
       { name: "Productive", value: Math.round(activeTime / totalShiftTime * 100) },
       { name: "Idle", value: Math.round(totalIdleTime / totalShiftTime * 100) }
     ];
-  }, [data, selectedShift]);
+  }, [data, selectedShiftId]);
   const metrics2 = useMemo(() => {
-    const validShifts = data.map((d) => selectedShift === "day" ? d.dayShift : d.nightShift).filter(hasRealData);
+    const validShifts = data.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
     if (validShifts.length === 0) return null;
     const totalEfficiency = validShifts.reduce((sum, shift) => sum + shift.efficiency, 0);
     const totalCycleTime = validShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
@@ -34813,7 +35211,7 @@ var WorkspaceMonthlyHistory = ({
       totalOutput,
       avgIdleTime: Math.round(totalIdleTime / validShifts.length)
     };
-  }, [data, selectedShift]);
+  }, [data, selectedShiftId]);
   const calendarData = useMemo(() => {
     const startOfMonth = new Date(year, month, 1);
     const endOfMonth = new Date(year, month + 1, 0);
@@ -34840,17 +35238,17 @@ var WorkspaceMonthlyHistory = ({
       source: "monthly_history",
       workspace_id: workspaceId,
       date: formattedDate,
-      shift: selectedShift
+      shift_id: selectedShiftId
     });
-    onDateSelect(formattedDate, selectedShift);
-  }, [workspaceId, selectedShift, onDateSelect]);
-  const handleShiftChange = useCallback((shift) => {
+    onDateSelect(formattedDate, selectedShiftId);
+  }, [workspaceId, selectedShiftId, onDateSelect]);
+  const handleShiftChange = useCallback((shiftId) => {
     trackCoreEvent("Workspace Monthly History Shift Changed", {
       workspace_id: workspaceId,
-      new_shift: shift
+      new_shift_id: shiftId
     });
     if (onShiftChange) {
-      onShiftChange(shift);
+      onShiftChange(shiftId);
     }
   }, [workspaceId, onShiftChange]);
   if (monthlyDataLoading) {
@@ -34863,24 +35261,18 @@ var WorkspaceMonthlyHistory = ({
     ) });
   }
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 min-h-0 overflow-y-auto pb-6 ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => handleShiftChange("day"),
-          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShift === "day" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-          children: "Day Shift"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => handleShiftChange("night"),
-          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShift === "night" ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-          children: "Night Shift"
-        }
-      )
-    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
+      { id: 0, name: "Day Shift" },
+      { id: 1, name: "Night Shift" }
+    ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => handleShiftChange(shift.id),
+        className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
+        children: shift.name
+      },
+      shift.id
+    )) }) }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center mb-6 space-x-4", children: [
@@ -34944,7 +35336,7 @@ var WorkspaceMonthlyHistory = ({
           if (!dayNumber || dayNumber > new Date(year, month + 1, 0).getDate()) {
             return /* @__PURE__ */ jsx("div", { className: "aspect-square relative", children: /* @__PURE__ */ jsx("div", { className: "h-full border border-gray-100 dark:border-gray-700 rounded-lg bg-gray-50 dark:bg-gray-800" }) }, index);
           }
-          const shiftData = day ? selectedShift === "day" ? day.dayShift : day.nightShift : null;
+          const shiftData = day ? getShiftData(day, selectedShiftId) : null;
           const hasData = shiftData ? hasRealData(shiftData) : false;
           const isToday = (/* @__PURE__ */ new Date()).getDate() === dayNumber && (/* @__PURE__ */ new Date()).getMonth() === month && (/* @__PURE__ */ new Date()).getFullYear() === year;
           const isFuture = new Date(year, month, dayNumber) > /* @__PURE__ */ new Date();
@@ -35271,7 +35663,8 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
         month: "long",
         timeZone: "Asia/Kolkata"
       });
-      const shiftType = "Day Shift";
+      const rawShiftType = workspace.shift_type || (workspace.shift_id === 0 ? "Day" : workspace.shift_id === 1 ? "Night" : `Shift ${workspace.shift_id}`);
+      const shiftType = rawShiftType.toLowerCase().includes("shift") ? rawShiftType : `${rawShiftType} Shift`;
       doc.text(`${date}`, 20, 63);
       doc.text(`${shiftType}`, 20, 71);
       const currentTime = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-IN", {
@@ -35421,13 +35814,21 @@ var WorkspacePdfGenerator = ({ workspace, className }) => {
     }
   );
 };
+var getShiftDisplayName2 = (shiftId, availableShifts) => {
+  const shift = availableShifts?.find((s) => s.id === shiftId);
+  if (shift) return shift.name;
+  if (shiftId === 0) return "Day Shift";
+  if (shiftId === 1) return "Night Shift";
+  return `Shift ${shiftId}`;
+};
 var WorkspaceMonthlyPdfGenerator = ({
   workspaceId,
   workspaceName,
   monthlyData,
   selectedMonth,
   selectedYear,
-  selectedShift,
+  selectedShiftId,
+  availableShifts,
   className
 }) => {
   const [isGenerating, setIsGenerating] = useState(false);
@@ -35439,7 +35840,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         workspace_name: workspaceName,
         month: selectedMonth,
         year: selectedYear,
-        shift: selectedShift
+        shift_id: selectedShiftId
       });
       const doc = new jsPDF$1();
       doc.setFontSize(14);
@@ -35473,7 +35874,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         year: "numeric",
         timeZone: "Asia/Kolkata"
       });
-      const shiftType = selectedShift === "day" ? "Day Shift" : "Night Shift";
+      const shiftType = getShiftDisplayName2(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 65);
       doc.text(`${shiftType}`, 20, 73);
       const startDate = new Date(selectedYear, selectedMonth, 1);
@@ -35502,7 +35903,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
       const validShifts = validDays.map(
-        (day) => selectedShift === "day" ? day.dayShift : day.nightShift
+        (day) => getShiftData(day, selectedShiftId)
       ).filter((shift) => shift.efficiency > 0);
       const monthlyMetrics = validShifts.length > 0 ? {
         avgEfficiency: validShifts.reduce((sum, shift) => sum + shift.efficiency, 0) / validShifts.length,
@@ -35590,7 +35991,7 @@ var WorkspaceMonthlyPdfGenerator = ({
         const recentDays = validDays.slice(-10).reverse();
         recentDays.forEach((dayData, index) => {
           if (yPos > 260) return;
-          const shift = selectedShift === "day" ? dayData.dayShift : dayData.nightShift;
+          const shift = getShiftData(dayData, selectedShiftId);
           if (shift.efficiency <= 0) return;
           if (index % 2 === 0) {
             doc.setFillColor(252, 252, 252);
@@ -36977,19 +37378,26 @@ var HealthStatusGrid = ({
 };
 var Timer2 = Timer_default;
 var DashboardHeader = memo(({ lineTitle, className = "", headerControls, lineId }) => {
-  const { shiftConfig } = useDynamicShiftConfig(lineId);
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const timezone = useAppTimezone();
   const getShiftName = () => {
     const currentShift = getCurrentShift(timezone, shiftConfig);
-    return currentShift.shiftId === 0 ? "Day" : "Night";
+    const rawName = currentShift.shiftName || "Day";
+    return rawName.toLowerCase().includes("shift") ? rawName : `${rawName} Shift`;
   };
   const getShiftIcon = () => {
-    const shift = getShiftName();
-    if (shift === "Day") {
+    const currentShift = getCurrentShift(timezone, shiftConfig);
+    const shiftName = (currentShift.shiftName || "").toLowerCase();
+    if (shiftName.includes("day") || shiftName.includes("morning") || currentShift.shiftId === 0) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    }
+    if (shiftName.includes("afternoon") || shiftName.includes("noon") || shiftName.includes("midday")) {
+      return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
+    }
+    if (shiftName.includes("night") || shiftName.includes("evening") || currentShift.shiftId === 1) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
     }
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   };
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-col sm:flex-row items-start sm:items-center justify-between w-full gap-2 sm:gap-4 ${className}`, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
@@ -36999,13 +37407,10 @@ var DashboardHeader = memo(({ lineTitle, className = "", headerControls, lineId
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mt-0.5 sm:mt-2 inline-flex flex-wrap items-center gap-1.5 sm:gap-3", children: [
         /* @__PURE__ */ jsx("div", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: /* @__PURE__ */ jsx(Timer2, {}) }),
-        /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-0.5 sm:gap-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-0.5 sm:gap-1", children: isShiftConfigLoading ? /* @__PURE__ */ jsx("div", { className: "h-4 w-16 sm:w-20 bg-gray-200 rounded animate-pulse" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: "text-gray-500 sm:text-gray-600 scale-90 sm:scale-100", children: getShiftIcon() }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: [
-            getShiftName(),
-            " Shift"
-          ] })
-        ] })
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: getShiftName() })
+        ] }) })
       ] })
     ] }),
     headerControls && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 sm:gap-3 md:gap-4 w-full sm:w-auto justify-end", children: headerControls })
@@ -42022,18 +42427,23 @@ var FactoryView = ({
       fetchHourlyData();
     }
   }, [supabase, lineDataHooks, effectiveLineIds, lineNames, factoryName, timezone, shiftConfig, productIds]);
+  const getCurrentShiftInfo = () => {
+    return getCurrentShift(timezone, shiftConfig);
+  };
   const getShiftName = () => {
-    const now2 = /* @__PURE__ */ new Date();
-    const currentHour = now2.getHours();
-    return currentHour >= 6 && currentHour < 18 ? "Day" : "Night";
+    const currentShift = getCurrentShiftInfo();
+    return (currentShift.shiftName || "Day").replace(/ Shift$/i, "");
   };
   const getShiftIcon = () => {
-    const shift = getShiftName();
-    if (shift === "Day") {
+    const currentShift = getCurrentShiftInfo();
+    const shiftNameLower = (currentShift.shiftName || "").toLowerCase();
+    if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || currentShift.shiftId === 0) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    }
+    if (shiftNameLower.includes("night") || shiftNameLower.includes("evening") || currentShift.shiftId === 1) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
     }
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   };
   if (loading || lineDataHooks.some((hookData) => hookData.hook.loading)) {
     return /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-4", children: [
@@ -43562,8 +43972,8 @@ var KPIDetailView = ({
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
   const [monthlyData, setMonthlyData] = useState([]);
-  const [underperformingWorkspaces, setUnderperformingWorkspaces] = useState({ dayShift: [], nightShift: [] });
-  const [selectedShift, setSelectedShift] = useState("day");
+  const [underperformingWorkspaces, setUnderperformingWorkspaces] = useState({});
+  const [selectedShiftId, setSelectedShiftId] = useState(0);
   const [showLineDataNotFound, setShowLineDataNotFound] = useState(false);
   const navigation = useNavigation(navigate);
   const handleNavigate = navigate || navigation.navigate;
@@ -43593,20 +44003,22 @@ var KPIDetailView = ({
       setActiveTab("overview");
     }
   }, [urlDate, urlShift, urlTab]);
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(lineId);
   const getShiftName = useCallback((shiftId) => {
-    return shiftId === 0 ? "Day" : "Night";
-  }, []);
+    return getShiftNameById(shiftId, configuredTimezone, shiftConfig);
+  }, [configuredTimezone, shiftConfig]);
   const getShiftIcon = useCallback((shiftId) => {
-    const shift = getShiftName(shiftId);
-    if (shift === "Day") {
+    if (shiftId === 0) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    }
+    if (shiftId === 1) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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]);
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
+  }, []);
   const getDaysDifference2 = useCallback((date) => {
     const compareDate = new Date(date);
-    const shiftStartTime = dashboardConfig.shiftConfig?.dayShift?.startTime || "06:00";
+    const shiftStartTime = shiftConfig?.dayShift?.startTime || shiftConfig?.shifts?.[0]?.startTime || "06:00";
     const operationalTodayString = getOperationalDate(configuredTimezone, /* @__PURE__ */ new Date(), shiftStartTime);
     const operationalTodayDate = new Date(operationalTodayString);
     const compareDateInZone = new Date(compareDate.toLocaleString("en-US", { timeZone: configuredTimezone }));
@@ -43620,7 +44032,7 @@ var KPIDetailView = ({
     if (diffDays < -1) return `${Math.abs(diffDays)} days ago`;
     if (diffDays > 1) return `${diffDays} days ahead`;
     return "Today";
-  }, [configuredTimezone, dashboardConfig.shiftConfig]);
+  }, [configuredTimezone, shiftConfig]);
   const {
     metrics: metrics2,
     lineDetails,
@@ -43630,7 +44042,9 @@ var KPIDetailView = ({
   } = useRealtimeLineMetrics({
     lineId,
     date: typeof urlDate === "string" ? urlDate : void 0,
-    shiftId: parsedShiftId
+    shiftId: parsedShiftId,
+    enabled: !isShiftConfigLoading
+    // Pass enabled flag to useRealtimeLineMetrics if supported, or we need to add it
   });
   const {
     workspaces,
@@ -43639,7 +44053,9 @@ var KPIDetailView = ({
     refreshWorkspaces
   } = useLineWorkspaceMetrics(lineId, {
     initialDate: typeof urlDate === "string" ? urlDate : void 0,
-    initialShiftId: parsedShiftId
+    initialShiftId: parsedShiftId,
+    enabled: !isShiftConfigLoading
+    // Pass enabled flag to useLineWorkspaceMetrics if supported, or we need to add it
   });
   useEffect(() => {
     if (activeTab === "monthly_history" && lineId) {
@@ -43652,7 +44068,9 @@ var KPIDetailView = ({
         dashboardService.getUnderperformingWorkspaces(
           lineId,
           currentMonth,
-          currentYear
+          currentYear,
+          shiftConfig?.shifts?.map((s) => s.shiftId)
+          // Pass dynamic shift IDs
         )
       ]).then(([monthlyMetrics, underperformingData]) => {
         console.log("Fetched monthly metrics data:", monthlyMetrics);
@@ -43664,18 +44082,8 @@ var KPIDetailView = ({
           if (!dayData) {
             dayData = {
               date,
-              dayShift: {
-                avg_efficiency: 0,
-                underperforming_workspaces: 0,
-                total_workspaces: 0,
-                compliance_percentage: 0
-              },
-              nightShift: {
-                avg_efficiency: 0,
-                underperforming_workspaces: 0,
-                total_workspaces: 0,
-                compliance_percentage: 0
-              }
+              shifts: {}
+              // Multi-shift structure: Record<number, ShiftData>
             };
             dayDataMap.set(dateKey, dayData);
           }
@@ -43683,46 +44091,46 @@ var KPIDetailView = ({
             avg_efficiency: metric.avg_efficiency || 0,
             underperforming_workspaces: metric.underperforming_workspaces || 0,
             total_workspaces: metric.total_workspaces || 0,
-            compliance_percentage: 95 + Math.random() * 5
+            compliance_percentage: 95 + Math.random() * 5,
             // Mock data: random value between 95-100%
+            hasData: true
           };
-          if (metric.shift_id === 0) {
-            dayData.dayShift = shiftData;
-          } else {
-            dayData.nightShift = shiftData;
-          }
+          dayData.shifts[metric.shift_id] = shiftData;
         });
         const transformedMonthlyData = Array.from(dayDataMap.values());
         console.log("Transformed monthly data for calendar:", transformedMonthlyData);
         setMonthlyData(transformedMonthlyData);
-        const mappedData = {
-          dayShift: (underperformingData.dayShift || []).map((ws) => ({
-            workspace_name: ws.workspace_name || "Unknown Workspace",
-            workspace_uuid: ws.workspace_uuid || ws.workspace_name || `unknown-${Math.random()}`,
-            avg_efficiency: ws.avg_efficiency || 0,
-            last_5_days: (ws.last_5_days || []).map((day) => ({
-              date: day.date,
-              efficiency: day.efficiency ?? 0,
-              performance_score: day.performance_score
-            }))
-          })),
-          nightShift: (underperformingData.nightShift || []).map((ws) => ({
-            workspace_name: ws.workspace_name || "Unknown Workspace",
-            workspace_uuid: ws.workspace_uuid || ws.workspace_name || `unknown-${Math.random()}`,
-            avg_efficiency: ws.avg_efficiency || 0,
-            last_5_days: (ws.last_5_days || []).map((day) => ({
-              date: day.date,
-              efficiency: day.efficiency ?? 0,
-              performance_score: day.performance_score
-            }))
+        const mapWorkspaces = (workspaces2) => (workspaces2 || []).map((ws) => ({
+          workspace_name: ws.workspace_name || "Unknown Workspace",
+          workspace_uuid: ws.workspace_uuid || ws.workspace_name || `unknown-${Math.random()}`,
+          avg_efficiency: ws.avg_efficiency || 0,
+          last_5_days: (ws.last_5_days || []).map((day) => ({
+            date: day.date,
+            efficiency: day.efficiency ?? 0,
+            performance_score: day.performance_score
           }))
-        };
+        }));
+        const mappedData = {};
+        if (underperformingData.dayShift) {
+          mappedData[0] = mapWorkspaces(underperformingData.dayShift);
+        }
+        if (underperformingData.nightShift) {
+          mappedData[1] = mapWorkspaces(underperformingData.nightShift);
+        }
+        Object.entries(underperformingData).forEach(([key, value]) => {
+          if (key !== "dayShift" && key !== "nightShift" && Array.isArray(value)) {
+            const shiftId = parseInt(key);
+            if (!isNaN(shiftId)) {
+              mappedData[shiftId] = mapWorkspaces(value);
+            }
+          }
+        });
         setUnderperformingWorkspaces(mappedData);
       }).catch((error) => {
         console.error("Error fetching monthly data:", error);
       });
     }
-  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig]);
+  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig]);
   const lineInfo = useMemo(() => {
     if (!metrics2 || !lineDetails || !lineDetails.factory) {
       return null;
@@ -43967,7 +44375,7 @@ var KPIDetailView = ({
       handleNavigate(backUrl);
     }
   }, [urlDate, urlShift, lineInfo, onBackClick, backLinkUrl, handleNavigate, urlMonth, urlYear, lineId, currentMonth, currentYear]);
-  if ((lineMetricsLoading || workspacesLoading) && !lineInfo && !metrics2) {
+  if ((lineMetricsLoading || workspacesLoading || isShiftConfigLoading) && !lineInfo && !metrics2) {
     return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading line metrics..." });
   }
   if (lineMetricsError || workspacesError) {
@@ -44074,7 +44482,10 @@ var KPIDetailView = ({
           /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: metrics2 && formatLocalDate(new Date(metrics2.date)) }) }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
             /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(metrics2.shift_id ?? 0) }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: getShiftName(metrics2.shift_id ?? 0) })
+            /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-700", children: [
+              getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
+              " Shift"
+            ] })
           ] }),
           !urlDate && !urlShift ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(ISTTimer_default, {}) }) }) : urlDate && metrics2.date ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference2(metrics2.date) }) }) : null
         ] }),
@@ -44092,7 +44503,7 @@ var KPIDetailView = ({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(metrics2.shift_id ?? 0) }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
-              getShiftName(metrics2.shift_id ?? 0),
+              getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
             ] })
           ] })
@@ -44137,7 +44548,7 @@ var KPIDetailView = ({
             )
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3 ml-auto", children: [
-            lineInfo && activeTab === "overview" && /* @__PURE__ */ jsx(LinePdfGenerator, { lineInfo, workspaceData: workspaces || [] }),
+            lineInfo && activeTab === "overview" && /* @__PURE__ */ jsx(LinePdfGenerator, { lineInfo, workspaceData: workspaces || [], shiftName: getShiftName(lineInfo.shift_id) }),
             activeTab === "monthly_history" && /* @__PURE__ */ jsx(
               LineMonthlyPdfGenerator,
               {
@@ -44147,7 +44558,7 @@ var KPIDetailView = ({
                 underperformingWorkspaces,
                 selectedMonth: currentMonth,
                 selectedYear: currentYear,
-                selectedShift
+                selectedShiftId
               }
             )
           ] })
@@ -44250,8 +44661,9 @@ var KPIDetailView = ({
               monthlyData,
               month: currentMonth,
               year: currentYear,
-              selectedShift,
-              onShiftChange: setSelectedShift
+              selectedShiftId,
+              onShiftChange: setSelectedShiftId,
+              availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName }))
             }
           )
         ]
@@ -44402,7 +44814,8 @@ var KPIsOverviewView = ({
   const dashboardConfig = useDashboardConfig();
   const navigation = useNavigation(navigate);
   const dateTimeConfig = useDateTimeConfig();
-  const shiftConfig = useShiftConfig();
+  const representativeLineId = lineIds?.[0] || lines[0]?.id;
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(representativeLineId);
   const supervisorEnabled = dashboardConfig?.supervisorConfig?.enabled || false;
   const dbTimezone = useAppTimezone();
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
@@ -44464,15 +44877,21 @@ var KPIsOverviewView = ({
     return date.toLocaleDateString("en-US", options);
   };
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
-  const shiftName = currentShiftDetails.shiftId === 0 ? "Day" : "Night";
+  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const getShiftIcon = (shiftId) => {
-    if (shiftId === 0) {
+    const shiftNameLower = shiftName.toLowerCase();
+    if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || shiftId === 0) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    }
+    if (shiftNameLower.includes("afternoon") || shiftNameLower.includes("noon") || shiftNameLower.includes("midday")) {
+      return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
+    }
+    if (shiftNameLower.includes("night") || shiftNameLower.includes("evening") || shiftId === 1) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
     }
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   };
-  if (loading) {
+  if (loading || isShiftConfigLoading) {
     return /* @__PURE__ */ jsx(LoadingPage, { message: "Loading production lines..." });
   }
   if (error) {
@@ -44641,7 +45060,7 @@ var HeaderRibbon = memo(({
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: shiftIcon }),
         /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
-          shiftName,
+          shiftName.replace(/ Shift$/i, ""),
           " Shift"
         ] })
       ] })
@@ -44768,6 +45187,7 @@ var LeaderboardDetailView = memo(({
   const navigation = useNavigation();
   const entityConfig = useEntityConfig();
   const [sortAscending, setSortAscending] = useState(false);
+  const timezone = useAppTimezone();
   const [isMobile, setIsMobile] = useState(false);
   React23__default.useEffect(() => {
     const checkMobile = () => setIsMobile(window.innerWidth < 640);
@@ -44796,6 +45216,9 @@ var LeaderboardDetailView = memo(({
     () => typeof shift === "number" ? shift : typeof shift === "string" ? parseInt(shift) : void 0,
     [shift]
   );
+  const availableLineId = Object.keys(configuredLineNames)[0];
+  const effectiveLineId = lineId || userAccessibleLineIds?.[0] || availableLineId;
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(effectiveLineId);
   const {
     workspaces,
     loading: workspacesLoading,
@@ -44804,20 +45227,31 @@ var LeaderboardDetailView = memo(({
   } = useAllWorkspaceMetrics({
     initialDate: date,
     initialShiftId: typeof shift === "number" ? shift : typeof shift === "string" ? parseInt(shift) : void 0,
-    allowedLineIds: userAccessibleLineIds
+    allowedLineIds: userAccessibleLineIds,
     // Filter to user's accessible lines only
+    enabled: !isShiftConfigLoading
+    // Pass enabled flag
   });
   const getShiftName = useCallback((shiftId2) => {
-    if (shiftId2 === void 0) return "Day";
-    return shiftId2 === 0 ? "Day" : "Night";
-  }, []);
+    if (shiftId2 !== void 0) {
+      return getShiftNameById(shiftId2, timezone || "Asia/Kolkata", shiftConfig);
+    }
+    const currentShift = getCurrentShift(timezone || "Asia/Kolkata", shiftConfig);
+    return currentShift.shiftName || getShiftNameById(currentShift.shiftId, timezone || "Asia/Kolkata", shiftConfig);
+  }, [timezone, shiftConfig]);
   const getShiftIcon = useCallback((shiftId2) => {
-    const shift2 = getShiftName(shiftId2);
-    if (shift2 === "Day") {
+    const effectiveShiftId = shiftId2 !== void 0 ? shiftId2 : getCurrentShift(timezone || "Asia/Kolkata", shiftConfig).shiftId;
+    const shiftNameLower = getShiftName(effectiveShiftId).toLowerCase();
+    if (shiftNameLower.includes("day") || shiftNameLower.includes("morning")) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    }
+    if (shiftNameLower.includes("afternoon") || shiftNameLower.includes("noon") || shiftNameLower.includes("midday")) {
+      return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
+    }
+    if (shiftNameLower.includes("night") || shiftNameLower.includes("evening")) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
     }
+    return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
   }, [getShiftName]);
   const formatDate = useCallback((date2) => {
     return new Intl.DateTimeFormat("en-US", {
@@ -44867,13 +45301,27 @@ var LeaderboardDetailView = memo(({
     });
     const displayName = workspace.displayName || getWorkspaceDisplayName(workspace.workspace_name, workspace.line_id);
     const navParams = workspace.workspace_uuid ? getWorkspaceNavigationParams(workspace.workspace_uuid, displayName, workspace.line_id) : "";
-    const returnToParam = `&returnTo=${encodeURIComponent(`/leaderboard`)}`;
+    const contextParams = new URLSearchParams();
+    if (date) {
+      contextParams.set("date", date);
+    }
+    if (shiftId !== void 0) {
+      contextParams.set("shift", shiftId.toString());
+    }
+    contextParams.set("returnTo", encodeURIComponent("/leaderboard"));
+    const contextParamString = contextParams.toString();
     if (onWorkspaceClick) {
-      onWorkspaceClick(workspace, rank);
+      const combinedParams = navParams ? `${navParams}&${contextParamString}` : `?${contextParamString}`;
+      const enhancedWorkspace = {
+        ...workspace,
+        navParams: combinedParams
+      };
+      onWorkspaceClick(enhancedWorkspace, rank);
     } else {
-      navigation.navigate(`/workspace/${workspace.workspace_uuid}${navParams}${returnToParam}`);
+      const combinedParams = navParams ? `${navParams}&${contextParamString}` : `?${contextParamString}`;
+      navigation.navigate(`/workspace/${workspace.workspace_uuid}${combinedParams}`);
     }
-  }, [onWorkspaceClick, navigation, lineId, workspacesLength]);
+  }, [onWorkspaceClick, navigation, workspacesLength, date, shiftId]);
   const workspaceDisplayData = useMemo(() => {
     if (!workspaces) return [];
     return workspaces.map((ws) => ({
@@ -44889,7 +45337,7 @@ var LeaderboardDetailView = memo(({
       return sortAscending ? effA - effB : effB - effA;
     });
   }, [workspaceDisplayData, sortAscending]);
-  const loading = workspacesLoading;
+  const loading = workspacesLoading || isShiftConfigLoading;
   const error = workspacesError;
   const currentDateFormatted = useMemo(() => {
     const dateStr = (/* @__PURE__ */ new Date()).toDateString();
@@ -45734,14 +46182,28 @@ var ShiftsView = ({
       try {
         setLoading(true);
         setError(null);
-        const { data: dayShiftOperatingHours, error: dayShiftError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", lineIds);
+        const { data: enabledLines, error: linesError } = await supabase.from("lines").select("id, enable").in("id", lineIds).eq("enable", true);
+        if (linesError) {
+          console.error("Error fetching enabled lines:", linesError);
+          showToast("error", "Error loading lines");
+          setError("Failed to load lines");
+          setLoading(false);
+          return;
+        }
+        const enabledLineIds = (enabledLines || []).map((line) => line.id);
+        if (enabledLineIds.length === 0) {
+          setLineConfigs([]);
+          setLoading(false);
+          return;
+        }
+        const { data: dayShiftOperatingHours, error: dayShiftError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", enabledLineIds);
         if (dayShiftError) {
           console.error("Error fetching day shift operating hours:", dayShiftError);
           showToast("error", "Error loading day shift data");
           setError("Failed to load day shift data");
           return;
         }
-        const { data: nightShiftOperatingHours, error: nightShiftError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", lineIds);
+        const { data: nightShiftOperatingHours, error: nightShiftError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", enabledLineIds);
         if (nightShiftError) {
           console.error("Error fetching night shift operating hours:", nightShiftError);
           showToast("error", "Error loading night shift data");
@@ -45764,27 +46226,30 @@ var ShiftsView = ({
           };
           return map;
         }, {});
-        setLineConfigs((prev) => prev.map((config) => {
-          const typedConfig = config;
-          const lineId = typedConfig.id;
-          const newConfig = { ...typedConfig };
-          if (dayShiftHoursMap[lineId]) {
-            newConfig.dayShift = {
-              ...newConfig.dayShift,
-              ...dayShiftHoursMap[lineId]
-            };
-          }
-          if (nightShiftHoursMap[lineId]) {
-            newConfig.nightShift = {
-              ...newConfig.nightShift,
-              ...nightShiftHoursMap[lineId]
-            };
-          }
-          if (newConfig.isOpen === void 0) {
-            newConfig.isOpen = getStoredLineState(lineId);
-          }
-          return newConfig;
-        }));
+        setLineConfigs((prev) => {
+          const enabledConfigs = prev.filter((config) => enabledLineIds.includes(config.id));
+          return enabledConfigs.map((config) => {
+            const typedConfig = config;
+            const lineId = typedConfig.id;
+            const newConfig = { ...typedConfig };
+            if (dayShiftHoursMap[lineId]) {
+              newConfig.dayShift = {
+                ...newConfig.dayShift,
+                ...dayShiftHoursMap[lineId]
+              };
+            }
+            if (nightShiftHoursMap[lineId]) {
+              newConfig.nightShift = {
+                ...newConfig.nightShift,
+                ...nightShiftHoursMap[lineId]
+              };
+            }
+            if (newConfig.isOpen === void 0) {
+              newConfig.isOpen = getStoredLineState(lineId);
+            }
+            return newConfig;
+          });
+        });
         setLoading(false);
       } catch (error2) {
         console.error("Error fetching shift configurations:", error2);
@@ -46962,6 +47427,10 @@ var TargetsViewUI = ({
   savingLines,
   saveSuccess,
   selectedShift,
+  shiftOptions = [
+    { id: 0, name: "Day Shift" },
+    { id: 1, name: "Night Shift" }
+  ],
   isBulkConfigureOpen,
   navItems = [],
   currentPathname = "/targets",
@@ -47014,24 +47483,15 @@ var TargetsViewUI = ({
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "px-4 sm:px-6 md:px-8 py-4 sm:py-5 md:py-6", children: [
       /* @__PURE__ */ jsx("div", { className: "mb-4 sm:mb-6 bg-gradient-to-r from-blue-50 to-blue-50/50 p-3 sm:p-4 rounded-xl border border-blue-100", children: /* @__PURE__ */ jsx("p", { className: "text-xs sm:text-sm text-blue-700 font-medium text-center sm:text-left", children: "Click on a line to expand and configure individual workspace targets." }) }),
-      /* @__PURE__ */ jsx("div", { className: "mb-4 sm:mb-6 flex justify-center relative", children: /* @__PURE__ */ jsxs("div", { className: "inline-flex bg-gray-100 p-1 rounded-lg w-full max-w-xs sm:w-auto", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => onShiftChange(0),
-            className: `flex-1 sm:flex-none px-3 sm:px-4 py-2 text-xs sm:text-sm font-medium rounded-md transition-all ${selectedShift === 0 ? "bg-white text-blue-600 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
-            children: "Day Shift"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => onShiftChange(1),
-            className: `flex-1 sm:flex-none px-3 sm:px-4 py-2 text-xs sm:text-sm font-medium rounded-md transition-all ${selectedShift === 1 ? "bg-white text-blue-600 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
-            children: "Night Shift"
-          }
-        )
-      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "mb-4 sm:mb-6 flex justify-center relative", children: /* @__PURE__ */ jsx("div", { className: "inline-flex bg-gray-100 p-1 rounded-lg w-full max-w-xl sm:w-auto overflow-x-auto", children: shiftOptions.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => onShiftChange(option.id),
+          className: `flex-1 sm:flex-none px-3 sm:px-4 py-2 text-xs sm:text-sm font-medium rounded-md transition-all whitespace-nowrap ${selectedShift === option.id ? "bg-white text-blue-600 shadow-sm" : "text-gray-600 hover:text-gray-900"}`,
+          children: option.name
+        },
+        option.id
+      )) }) }),
       /* @__PURE__ */ jsx("div", { className: "space-y-6", children: Object.entries(lineWorkspaces).map(([lineId, line]) => /* @__PURE__ */ jsxs(
         "div",
         {
@@ -47336,7 +47796,7 @@ var TargetsView = ({
   onSaveChanges
 }) => {
   const timezone = useAppTimezone();
-  const initialLineWorkspaces = useMemo(() => {
+  useMemo(() => {
     return lineIds.reduce((acc, lineId) => ({
       ...acc,
       [lineId]: {
@@ -47358,12 +47818,7 @@ var TargetsView = ({
       [lineId]: getStoredLineState2(lineId)
     }), {});
   });
-  const [allShiftsData, setAllShiftsData] = useState({
-    0: initialLineWorkspaces,
-    // Day shift
-    1: initialLineWorkspaces
-    // Night shift (will be populated on first load)
-  });
+  const [allShiftsData, setAllShiftsData] = useState({});
   const [actionIds, setActionIds] = useState(null);
   const [savingLines, setSavingLines] = useState(
     () => lineIds.reduce((acc, id3) => ({ ...acc, [id3]: false }), {})
@@ -47375,10 +47830,11 @@ var TargetsView = ({
   const [isBulkConfigureOpen, setIsBulkConfigureOpen] = useState(false);
   const [selectedWorkspaces, setSelectedWorkspaces] = useState([]);
   const [selectedShift, setSelectedShift] = useState(0);
+  const [shiftOptions, setShiftOptions] = useState([]);
   const canSaveTargets = useCanSaveTargets();
   const [dbValues, setDbValues] = useState({ 0: {}, 1: {} });
   const [userEditedFields, setUserEditedFields] = useState(/* @__PURE__ */ new Set());
-  const lineWorkspaces = allShiftsData[selectedShift] || initialLineWorkspaces;
+  const lineWorkspaces = allShiftsData[selectedShift] || {};
   const setLineWorkspaces = useCallback((updater) => {
     setAllShiftsData((prev) => ({
       ...prev,
@@ -47407,12 +47863,28 @@ var TargetsView = ({
       setIsLoading(true);
       try {
         const currentDate = getOperationalDate(timezone);
+        const { data: shiftsData, error: shiftsError } = await supabase.from("line_operating_hours").select("line_id, shift_id, shift_name").in("line_id", lineIds);
+        if (shiftsError) {
+          console.warn("[TargetsView] Error fetching shift definitions, falling back to defaults", shiftsError);
+        }
+        const derivedShiftOptions = (shiftsData || []).reduce((acc, row) => {
+          if (acc.some((s) => s.id === row.shift_id)) return acc;
+          acc.push({ id: row.shift_id, name: row.shift_name || `Shift ${row.shift_id}` });
+          return acc;
+        }, []);
+        const effectiveShiftOptions = derivedShiftOptions.length > 0 ? derivedShiftOptions.sort((a, b) => a.id - b.id) : [
+          { id: 0, name: "Day Shift" },
+          { id: 1, name: "Night Shift" }
+        ];
+        setShiftOptions(effectiveShiftOptions);
+        const defaultShiftId = effectiveShiftOptions[0].id;
+        setSelectedShift(defaultShiftId);
         const bulkResponse = await workspaceService.fetchBulkTargets({
           companyId,
           lineIds,
           date: currentDate,
-          shifts: [0, 1],
-          // Fetch both shifts at once
+          shifts: effectiveShiftOptions.map((s) => s.id),
+          // Fetch all configured shifts
           includeSkus: skuEnabled,
           includeActions: true
         });
@@ -47430,10 +47902,14 @@ var TargetsView = ({
           packaging: packagingAction.id
         };
         setActionIds(actionIdsData);
-        const newAllShiftsData = { 0: {}, 1: {} };
-        const newDbValues = { 0: {}, 1: {} };
+        const newAllShiftsData = {};
+        const newDbValues = {};
+        effectiveShiftOptions.forEach((opt) => {
+          newAllShiftsData[opt.id] = {};
+          newDbValues[opt.id] = {};
+        });
         Object.entries(data.lines).forEach(([lineId, lineData]) => {
-          [0, 1].forEach((shiftId) => {
+          effectiveShiftOptions.forEach(({ id: shiftId }) => {
             const shiftData = lineData.shifts[shiftId.toString()];
             if (!shiftData) {
               console.warn(`No shift ${shiftId} data for line ${lineId}`);
@@ -47487,6 +47963,37 @@ var TargetsView = ({
             newAllShiftsData[shiftId][lineId].workspaces = mappedWorkspaces;
           });
         });
+        effectiveShiftOptions.forEach(({ id: shiftId }) => {
+          lineIds.forEach((lineId) => {
+            if (!newAllShiftsData[shiftId][lineId]) {
+              const lineData = data.lines[lineId];
+              const shift0Data = newAllShiftsData[0]?.[lineId];
+              const enabledWorkspaces = lineData?.workspaces?.filter((ws) => ws.enable === true) || [];
+              const workspaces = enabledWorkspaces.map((ws) => ({
+                id: ws.id,
+                name: ws.workspace_id,
+                targetPPH: "",
+                targetCycleTime: "",
+                targetDayOutput: "",
+                actionType: "assembly",
+                actionId: actionIdsData.assembly
+              })).sort(
+                (a, b) => a.name.localeCompare(b.name, void 0, { numeric: true })
+              );
+              newAllShiftsData[shiftId][lineId] = {
+                productId: "",
+                shiftStartTime: shift0Data?.shiftStartTime || "08:00",
+                shiftEndTime: shift0Data?.shiftEndTime || "19:00",
+                shiftHours: shift0Data?.shiftHours || 11,
+                breaks: shift0Data?.breaks || [],
+                workspaces,
+                factoryId: shift0Data?.factoryId || lineData?.line_info?.factory_id
+              };
+              newDbValues[shiftId][lineId] = {};
+              console.log(`[TargetsView] Initialized empty data for shift ${shiftId}, line ${lineId}`);
+            }
+          });
+        });
         setAllShiftsData(newAllShiftsData);
         setDbValues(newDbValues);
         console.log("[TargetsView] Successfully loaded all data with bulk endpoint:", {
@@ -47604,7 +48111,7 @@ var TargetsView = ({
     setUserEditedFields(/* @__PURE__ */ new Set());
     if (dbValues[shiftId] && Object.keys(dbValues[shiftId]).length > 0) {
       setAllShiftsData((prev) => {
-        const updatedShiftData = { ...prev[shiftId] };
+        const updatedShiftData = { ...prev[shiftId] || {} };
         for (const lineId of Object.keys(updatedShiftData)) {
           if (dbValues[shiftId][lineId]) {
             updatedShiftData[lineId] = {
@@ -47633,20 +48140,27 @@ var TargetsView = ({
   };
   const handleActionTypeChange = useCallback((lineId, workspaceId, newActionType) => {
     if (!actionIds) return;
-    setLineWorkspaces((prev) => ({
-      ...prev,
-      [lineId]: {
-        ...prev[lineId],
-        workspaces: prev[lineId].workspaces.map(
-          (ws) => ws.id === workspaceId ? {
-            ...ws,
-            actionType: newActionType,
-            actionId: actionIds[newActionType]
-          } : ws
-        )
+    setLineWorkspaces((prev) => {
+      const currentLineData = prev?.[lineId];
+      if (!currentLineData?.workspaces) {
+        console.warn(`[handleActionTypeChange] No data for line ${lineId} in current shift`);
+        return prev;
       }
-    }));
-  }, [actionIds]);
+      return {
+        ...prev,
+        [lineId]: {
+          ...currentLineData,
+          workspaces: currentLineData.workspaces.map(
+            (ws) => ws.id === workspaceId ? {
+              ...ws,
+              actionType: newActionType,
+              actionId: actionIds[newActionType]
+            } : ws
+          )
+        }
+      };
+    });
+  }, [actionIds, setLineWorkspaces]);
   const handleSaveLine = useCallback(async (lineId) => {
     console.log(`[handleSaveLine] Attempting to save line: ${lineId}`);
     if (!canSaveTargets) {
@@ -47826,6 +48340,7 @@ var TargetsView = ({
       savingLines,
       saveSuccess,
       selectedShift,
+      shiftOptions,
       isBulkConfigureOpen,
       navItems: [],
       currentPathname: "/targets",
@@ -47957,12 +48472,10 @@ var WorkspaceDetailView = ({
   const today = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: timezone }));
   const [selectedMonth, setSelectedMonth] = useState(today.getMonth());
   const [selectedYear, setSelectedYear] = useState(today.getFullYear());
-  const [selectedShift, setSelectedShift] = useState("day");
+  const [selectedShift, setSelectedShift] = useState(0);
   useEffect(() => {
-    if (parsedShiftId === 1) {
-      setSelectedShift("night");
-    } else if (parsedShiftId === 0) {
-      setSelectedShift("day");
+    if (parsedShiftId !== void 0) {
+      setSelectedShift(parsedShiftId);
     }
   }, [parsedShiftId]);
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
@@ -47974,6 +48487,13 @@ var WorkspaceDetailView = ({
   const dashboardConfig = useDashboardConfig();
   const isClipsEnabled = dashboardConfig?.clipsConfig?.enabled ?? true;
   dashboardConfig?.supervisorConfig?.enabled || false;
+  const effectiveLineId = lineId || selectedLineId;
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(effectiveLineId);
+  const calculatedOperationalDate = useMemo(() => {
+    if (isShiftConfigLoading || !shiftConfig) return null;
+    const currentShift = getCurrentShift(timezone, shiftConfig);
+    return currentShift.date;
+  }, [isShiftConfigLoading, shiftConfig, timezone]);
   const {
     workspace: workspaceHealth,
     loading: healthLoading,
@@ -48034,7 +48554,9 @@ var WorkspaceDetailView = ({
   } = useHistoricWorkspaceMetrics(
     workspaceId || "",
     date || "",
-    parsedShiftId
+    parsedShiftId,
+    { shiftConfig, enabled: !isShiftConfigLoading }
+    // Pass dynamic shift config and enabled flag
   );
   const {
     metrics: liveMetrics,
@@ -48042,11 +48564,13 @@ var WorkspaceDetailView = ({
     error: liveError
   } = useWorkspaceDetailedMetrics(
     workspaceId || "",
-    getOperationalDate(timezone),
-    void 0
+    calculatedOperationalDate || getOperationalDate(timezone),
+    void 0,
+    { shiftConfig, enabled: !isShiftConfigLoading }
+    // Pass the dynamic shift config here and enabled flag
   );
   const workspace = isHistoricView ? historicMetrics : liveMetrics;
-  const loading = isHistoricView ? historicLoading : liveLoading;
+  const loading = (isHistoricView ? historicLoading : liveLoading) || isShiftConfigLoading;
   const error = isHistoricView ? historicError : liveError;
   const { supervisorName } = useLineSupervisor(workspace?.line_id || lineId);
   useEffect(() => {
@@ -48066,7 +48590,7 @@ var WorkspaceDetailView = ({
   }, [isClipsEnabled, activeTab]);
   useEffect(() => {
     if (liveMetrics && !date && !shift) {
-      const currentDate = getOperationalDate(timezone);
+      const currentDate = calculatedOperationalDate || getOperationalDate(timezone);
       if (liveMetrics.date !== currentDate) {
         setUsingFallbackData(true);
         if (activeTab !== "monthly_history") {
@@ -48076,7 +48600,7 @@ var WorkspaceDetailView = ({
         setUsingFallbackData(false);
       }
     }
-  }, [liveMetrics, date, shift, activeTab]);
+  }, [liveMetrics, date, shift, activeTab, calculatedOperationalDate]);
   useMemo(() => {
     if (isHistoricView && date) {
       try {
@@ -48084,11 +48608,11 @@ var WorkspaceDetailView = ({
         return date;
       } catch (e) {
         console.error("Error parsing historic date:", e);
-        return getOperationalDate(timezone);
+        return calculatedOperationalDate || getOperationalDate(timezone);
       }
     }
-    return getOperationalDate(timezone);
-  }, [isHistoricView, date]);
+    return calculatedOperationalDate || getOperationalDate(timezone);
+  }, [isHistoricView, date, calculatedOperationalDate, timezone]);
   const handleMonthlyDataLoaded = useCallback((data) => {
     console.log("[handleMonthlyDataLoaded] Received data:", {
       dataLength: data?.length,
@@ -48112,10 +48636,8 @@ var WorkspaceDetailView = ({
       if (!dayEntry) {
         dayEntry = {
           date: dateObj,
-          dayShift: null,
-          // Start with null instead of zeros
-          nightShift: null
-          // Start with null instead of zeros
+          shifts: {}
+          // Multi-shift structure: Record<number, CalendarShiftData>
         };
         dayDataMap.set(dateKey, dayEntry);
       }
@@ -48127,19 +48649,14 @@ var WorkspaceDetailView = ({
         pphThreshold: metric.pph_threshold || 0,
         idealOutput: metric.ideal_output || 0,
         rank: metric.workspace_rank || 0,
-        idleTime: metric.idle_time || 0
+        idleTime: metric.idle_time || 0,
+        hasData: true
       };
-      if (metric.shift_id === 0) {
-        dayEntry.dayShift = shiftData;
-      } else {
-        dayEntry.nightShift = shiftData;
-      }
+      dayEntry.shifts[metric.shift_id] = shiftData;
     });
-    const processedData = Array.from(dayDataMap.values()).filter((entry) => entry.dayShift !== null || entry.nightShift !== null).map((entry) => ({
+    const processedData = Array.from(dayDataMap.values()).filter((entry) => Object.keys(entry.shifts).length > 0).map((entry) => ({
       date: entry.date,
-      // If a shift is null (no data), provide zeros for compatibility
-      dayShift: entry.dayShift || { efficiency: 0, output: 0, cycleTime: 0, pph: 0, pphThreshold: 0, idealOutput: 0, rank: 0, idleTime: 0 },
-      nightShift: entry.nightShift || { efficiency: 0, output: 0, cycleTime: 0, pph: 0, pphThreshold: 0, idealOutput: 0, rank: 0, idleTime: 0 }
+      shifts: entry.shifts
     }));
     console.log(`[handleMonthlyDataLoaded] Transformed data for calendar:`, {
       count: processedData.length,
@@ -48147,7 +48664,6 @@ var WorkspaceDetailView = ({
     });
     setMonthlyData(processedData);
   }, []);
-  const effectiveLineId = lineId || selectedLineId;
   const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
   const shouldShowCycleTimeChart = showCycleTimeChart ?? formattedWorkspaceName.startsWith("FINAL ASSY");
   const handleBackNavigation = () => {
@@ -48168,7 +48684,7 @@ var WorkspaceDetailView = ({
       if (onNavigate) {
         const params = new URLSearchParams();
         params.set("fromMonthly", "true");
-        params.set("shift", selectedShift === "night" ? "1" : "0");
+        params.set("shift", selectedShift.toString());
         if (effectiveLineId) {
           params.set("lineId", effectiveLineId);
         }
@@ -48180,7 +48696,7 @@ var WorkspaceDetailView = ({
         if (onNavigate) {
           const params = new URLSearchParams();
           params.set("fromMonthly", "true");
-          params.set("shift", selectedShift === "night" ? "1" : "0");
+          params.set("shift", selectedShift.toString());
           if (effectiveLineId) {
             params.set("lineId", effectiveLineId);
           }
@@ -48194,10 +48710,15 @@ var WorkspaceDetailView = ({
     }
   };
   const getShiftIcon = (shiftType) => {
-    if (shiftType === "Day") {
+    const shiftTypeLower = shiftType?.toLowerCase() || "";
+    if (shiftTypeLower.includes("day") || shiftTypeLower.includes("morning")) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
-    } else {
+    } else if (shiftTypeLower.includes("afternoon") || shiftTypeLower.includes("noon") || shiftTypeLower.includes("midday")) {
+      return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
+    } else if (shiftTypeLower.includes("night") || shiftTypeLower.includes("evening")) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) });
+    } else {
+      return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" }) });
     }
   };
   if (loading) {
@@ -48374,10 +48895,7 @@ var WorkspaceDetailView = ({
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
-                /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
-                  workspace.shift_type,
-                  " Shift"
-                ] })
+                /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: workspace.shift_type })
               ] })
             ] }) })
           ] }),
@@ -48444,7 +48962,7 @@ var WorkspaceDetailView = ({
                   monthlyData,
                   selectedMonth,
                   selectedYear,
-                  selectedShift
+                  selectedShiftId: selectedShift
                 }
               ) })
             ] })
@@ -48713,15 +49231,16 @@ var WorkspaceDetailView = ({
                 month: selectedMonth,
                 year: selectedYear,
                 workspaceId,
-                selectedShift,
+                selectedShiftId: selectedShift,
                 monthlyDataLoading,
-                onDateSelect: (selectedDate, shift2) => {
+                availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
+                onDateSelect: (selectedDate, shiftId) => {
                   if (onDateSelect) {
-                    onDateSelect(selectedDate, shift2);
+                    onDateSelect(selectedDate, shiftId);
                   } else if (onNavigate) {
                     const params = new URLSearchParams();
                     params.set("date", selectedDate);
-                    params.set("shift", shift2 === "day" ? "0" : "1");
+                    params.set("shift", shiftId.toString());
                     params.set("fromMonthly", "true");
                     if (effectiveLineId) {
                       params.set("lineId", effectiveLineId);
@@ -48744,6 +49263,7 @@ var WorkspaceDetailView = ({
               workspaceId,
               workspaceName: formattedWorkspaceName,
               date,
+              lineId: effectiveLineId,
               shift,
               totalOutput: workspace?.total_actions,
               className: "h-[calc(100vh-10rem)]"
@@ -48900,6 +49420,13 @@ var SKUManagementView = () => {
 var useWorkspaceHealth = (options) => {
   const supabase = useSupabase();
   const databaseConfig = useDatabaseConfig();
+  const entityConfig = useEntityConfig();
+  const configuredLineIds = useMemo(() => getConfiguredLineIds(entityConfig), [entityConfig]);
+  const firstConfiguredLineId = configuredLineIds[0];
+  const isFactoryView = !options.lineId || options.lineId === (entityConfig?.factoryViewId || "factory");
+  const effectiveLineIdForShiftConfig = isFactoryView ? firstConfiguredLineId : options.lineId;
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(effectiveLineIdForShiftConfig);
+  const timezone = useAppTimezone() || "UTC";
   const [workspaces, setWorkspaces] = useState([]);
   const [summary, setSummary] = useState({
     totalWorkspaces: 0,
@@ -48946,6 +49473,14 @@ var useWorkspaceHealth = (options) => {
   }, []);
   const fetchWorkspacesHealth = useCallback(async () => {
     if (isFetchingRef.current) return;
+    if (isShiftConfigLoading) {
+      console.log("[useWorkspaceHealth] \u23F3 Waiting for shift config to load");
+      return;
+    }
+    if (!shiftConfig) {
+      console.warn("[useWorkspaceHealth] \u26A0\uFE0F Shift config is null, waiting for it to load");
+      return;
+    }
     if (!options.companyId) {
       setWorkspaces([]);
       setSummary(computeSummary([]));
@@ -48956,9 +49491,16 @@ var useWorkspaceHealth = (options) => {
       isFetchingRef.current = true;
       setLoading(true);
       setError(null);
+      console.log("[useWorkspaceHealth] \u{1F680} Fetching health status with shift config:", {
+        lineId: options.lineId,
+        hasShiftConfig: !!shiftConfig,
+        shiftId: shiftConfig?.shifts?.[0]?.shiftId
+      });
       const workspacesWithStatus = await workspaceHealthService.getWorkspaceHealthStatus({
         lineId: options.lineId,
-        companyId: options.companyId
+        companyId: options.companyId,
+        shiftConfig,
+        timezone
       });
       setWorkspaces(workspacesWithStatus);
       setSummary(computeSummary(workspacesWithStatus));
@@ -48970,7 +49512,7 @@ var useWorkspaceHealth = (options) => {
       setLoading(false);
       isFetchingRef.current = false;
     }
-  }, [options.companyId, options.lineId, computeSummary]);
+  }, [options.companyId, options.lineId, computeSummary, shiftConfig, isShiftConfigLoading, timezone]);
   useEffect(() => {
     fetchWorkspacesHealth();
   }, [fetchWorkspacesHealth]);
@@ -49010,9 +49552,12 @@ var useWorkspaceHealth = (options) => {
   return {
     workspaces,
     summary,
-    loading,
+    loading: loading || isShiftConfigLoading || !shiftConfig,
     error,
-    refetch: fetchWorkspacesHealth
+    refetch: fetchWorkspacesHealth,
+    // Expose shift config so consumers can pass it to child components
+    shiftConfig,
+    isShiftConfigLoading
   };
 };
 var STATUS_COLORS = {
@@ -49211,7 +49756,8 @@ var formatTimeRange = (start, end, timezone) => {
 var WorkspaceUptimeDetailModal = ({
   workspace,
   isOpen,
-  onClose
+  onClose,
+  shiftConfig: passedShiftConfig
 }) => {
   const timezone = useAppTimezone() || "UTC";
   const logsContainerRef = useRef(null);
@@ -49225,7 +49771,12 @@ var WorkspaceUptimeDetailModal = ({
     workspaceId: workspace?.workspace_id,
     companyId: workspace?.company_id,
     enabled: isOpen && Boolean(workspace?.workspace_id && workspace?.company_id),
-    refreshInterval: 6e4
+    refreshInterval: 6e4,
+    lineId: workspace?.line_id,
+    // Pass shift config from parent if available - avoids duplicate DB queries
+    // and ensures consistent shift timing across the view
+    shiftConfig: passedShiftConfig || void 0,
+    timezone
   });
   useEffect(() => {
     if (!isOpen || !workspace) return;
@@ -49412,32 +49963,48 @@ var WorkspaceHealthView = ({
 }) => {
   const router = useRouter();
   const [groupBy, setGroupBy] = useState("line");
+  const entityConfig = useEntityConfig();
+  const configuredLineIds = useMemo(() => getConfiguredLineIds(entityConfig), [entityConfig]);
+  const firstConfiguredLineId = configuredLineIds[0];
+  const factoryViewId = entityConfig?.factoryViewId || "factory";
+  const isFactoryView = !lineId || lineId === factoryViewId;
+  const effectiveLineId = isFactoryView ? firstConfiguredLineId : lineId;
   const timezone = useAppTimezone();
+  const { shiftConfig, isLoading: isShiftConfigLoading } = useDynamicShiftConfig(effectiveLineId);
   const [selectedWorkspace, setSelectedWorkspace] = useState(null);
-  const operationalDate = getOperationalDate(timezone || "UTC");
-  const currentHour = (/* @__PURE__ */ new Date()).getHours();
-  const isNightShift = currentHour >= 18 || currentHour < 6;
-  const shiftType = isNightShift ? "Night" : "Day";
+  const effectiveTimezone = timezone || "UTC";
+  const currentShiftDetails = getCurrentShift(effectiveTimezone, shiftConfig);
+  const operationalDate = currentShiftDetails.date;
+  const shiftType = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const formatDate = (date) => {
     const d = new Date(date);
     return d.toLocaleDateString("en-IN", {
       month: "long",
       day: "numeric",
       year: "numeric",
-      timeZone: "Asia/Kolkata"
+      timeZone: effectiveTimezone
     });
   };
-  const getShiftIcon = (shift) => {
-    return shift === "Night" ? /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" });
+  const getShiftIcon = () => {
+    const shiftName = (currentShiftDetails.shiftName || "").toLowerCase();
+    if (shiftName.includes("night") || shiftName.includes("evening") || currentShiftDetails.shiftId === 1) {
+      return /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" });
+    }
+    if (shiftName.includes("afternoon") || shiftName.includes("noon") || shiftName.includes("midday")) {
+      return /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" });
+    }
+    return /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" });
   };
   const {
     workspaces,
     summary,
     loading,
     error,
-    refetch
+    refetch,
+    shiftConfig: loadedShiftConfig
+    // Get shift config from the hook to pass to modal
   } = useWorkspaceHealth({
-    lineId,
+    lineId: effectiveLineId,
     companyId,
     enableRealtime: true,
     refreshInterval: 1e4
@@ -49499,7 +50066,7 @@ var WorkspaceHealthView = ({
     if (percentage >= 90) return "text-yellow-600 dark:text-yellow-400";
     return "text-red-600 dark:text-red-400";
   };
-  if (loading && !summary) {
+  if (loading && !summary || isShiftConfigLoading) {
     return /* @__PURE__ */ jsx("div", { className: "min-h-screen bg-gray-50 dark:bg-gray-900 p-4", children: /* @__PURE__ */ jsx(LoadingState, {}) });
   }
   if (error) {
@@ -49609,7 +50176,7 @@ var WorkspaceHealthView = ({
           /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: formatDate(operationalDate) }),
           /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 sm:gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(shiftType) }),
+            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon() }),
             /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: [
               shiftType,
               " Shift"
@@ -49697,7 +50264,8 @@ var WorkspaceHealthView = ({
       {
         workspace: selectedWorkspace,
         isOpen: Boolean(selectedWorkspace),
-        onClose: handleCloseDetails
+        onClose: handleCloseDetails,
+        shiftConfig: loadedShiftConfig
       }
     )
   ] });
@@ -51734,25 +52302,15 @@ var TeamManagementView_default = TeamManagementView;
 function BottleneckClipsView({
   workspaceId: propWorkspaceId,
   workspaceName: propWorkspaceName,
+  lineId: propLineId,
   date: propDate,
   shift: propShift,
   totalOutput: propTotalOutput
 }) {
   const router = useRouter();
-  const dashboardConfig = useDashboardConfig();
-  const timezone = useAppTimezone();
   const workspaceId = propWorkspaceId || router.query.workspaceId;
   const workspaceName = propWorkspaceName || router.query.workspaceName || "Workstation";
-  const operationalDate = useMemo(() => {
-    if (propDate) return propDate;
-    return getOperationalDate(timezone || dashboardConfig.dateTimeConfig?.defaultTimezone || "UTC");
-  }, [propDate, timezone, dashboardConfig]);
-  const currentShift = useMemo(() => {
-    if (propShift !== void 0) return propShift;
-    const tz = timezone || dashboardConfig.dateTimeConfig?.defaultTimezone || "UTC";
-    const shiftResult = getCurrentShift(tz, dashboardConfig?.shiftConfig);
-    return shiftResult.shiftId;
-  }, [propShift, dashboardConfig, timezone]);
+  const lineId = propLineId || router.query.lineId;
   if (!workspaceId) {
     return /* @__PURE__ */ jsx(LoadingPage_default, { message: "Loading workspace data..." });
   }
@@ -51801,8 +52359,9 @@ function BottleneckClipsView({
       {
         workspaceId,
         workspaceName,
-        date: operationalDate,
-        shift: currentShift,
+        lineId,
+        date: propDate,
+        shift: propShift,
         totalOutput: propTotalOutput,
         className: "h-full"
       }
@@ -53268,4 +53827,4 @@ function shuffleArray(array) {
   return shuffled;
 }
 
-export { ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ClipFilterProvider, CompactWorkspaceHealthCard, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EmptyStateMessage, EncouragementOverlay, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, InlineEditableText, InteractiveOnboardingTour, InvitationService, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, RegistryProvider, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserManagementService, UserService, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createInvitationService, createLinesService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getNextUpdateInterval, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, userService, videoPrefetchManager, videoPreloader, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ClipFilterProvider, CompactWorkspaceHealthCard, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EmptyStateMessage, EncouragementOverlay, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, InlineEditableText, InteractiveOnboardingTour, InvitationService, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, RegistryProvider, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserManagementService, UserService, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, apiUtils, authCoreService, authOTPService, authRateLimitService, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createInvitationService, createLinesService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatISTDate, formatIdleTime, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAnonClient, getAvailableShiftIds, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getNextUpdateInterval, getOperationalDate, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, updateThreadTitle, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useMessages, useMetrics, useNavigation, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, userService, videoPrefetchManager, videoPreloader, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };