@optifye/dashboard-core 6.10.2 → 6.10.3

package/dist/index.js

@@ -49095,43 +49095,6 @@ var calculateShiftHours = (startTime, endTime, breaks = []) => {
   const hoursDiff = (endMinutes - startMinutes - totalBreakMinutes) / 60;
   return Number(hoursDiff.toFixed(1));
 };
-var calculateBreakDuration2 = (startTime, endTime) => {
-  const [startHour, startMinute] = startTime.split(":").map(Number);
-  const [endHour, endMinute] = endTime.split(":").map(Number);
-  let startMinutes = startHour * 60 + startMinute;
-  let endMinutes = endHour * 60 + endMinute;
-  if (endMinutes < startMinutes) {
-    endMinutes += 24 * 60;
-  }
-  return endMinutes - startMinutes;
-};
-var parseBreaksFromDB = (dbBreaks) => {
-  if (!dbBreaks) return [];
-  if (Array.isArray(dbBreaks)) {
-    return dbBreaks.map((breakItem) => ({
-      startTime: breakItem.start || breakItem.startTime || "00:00",
-      endTime: breakItem.end || breakItem.endTime || "00:00",
-      duration: calculateBreakDuration2(
-        breakItem.start || breakItem.startTime || "00:00",
-        breakItem.end || breakItem.endTime || "00:00"
-      ),
-      remarks: breakItem.remarks || breakItem.name || ""
-    }));
-  } else if (dbBreaks.breaks && Array.isArray(dbBreaks.breaks)) {
-    return dbBreaks.breaks.map((breakItem) => ({
-      startTime: breakItem.start || breakItem.startTime || "00:00",
-      endTime: breakItem.end || breakItem.endTime || "00:00",
-      duration: calculateBreakDuration2(
-        breakItem.start || breakItem.startTime || "00:00",
-        breakItem.end || breakItem.endTime || "00:00"
-      ),
-      remarks: breakItem.remarks || breakItem.name || ""
-    }));
-  } else {
-    console.warn("Unexpected breaks format:", dbBreaks);
-    return [];
-  }
-};
 var getStoredLineState = (lineId) => {
   try {
     return JSON.parse(localStorage.getItem(`line_${lineId}_open`) || "false");
@@ -49423,16 +49386,9 @@ var ShiftsView = ({
     () => lineIds.map((id3) => ({
       id: id3,
       name: lineNames[id3] || `Line ${id3.substring(0, 4)}`,
-      dayShift: {
-        startTime: "08:00",
-        endTime: "16:00",
-        breaks: []
-      },
-      nightShift: {
-        startTime: "20:00",
-        endTime: "04:00",
-        breaks: []
-      },
+      timezone: "Asia/Kolkata",
+      shifts: [],
+      // Will be populated from DB
       isOpen: true,
       isSaving: false,
       saveSuccess: false
@@ -49470,58 +49426,37 @@ var ShiftsView = ({
           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", enabledLineIds);
-        if (nightShiftError) {
-          console.error("Error fetching night shift operating hours:", nightShiftError);
-          showToast("error", "Error loading night shift data");
-          setError("Failed to load night shift data");
+        const { data: allShifts, error: shiftsError } = await supabase.from("line_operating_hours").select("line_id, shift_id, shift_name, start_time, end_time, breaks, timezone").in("line_id", enabledLineIds);
+        if (shiftsError) {
+          console.error("Error fetching shifts:", shiftsError);
+          showToast("error", "Error loading shift data");
+          setError("Failed to load shift data");
           return;
         }
-        const dayShiftHoursMap = (dayShiftOperatingHours || []).reduce((map, item) => {
-          map[item.line_id] = {
-            startTime: item.start_time,
-            endTime: item.end_time,
-            breaks: parseBreaksFromDB(item.breaks)
-          };
-          return map;
+        const shiftsByLine = (allShifts || []).reduce((acc, row) => {
+          if (!acc[row.line_id]) acc[row.line_id] = [];
+          acc[row.line_id].push(row);
+          return acc;
         }, {});
-        const nightShiftHoursMap = (nightShiftOperatingHours || []).reduce((map, item) => {
-          map[item.line_id] = {
-            startTime: item.start_time,
-            endTime: item.end_time,
-            breaks: parseBreaksFromDB(item.breaks)
-          };
-          return map;
+        const { data: linesData } = await supabase.from("lines").select("id, line_name").in("id", enabledLineIds);
+        const lineNameMap = (linesData || []).reduce((acc, line) => {
+          if (line.line_name) acc[line.id] = line.line_name;
+          return acc;
         }, {});
         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;
+            const rows = shiftsByLine[config.id] || [];
+            const builtConfig = buildShiftConfigFromOperatingHoursRows(rows);
+            const lineName = lineNameMap[config.id] || lineNames[config.id] || `Line ${config.id.substring(0, 4)}`;
+            const sortedShifts = [...builtConfig.shifts || []].sort((a, b) => a.shiftId - b.shiftId);
+            return {
+              ...config,
+              name: lineName,
+              shifts: sortedShifts,
+              timezone: builtConfig.timezone || config.timezone,
+              isOpen: config.isOpen ?? getStoredLineState(config.id)
+            };
           });
         });
         setLoading(false);
@@ -49544,183 +49479,79 @@ var ShiftsView = ({
       );
     });
   }, []);
-  const updateDayShiftStartTime = React24.useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedDayShift = { ...typedConfig.dayShift, startTime: value };
-        return {
-          ...typedConfig,
-          dayShift: updatedDayShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateDayShiftEndTime = React24.useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedDayShift = { ...typedConfig.dayShift, endTime: value };
-        return {
-          ...typedConfig,
-          dayShift: updatedDayShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateNightShiftStartTime = React24.useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedNightShift = { ...typedConfig.nightShift, startTime: value };
-        return {
-          ...typedConfig,
-          nightShift: updatedNightShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateNightShiftEndTime = React24.useCallback((lineId, value) => {
+  const updateShiftTime = React24.useCallback((lineId, shiftIndex, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedNightShift = { ...typedConfig.nightShift, endTime: value };
-        return {
-          ...typedConfig,
-          nightShift: updatedNightShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const addDayShiftBreak = React24.useCallback((lineId) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const dayShift = { ...typedConfig.dayShift };
-        const newBreak = {
-          startTime: dayShift.startTime,
-          endTime: dayShift.startTime,
-          duration: 0,
-          remarks: ""
-        };
-        return {
-          ...typedConfig,
-          dayShift: {
-            ...dayShift,
-            breaks: [...dayShift.breaks, newBreak]
-          }
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const addNightShiftBreak = React24.useCallback((lineId) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const nightShift = { ...typedConfig.nightShift };
-        const newBreak = {
-          startTime: nightShift.startTime,
-          endTime: nightShift.startTime,
-          duration: 0
-        };
-        return {
-          ...typedConfig,
-          nightShift: {
-            ...nightShift,
-            breaks: [...nightShift.breaks, newBreak]
-          }
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateDayShiftBreak = React24.useCallback((lineId, index, field, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const dayShift = { ...typedConfig.dayShift };
-        const newBreaks = [...dayShift.breaks];
-        newBreaks[index] = { ...newBreaks[index], [field]: value };
-        if (field === "startTime" || field === "endTime") {
-          const startParts = newBreaks[index].startTime.split(":").map(Number);
-          const endParts = newBreaks[index].endTime.split(":").map(Number);
-          let startMinutes = startParts[0] * 60 + startParts[1];
-          let endMinutes = endParts[0] * 60 + endParts[1];
-          if (endMinutes < startMinutes) {
-            endMinutes += 24 * 60;
-          }
-          newBreaks[index].duration = endMinutes - startMinutes;
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          newShifts[shiftIndex] = { ...newShifts[shiftIndex], [field]: value };
         }
-        return {
-          ...typedConfig,
-          dayShift: {
-            ...dayShift,
-            breaks: newBreaks
-          }
-        };
+        return { ...config, shifts: newShifts };
       }
-      return typedConfig;
+      return config;
     }));
   }, []);
-  const updateNightShiftBreak = React24.useCallback((lineId, index, field, value) => {
+  const addShiftBreak = React24.useCallback((lineId, shiftIndex) => {
     setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const nightShift = { ...typedConfig.nightShift };
-        const newBreaks = [...nightShift.breaks];
-        newBreaks[index] = { ...newBreaks[index], [field]: value };
-        if (field === "startTime" || field === "endTime") {
-          const startParts = newBreaks[index].startTime.split(":").map(Number);
-          const endParts = newBreaks[index].endTime.split(":").map(Number);
-          let startMinutes = startParts[0] * 60 + startParts[1];
-          let endMinutes = endParts[0] * 60 + endParts[1];
-          if (endMinutes < startMinutes) {
-            endMinutes += 24 * 60;
-          }
-          newBreaks[index].duration = endMinutes - startMinutes;
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          const newBreak = {
+            startTime: shift.startTime,
+            endTime: shift.startTime,
+            duration: 0,
+            remarks: ""
+          };
+          newShifts[shiftIndex] = {
+            ...shift,
+            breaks: [...shift.breaks || [], newBreak]
+          };
         }
-        return {
-          ...typedConfig,
-          nightShift: {
-            ...nightShift,
-            breaks: newBreaks
-          }
-        };
+        return { ...config, shifts: newShifts };
       }
-      return typedConfig;
+      return config;
     }));
   }, []);
-  const removeDayShiftBreak = React24.useCallback((lineId, index) => {
+  const updateShiftBreak = React24.useCallback((lineId, shiftIndex, breakIndex, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const dayShift = { ...config.dayShift };
-        return {
-          ...config,
-          dayShift: {
-            ...dayShift,
-            breaks: dayShift.breaks.filter((_, i) => i !== index)
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          const newBreaks = [...shift.breaks || []];
+          if (newBreaks[breakIndex]) {
+            newBreaks[breakIndex] = { ...newBreaks[breakIndex], [field]: value };
+            if (field === "startTime" || field === "endTime") {
+              const startParts = newBreaks[breakIndex].startTime.split(":").map(Number);
+              const endParts = newBreaks[breakIndex].endTime.split(":").map(Number);
+              let startMinutes = startParts[0] * 60 + startParts[1];
+              let endMinutes = endParts[0] * 60 + endParts[1];
+              if (endMinutes < startMinutes) {
+                endMinutes += 24 * 60;
+              }
+              newBreaks[breakIndex].duration = endMinutes - startMinutes;
+            }
           }
-        };
+          newShifts[shiftIndex] = { ...shift, breaks: newBreaks };
+        }
+        return { ...config, shifts: newShifts };
       }
       return config;
     }));
   }, []);
-  const removeNightShiftBreak = React24.useCallback((lineId, index) => {
+  const removeShiftBreak = React24.useCallback((lineId, shiftIndex, breakIndex) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const nightShift = { ...config.nightShift };
-        return {
-          ...config,
-          nightShift: {
-            ...nightShift,
-            breaks: nightShift.breaks.filter((_, i) => i !== index)
-          }
-        };
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          newShifts[shiftIndex] = {
+            ...shift,
+            breaks: (shift.breaks || []).filter((_, i) => i !== breakIndex)
+          };
+        }
+        return { ...config, shifts: newShifts };
       }
       return config;
     }));
@@ -49734,36 +49565,26 @@ var ShiftsView = ({
       if (!lineConfig) {
         throw new Error("Line configuration not found");
       }
-      const dayShiftData = {
-        line_id: lineId,
-        shift_id: 0,
-        shift_name: "Day Shift",
-        start_time: lineConfig.dayShift.startTime,
-        end_time: lineConfig.dayShift.endTime,
-        breaks: formatBreaks(lineConfig.dayShift.breaks)
-      };
-      const nightShiftData = {
-        line_id: lineId,
-        shift_id: 1,
-        shift_name: "Night Shift",
-        start_time: lineConfig.nightShift.startTime,
-        end_time: lineConfig.nightShift.endTime,
-        breaks: formatBreaks(lineConfig.nightShift.breaks)
-      };
-      const dayResult = await supabase.from("line_operating_hours").upsert(dayShiftData).select();
-      if (dayResult.error) {
-        throw new Error(`Failed to save day shift: ${dayResult.error.message}`);
-      }
-      const nightResult = await supabase.from("line_operating_hours").upsert(nightShiftData).select();
-      if (nightResult.error) {
-        throw new Error(`Failed to save night shift: ${nightResult.error.message}`);
+      const allSavedRows = [];
+      for (const shift of lineConfig.shifts || []) {
+        const shiftData = {
+          line_id: lineId,
+          shift_id: shift.shiftId,
+          shift_name: shift.shiftName,
+          start_time: shift.startTime,
+          end_time: shift.endTime,
+          breaks: formatBreaks(shift.breaks || [])
+        };
+        const { data, error: error2 } = await supabase.from("line_operating_hours").upsert(shiftData).select();
+        if (error2) {
+          throw new Error(`Failed to save shift ${shift.shiftName}: ${error2.message}`);
+        }
+        if (data) {
+          allSavedRows.push(...data);
+        }
       }
-      const updatedRows = [
-        ...dayResult.data || [],
-        ...nightResult.data || []
-      ];
-      if (updatedRows.length > 0) {
-        shiftConfigStore.setFromOperatingHoursRows(lineId, updatedRows, shiftConfigStore.get(lineId));
+      if (allSavedRows.length > 0) {
+        shiftConfigStore.setFromOperatingHoursRows(lineId, allSavedRows, shiftConfigStore.get(lineId));
       }
       setLineConfigs((prev) => prev.map(
         (config) => config.id === lineId ? { ...config, isSaving: false, saveSuccess: true } : config
@@ -49842,48 +49663,34 @@ var ShiftsView = ({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { id: `shift-panel-${config.id}`, className: "p-3 sm:p-4 md:p-6 border-t border-gray-200 w-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ShiftPanel,
-            {
-              title: "Day Shift",
-              icon: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) }),
-              startTime: config.dayShift.startTime,
-              endTime: config.dayShift.endTime,
-              breaks: config.dayShift.breaks,
-              onStartTimeChange: (value) => updateDayShiftStartTime(config.id, value),
-              onEndTimeChange: (value) => updateDayShiftEndTime(config.id, value),
-              onBreakUpdate: (index, field, value) => updateDayShiftBreak(config.id, index, field, value),
-              onBreakRemove: (index) => removeDayShiftBreak(config.id, index),
-              onBreakAdd: () => addDayShiftBreak(config.id),
-              shiftHours: calculateShiftHours(
-                config.dayShift.startTime,
-                config.dayShift.endTime,
-                config.dayShift.breaks
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ShiftPanel,
-            {
-              title: "Night Shift",
-              icon: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) }),
-              startTime: config.nightShift.startTime,
-              endTime: config.nightShift.endTime,
-              breaks: config.nightShift.breaks,
-              onStartTimeChange: (value) => updateNightShiftStartTime(config.id, value),
-              onEndTimeChange: (value) => updateNightShiftEndTime(config.id, value),
-              onBreakUpdate: (index, field, value) => updateNightShiftBreak(config.id, index, field, value),
-              onBreakRemove: (index) => removeNightShiftBreak(config.id, index),
-              onBreakAdd: () => addNightShiftBreak(config.id),
-              shiftHours: calculateShiftHours(
-                config.nightShift.startTime,
-                config.nightShift.endTime,
-                config.nightShift.breaks
-              )
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { id: `shift-panel-${config.id}`, className: "p-3 sm:p-4 md:p-6 border-t border-gray-200 w-full", children: config.shifts && config.shifts.length > 0 ? config.shifts.map((shift, shiftIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+          ShiftPanel,
+          {
+            title: shift.shiftName,
+            icon: (
+              // Icon based on shift name (case-insensitive)
+              shift.shiftName.toLowerCase().includes("day") ? /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) }) : shift.shiftName.toLowerCase().includes("night") ? /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" }) }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-5 h-5 text-gray-600" })
+            ),
+            startTime: shift.startTime,
+            endTime: shift.endTime,
+            breaks: shift.breaks || [],
+            onStartTimeChange: (value) => updateShiftTime(config.id, shiftIndex, "startTime", value),
+            onEndTimeChange: (value) => updateShiftTime(config.id, shiftIndex, "endTime", value),
+            onBreakUpdate: (breakIndex, field, value) => updateShiftBreak(config.id, shiftIndex, breakIndex, field, value),
+            onBreakRemove: (breakIndex) => removeShiftBreak(config.id, shiftIndex, breakIndex),
+            onBreakAdd: () => addShiftBreak(config.id, shiftIndex),
+            shiftHours: calculateShiftHours(
+              shift.startTime,
+              shift.endTime,
+              shift.breaks || []
+            )
+          },
+          shift.shiftId
+        )) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center text-gray-500 py-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No shifts configured for this line" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Shifts will appear here once configured in the database" })
+        ] }) })
       ] }, config.id)) })
     ] })
   ] });
@@ -53375,8 +53182,9 @@ var WorkspaceHealthView = ({
     loading,
     error,
     refetch,
-    shiftConfig: loadedShiftConfig
+    shiftConfig: loadedShiftConfig,
     // Get shift config from the hook to pass to modal
+    shiftConfigMap
   } = useWorkspaceHealth({
     lineId: effectiveLineIdForFetch,
     // undefined in factory view = fetch all lines
@@ -53388,6 +53196,13 @@ var WorkspaceHealthView = ({
     date: selectedDate,
     shiftId: selectedShiftId
   });
+  const modalShiftConfig = React24.useMemo(() => {
+    if (!selectedWorkspace) return void 0;
+    if (isFactoryView) {
+      return shiftConfigMap.get(selectedWorkspace.line_id);
+    }
+    return loadedShiftConfig || void 0;
+  }, [isFactoryView, loadedShiftConfig, selectedWorkspace, shiftConfigMap]);
   const handleWorkspaceClick = React24.useCallback(
     (workspace) => {
       const url = `/workspace/${workspace.workspace_id}`;
@@ -53625,7 +53440,7 @@ var WorkspaceHealthView = ({
         workspace: selectedWorkspace,
         isOpen: Boolean(selectedWorkspace),
         onClose: handleCloseDetails,
-        shiftConfig: loadedShiftConfig,
+        shiftConfig: modalShiftConfig,
         date: selectedDate,
         shiftId: selectedShiftId
       }

package/dist/index.mjs

@@ -49066,43 +49066,6 @@ var calculateShiftHours = (startTime, endTime, breaks = []) => {
   const hoursDiff = (endMinutes - startMinutes - totalBreakMinutes) / 60;
   return Number(hoursDiff.toFixed(1));
 };
-var calculateBreakDuration2 = (startTime, endTime) => {
-  const [startHour, startMinute] = startTime.split(":").map(Number);
-  const [endHour, endMinute] = endTime.split(":").map(Number);
-  let startMinutes = startHour * 60 + startMinute;
-  let endMinutes = endHour * 60 + endMinute;
-  if (endMinutes < startMinutes) {
-    endMinutes += 24 * 60;
-  }
-  return endMinutes - startMinutes;
-};
-var parseBreaksFromDB = (dbBreaks) => {
-  if (!dbBreaks) return [];
-  if (Array.isArray(dbBreaks)) {
-    return dbBreaks.map((breakItem) => ({
-      startTime: breakItem.start || breakItem.startTime || "00:00",
-      endTime: breakItem.end || breakItem.endTime || "00:00",
-      duration: calculateBreakDuration2(
-        breakItem.start || breakItem.startTime || "00:00",
-        breakItem.end || breakItem.endTime || "00:00"
-      ),
-      remarks: breakItem.remarks || breakItem.name || ""
-    }));
-  } else if (dbBreaks.breaks && Array.isArray(dbBreaks.breaks)) {
-    return dbBreaks.breaks.map((breakItem) => ({
-      startTime: breakItem.start || breakItem.startTime || "00:00",
-      endTime: breakItem.end || breakItem.endTime || "00:00",
-      duration: calculateBreakDuration2(
-        breakItem.start || breakItem.startTime || "00:00",
-        breakItem.end || breakItem.endTime || "00:00"
-      ),
-      remarks: breakItem.remarks || breakItem.name || ""
-    }));
-  } else {
-    console.warn("Unexpected breaks format:", dbBreaks);
-    return [];
-  }
-};
 var getStoredLineState = (lineId) => {
   try {
     return JSON.parse(localStorage.getItem(`line_${lineId}_open`) || "false");
@@ -49394,16 +49357,9 @@ var ShiftsView = ({
     () => lineIds.map((id3) => ({
       id: id3,
       name: lineNames[id3] || `Line ${id3.substring(0, 4)}`,
-      dayShift: {
-        startTime: "08:00",
-        endTime: "16:00",
-        breaks: []
-      },
-      nightShift: {
-        startTime: "20:00",
-        endTime: "04:00",
-        breaks: []
-      },
+      timezone: "Asia/Kolkata",
+      shifts: [],
+      // Will be populated from DB
       isOpen: true,
       isSaving: false,
       saveSuccess: false
@@ -49441,58 +49397,37 @@ var ShiftsView = ({
           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", enabledLineIds);
-        if (nightShiftError) {
-          console.error("Error fetching night shift operating hours:", nightShiftError);
-          showToast("error", "Error loading night shift data");
-          setError("Failed to load night shift data");
+        const { data: allShifts, error: shiftsError } = await supabase.from("line_operating_hours").select("line_id, shift_id, shift_name, start_time, end_time, breaks, timezone").in("line_id", enabledLineIds);
+        if (shiftsError) {
+          console.error("Error fetching shifts:", shiftsError);
+          showToast("error", "Error loading shift data");
+          setError("Failed to load shift data");
           return;
         }
-        const dayShiftHoursMap = (dayShiftOperatingHours || []).reduce((map, item) => {
-          map[item.line_id] = {
-            startTime: item.start_time,
-            endTime: item.end_time,
-            breaks: parseBreaksFromDB(item.breaks)
-          };
-          return map;
+        const shiftsByLine = (allShifts || []).reduce((acc, row) => {
+          if (!acc[row.line_id]) acc[row.line_id] = [];
+          acc[row.line_id].push(row);
+          return acc;
         }, {});
-        const nightShiftHoursMap = (nightShiftOperatingHours || []).reduce((map, item) => {
-          map[item.line_id] = {
-            startTime: item.start_time,
-            endTime: item.end_time,
-            breaks: parseBreaksFromDB(item.breaks)
-          };
-          return map;
+        const { data: linesData } = await supabase.from("lines").select("id, line_name").in("id", enabledLineIds);
+        const lineNameMap = (linesData || []).reduce((acc, line) => {
+          if (line.line_name) acc[line.id] = line.line_name;
+          return acc;
         }, {});
         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;
+            const rows = shiftsByLine[config.id] || [];
+            const builtConfig = buildShiftConfigFromOperatingHoursRows(rows);
+            const lineName = lineNameMap[config.id] || lineNames[config.id] || `Line ${config.id.substring(0, 4)}`;
+            const sortedShifts = [...builtConfig.shifts || []].sort((a, b) => a.shiftId - b.shiftId);
+            return {
+              ...config,
+              name: lineName,
+              shifts: sortedShifts,
+              timezone: builtConfig.timezone || config.timezone,
+              isOpen: config.isOpen ?? getStoredLineState(config.id)
+            };
           });
         });
         setLoading(false);
@@ -49515,183 +49450,79 @@ var ShiftsView = ({
       );
     });
   }, []);
-  const updateDayShiftStartTime = useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedDayShift = { ...typedConfig.dayShift, startTime: value };
-        return {
-          ...typedConfig,
-          dayShift: updatedDayShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateDayShiftEndTime = useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedDayShift = { ...typedConfig.dayShift, endTime: value };
-        return {
-          ...typedConfig,
-          dayShift: updatedDayShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateNightShiftStartTime = useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedNightShift = { ...typedConfig.nightShift, startTime: value };
-        return {
-          ...typedConfig,
-          nightShift: updatedNightShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateNightShiftEndTime = useCallback((lineId, value) => {
+  const updateShiftTime = useCallback((lineId, shiftIndex, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const updatedNightShift = { ...typedConfig.nightShift, endTime: value };
-        return {
-          ...typedConfig,
-          nightShift: updatedNightShift
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const addDayShiftBreak = useCallback((lineId) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const dayShift = { ...typedConfig.dayShift };
-        const newBreak = {
-          startTime: dayShift.startTime,
-          endTime: dayShift.startTime,
-          duration: 0,
-          remarks: ""
-        };
-        return {
-          ...typedConfig,
-          dayShift: {
-            ...dayShift,
-            breaks: [...dayShift.breaks, newBreak]
-          }
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const addNightShiftBreak = useCallback((lineId) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const nightShift = { ...typedConfig.nightShift };
-        const newBreak = {
-          startTime: nightShift.startTime,
-          endTime: nightShift.startTime,
-          duration: 0
-        };
-        return {
-          ...typedConfig,
-          nightShift: {
-            ...nightShift,
-            breaks: [...nightShift.breaks, newBreak]
-          }
-        };
-      }
-      return typedConfig;
-    }));
-  }, []);
-  const updateDayShiftBreak = useCallback((lineId, index, field, value) => {
-    setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const dayShift = { ...typedConfig.dayShift };
-        const newBreaks = [...dayShift.breaks];
-        newBreaks[index] = { ...newBreaks[index], [field]: value };
-        if (field === "startTime" || field === "endTime") {
-          const startParts = newBreaks[index].startTime.split(":").map(Number);
-          const endParts = newBreaks[index].endTime.split(":").map(Number);
-          let startMinutes = startParts[0] * 60 + startParts[1];
-          let endMinutes = endParts[0] * 60 + endParts[1];
-          if (endMinutes < startMinutes) {
-            endMinutes += 24 * 60;
-          }
-          newBreaks[index].duration = endMinutes - startMinutes;
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          newShifts[shiftIndex] = { ...newShifts[shiftIndex], [field]: value };
         }
-        return {
-          ...typedConfig,
-          dayShift: {
-            ...dayShift,
-            breaks: newBreaks
-          }
-        };
+        return { ...config, shifts: newShifts };
       }
-      return typedConfig;
+      return config;
     }));
   }, []);
-  const updateNightShiftBreak = useCallback((lineId, index, field, value) => {
+  const addShiftBreak = useCallback((lineId, shiftIndex) => {
     setLineConfigs((prev) => prev.map((config) => {
-      const typedConfig = config;
-      if (typedConfig.id === lineId) {
-        const nightShift = { ...typedConfig.nightShift };
-        const newBreaks = [...nightShift.breaks];
-        newBreaks[index] = { ...newBreaks[index], [field]: value };
-        if (field === "startTime" || field === "endTime") {
-          const startParts = newBreaks[index].startTime.split(":").map(Number);
-          const endParts = newBreaks[index].endTime.split(":").map(Number);
-          let startMinutes = startParts[0] * 60 + startParts[1];
-          let endMinutes = endParts[0] * 60 + endParts[1];
-          if (endMinutes < startMinutes) {
-            endMinutes += 24 * 60;
-          }
-          newBreaks[index].duration = endMinutes - startMinutes;
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          const newBreak = {
+            startTime: shift.startTime,
+            endTime: shift.startTime,
+            duration: 0,
+            remarks: ""
+          };
+          newShifts[shiftIndex] = {
+            ...shift,
+            breaks: [...shift.breaks || [], newBreak]
+          };
         }
-        return {
-          ...typedConfig,
-          nightShift: {
-            ...nightShift,
-            breaks: newBreaks
-          }
-        };
+        return { ...config, shifts: newShifts };
       }
-      return typedConfig;
+      return config;
     }));
   }, []);
-  const removeDayShiftBreak = useCallback((lineId, index) => {
+  const updateShiftBreak = useCallback((lineId, shiftIndex, breakIndex, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const dayShift = { ...config.dayShift };
-        return {
-          ...config,
-          dayShift: {
-            ...dayShift,
-            breaks: dayShift.breaks.filter((_, i) => i !== index)
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          const newBreaks = [...shift.breaks || []];
+          if (newBreaks[breakIndex]) {
+            newBreaks[breakIndex] = { ...newBreaks[breakIndex], [field]: value };
+            if (field === "startTime" || field === "endTime") {
+              const startParts = newBreaks[breakIndex].startTime.split(":").map(Number);
+              const endParts = newBreaks[breakIndex].endTime.split(":").map(Number);
+              let startMinutes = startParts[0] * 60 + startParts[1];
+              let endMinutes = endParts[0] * 60 + endParts[1];
+              if (endMinutes < startMinutes) {
+                endMinutes += 24 * 60;
+              }
+              newBreaks[breakIndex].duration = endMinutes - startMinutes;
+            }
           }
-        };
+          newShifts[shiftIndex] = { ...shift, breaks: newBreaks };
+        }
+        return { ...config, shifts: newShifts };
       }
       return config;
     }));
   }, []);
-  const removeNightShiftBreak = useCallback((lineId, index) => {
+  const removeShiftBreak = useCallback((lineId, shiftIndex, breakIndex) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const nightShift = { ...config.nightShift };
-        return {
-          ...config,
-          nightShift: {
-            ...nightShift,
-            breaks: nightShift.breaks.filter((_, i) => i !== index)
-          }
-        };
+      if (config.id === lineId && config.shifts) {
+        const newShifts = [...config.shifts];
+        if (newShifts[shiftIndex]) {
+          const shift = newShifts[shiftIndex];
+          newShifts[shiftIndex] = {
+            ...shift,
+            breaks: (shift.breaks || []).filter((_, i) => i !== breakIndex)
+          };
+        }
+        return { ...config, shifts: newShifts };
       }
       return config;
     }));
@@ -49705,36 +49536,26 @@ var ShiftsView = ({
       if (!lineConfig) {
         throw new Error("Line configuration not found");
       }
-      const dayShiftData = {
-        line_id: lineId,
-        shift_id: 0,
-        shift_name: "Day Shift",
-        start_time: lineConfig.dayShift.startTime,
-        end_time: lineConfig.dayShift.endTime,
-        breaks: formatBreaks(lineConfig.dayShift.breaks)
-      };
-      const nightShiftData = {
-        line_id: lineId,
-        shift_id: 1,
-        shift_name: "Night Shift",
-        start_time: lineConfig.nightShift.startTime,
-        end_time: lineConfig.nightShift.endTime,
-        breaks: formatBreaks(lineConfig.nightShift.breaks)
-      };
-      const dayResult = await supabase.from("line_operating_hours").upsert(dayShiftData).select();
-      if (dayResult.error) {
-        throw new Error(`Failed to save day shift: ${dayResult.error.message}`);
-      }
-      const nightResult = await supabase.from("line_operating_hours").upsert(nightShiftData).select();
-      if (nightResult.error) {
-        throw new Error(`Failed to save night shift: ${nightResult.error.message}`);
+      const allSavedRows = [];
+      for (const shift of lineConfig.shifts || []) {
+        const shiftData = {
+          line_id: lineId,
+          shift_id: shift.shiftId,
+          shift_name: shift.shiftName,
+          start_time: shift.startTime,
+          end_time: shift.endTime,
+          breaks: formatBreaks(shift.breaks || [])
+        };
+        const { data, error: error2 } = await supabase.from("line_operating_hours").upsert(shiftData).select();
+        if (error2) {
+          throw new Error(`Failed to save shift ${shift.shiftName}: ${error2.message}`);
+        }
+        if (data) {
+          allSavedRows.push(...data);
+        }
       }
-      const updatedRows = [
-        ...dayResult.data || [],
-        ...nightResult.data || []
-      ];
-      if (updatedRows.length > 0) {
-        shiftConfigStore.setFromOperatingHoursRows(lineId, updatedRows, shiftConfigStore.get(lineId));
+      if (allSavedRows.length > 0) {
+        shiftConfigStore.setFromOperatingHoursRows(lineId, allSavedRows, shiftConfigStore.get(lineId));
       }
       setLineConfigs((prev) => prev.map(
         (config) => config.id === lineId ? { ...config, isSaving: false, saveSuccess: true } : config
@@ -49813,48 +49634,34 @@ var ShiftsView = ({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs("div", { id: `shift-panel-${config.id}`, className: "p-3 sm:p-4 md:p-6 border-t border-gray-200 w-full", children: [
-          /* @__PURE__ */ jsx(
-            ShiftPanel,
-            {
-              title: "Day Shift",
-              icon: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-gray-600", 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" }) }),
-              startTime: config.dayShift.startTime,
-              endTime: config.dayShift.endTime,
-              breaks: config.dayShift.breaks,
-              onStartTimeChange: (value) => updateDayShiftStartTime(config.id, value),
-              onEndTimeChange: (value) => updateDayShiftEndTime(config.id, value),
-              onBreakUpdate: (index, field, value) => updateDayShiftBreak(config.id, index, field, value),
-              onBreakRemove: (index) => removeDayShiftBreak(config.id, index),
-              onBreakAdd: () => addDayShiftBreak(config.id),
-              shiftHours: calculateShiftHours(
-                config.dayShift.startTime,
-                config.dayShift.endTime,
-                config.dayShift.breaks
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ShiftPanel,
-            {
-              title: "Night Shift",
-              icon: /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-gray-600", 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" }) }),
-              startTime: config.nightShift.startTime,
-              endTime: config.nightShift.endTime,
-              breaks: config.nightShift.breaks,
-              onStartTimeChange: (value) => updateNightShiftStartTime(config.id, value),
-              onEndTimeChange: (value) => updateNightShiftEndTime(config.id, value),
-              onBreakUpdate: (index, field, value) => updateNightShiftBreak(config.id, index, field, value),
-              onBreakRemove: (index) => removeNightShiftBreak(config.id, index),
-              onBreakAdd: () => addNightShiftBreak(config.id),
-              shiftHours: calculateShiftHours(
-                config.nightShift.startTime,
-                config.nightShift.endTime,
-                config.nightShift.breaks
-              )
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx("div", { id: `shift-panel-${config.id}`, className: "p-3 sm:p-4 md:p-6 border-t border-gray-200 w-full", children: config.shifts && config.shifts.length > 0 ? config.shifts.map((shift, shiftIndex) => /* @__PURE__ */ jsx(
+          ShiftPanel,
+          {
+            title: shift.shiftName,
+            icon: (
+              // Icon based on shift name (case-insensitive)
+              shift.shiftName.toLowerCase().includes("day") ? /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-gray-600", 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" }) }) : shift.shiftName.toLowerCase().includes("night") ? /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-gray-600", 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" }) }) : /* @__PURE__ */ jsx(Clock, { className: "w-5 h-5 text-gray-600" })
+            ),
+            startTime: shift.startTime,
+            endTime: shift.endTime,
+            breaks: shift.breaks || [],
+            onStartTimeChange: (value) => updateShiftTime(config.id, shiftIndex, "startTime", value),
+            onEndTimeChange: (value) => updateShiftTime(config.id, shiftIndex, "endTime", value),
+            onBreakUpdate: (breakIndex, field, value) => updateShiftBreak(config.id, shiftIndex, breakIndex, field, value),
+            onBreakRemove: (breakIndex) => removeShiftBreak(config.id, shiftIndex, breakIndex),
+            onBreakAdd: () => addShiftBreak(config.id, shiftIndex),
+            shiftHours: calculateShiftHours(
+              shift.startTime,
+              shift.endTime,
+              shift.breaks || []
+            )
+          },
+          shift.shiftId
+        )) : /* @__PURE__ */ jsxs("div", { className: "text-center text-gray-500 py-8", children: [
+          /* @__PURE__ */ jsx(Clock, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No shifts configured for this line" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Shifts will appear here once configured in the database" })
+        ] }) })
       ] }, config.id)) })
     ] })
   ] });
@@ -53346,8 +53153,9 @@ var WorkspaceHealthView = ({
     loading,
     error,
     refetch,
-    shiftConfig: loadedShiftConfig
+    shiftConfig: loadedShiftConfig,
     // Get shift config from the hook to pass to modal
+    shiftConfigMap
   } = useWorkspaceHealth({
     lineId: effectiveLineIdForFetch,
     // undefined in factory view = fetch all lines
@@ -53359,6 +53167,13 @@ var WorkspaceHealthView = ({
     date: selectedDate,
     shiftId: selectedShiftId
   });
+  const modalShiftConfig = useMemo(() => {
+    if (!selectedWorkspace) return void 0;
+    if (isFactoryView) {
+      return shiftConfigMap.get(selectedWorkspace.line_id);
+    }
+    return loadedShiftConfig || void 0;
+  }, [isFactoryView, loadedShiftConfig, selectedWorkspace, shiftConfigMap]);
   const handleWorkspaceClick = useCallback(
     (workspace) => {
       const url = `/workspace/${workspace.workspace_id}`;
@@ -53596,7 +53411,7 @@ var WorkspaceHealthView = ({
         workspace: selectedWorkspace,
         isOpen: Boolean(selectedWorkspace),
         onClose: handleCloseDetails,
-        shiftConfig: loadedShiftConfig,
+        shiftConfig: modalShiftConfig,
         date: selectedDate,
         shiftId: selectedShiftId
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.10.2",
+  "version": "6.10.3",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",