@optifye/dashboard-core 6.9.14 → 6.9.15

package/dist/index.js

@@ -32882,7 +32882,7 @@ var ShiftDisplay = React23.memo(({ className, variant = "default", lineId }) =>
       return null;
     }
   };
-  const getShiftIcon2 = (shift) => {
+  const getShiftIcon = (shift) => {
     if (shift === "Day") {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z", clipRule: "evenodd" }) });
     } else {
@@ -32908,7 +32908,7 @@ var ShiftDisplay = React23.memo(({ className, variant = "default", lineId }) =>
   }
   if (variant === "enhanced") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-base font-medium text-blue-800", children: [
         currentShiftText,
         " Shift"
@@ -32916,7 +32916,7 @@ var ShiftDisplay = React23.memo(({ className, variant = "default", lineId }) =>
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
     /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-base font-medium text-blue-800", children: [
       currentShiftText,
       " Shift"
@@ -37414,7 +37414,7 @@ var DashboardHeader = React23.memo(({ lineTitle, className = "", headerControls,
     const rawName = currentShift.shiftName || "Day";
     return rawName.toLowerCase().includes("shift") ? rawName : `${rawName} Shift`;
   };
-  const getShiftIcon2 = () => {
+  const getShiftIcon = () => {
     const currentShift = getCurrentShift(timezone, shiftConfig);
     const shiftName = (currentShift.shiftName || "").toLowerCase();
     if (shiftName.includes("day") || shiftName.includes("morning") || currentShift.shiftId === 0) {
@@ -37437,7 +37437,7 @@ var DashboardHeader = React23.memo(({ lineTitle, className = "", headerControls,
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5 sm:mt-2 inline-flex flex-wrap items-center gap-1.5 sm:gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx(Timer2, {}) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center gap-0.5 sm:gap-1", children: isShiftConfigLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-16 sm:w-20 bg-gray-200 rounded animate-pulse" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 sm:text-gray-600 scale-90 sm:scale-100", children: getShiftIcon2() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500 sm:text-gray-600 scale-90 sm:scale-100", children: getShiftIcon() }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: getShiftName() })
         ] }) })
       ] })
@@ -42463,7 +42463,7 @@ var FactoryView = ({
     const currentShift = getCurrentShiftInfo();
     return (currentShift.shiftName || "Day").replace(/ Shift$/i, "");
   };
-  const getShiftIcon2 = () => {
+  const getShiftIcon = () => {
     const currentShift = getCurrentShiftInfo();
     const shiftNameLower = (currentShift.shiftName || "").toLowerCase();
     if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || currentShift.shiftId === 0) {
@@ -42501,7 +42501,7 @@ var FactoryView = ({
           " IST"
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-600", children: getShiftIcon2() }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-600", children: getShiftIcon() }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
             getShiftName(),
             " Shift"
@@ -44036,7 +44036,7 @@ var KPIDetailView = ({
   const getShiftName = React23.useCallback((shiftId) => {
     return getShiftNameById(shiftId, configuredTimezone, shiftConfig);
   }, [configuredTimezone, shiftConfig]);
-  const getShiftIcon2 = React23.useCallback((shiftId) => {
+  const getShiftIcon = React23.useCallback((shiftId) => {
     if (shiftId === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
     }
@@ -44510,7 +44510,7 @@ var KPIDetailView = ({
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: metrics2 && formatLocalDate(new Date(metrics2.date)) }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(metrics2.shift_id ?? 0) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(metrics2.shift_id ?? 0) }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium text-gray-700", children: [
               getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -44530,7 +44530,7 @@ var KPIDetailView = ({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon2(metrics2.shift_id ?? 0) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(metrics2.shift_id ?? 0) }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
               getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -44907,7 +44907,7 @@ var KPIsOverviewView = ({
   };
   const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
   const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
-  const getShiftIcon2 = (shiftId) => {
+  const getShiftIcon = (shiftId) => {
     const shiftNameLower = shiftName.toLowerCase();
     if (shiftNameLower.includes("day") || shiftNameLower.includes("morning") || shiftId === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -45028,7 +45028,7 @@ var KPIsOverviewView = ({
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: formatLocalDate2(/* @__PURE__ */ new Date()) }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(currentShiftDetails.shiftId) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(currentShiftDetails.shiftId) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: shiftName })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsxRuntime.jsx(ISTTimer_default, {}) }) })
@@ -45039,7 +45039,7 @@ var KPIsOverviewView = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: formatLocalDate2(/* @__PURE__ */ new Date()) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon2(currentShiftDetails.shiftId) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(currentShiftDetails.shiftId) }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
             shiftName,
             " Shift"
@@ -45067,10 +45067,10 @@ var HeaderRibbon = React23.memo(({
   currentDate,
   currentMobileDate,
   shiftId,
-  getShiftIcon: getShiftIcon2,
+  getShiftIcon,
   getShiftName
 }) => {
-  const shiftIcon = React23.useMemo(() => getShiftIcon2(shiftId), [getShiftIcon2, shiftId]);
+  const shiftIcon = React23.useMemo(() => getShiftIcon(shiftId), [getShiftIcon, shiftId]);
   const shiftName = React23.useMemo(() => getShiftName(shiftId), [getShiftName, shiftId]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
@@ -45268,7 +45268,7 @@ var LeaderboardDetailView = React23.memo(({
     const currentShift = getCurrentShift(timezone || "Asia/Kolkata", shiftConfig);
     return currentShift.shiftName || getShiftNameById(currentShift.shiftId, timezone || "Asia/Kolkata", shiftConfig);
   }, [timezone, shiftConfig]);
-  const getShiftIcon2 = React23.useCallback((shiftId2) => {
+  const getShiftIcon = React23.useCallback((shiftId2) => {
     const effectiveShiftId = shiftId2 !== void 0 ? shiftId2 : getCurrentShift(timezone || "Asia/Kolkata", shiftConfig).shiftId;
     const shiftNameLower = getShiftName(effectiveShiftId).toLowerCase();
     if (shiftNameLower.includes("day") || shiftNameLower.includes("morning")) {
@@ -45478,7 +45478,7 @@ var LeaderboardDetailView = React23.memo(({
           currentDate: currentDateFormatted,
           currentMobileDate: currentMobileDateFormatted,
           shiftId,
-          getShiftIcon: getShiftIcon2,
+          getShiftIcon,
           getShiftName
         }
       )
@@ -45837,23 +45837,6 @@ var ProfileView = () => {
   ] }) });
 };
 var ProfileView_default = ProfileView;
-var DEFAULT_TIMEZONE = "Asia/Kolkata";
-var DEFAULT_SHIFTS = [
-  {
-    shiftId: 0,
-    shiftName: "Day Shift",
-    startTime: "08:00",
-    endTime: "16:00",
-    breaks: []
-  },
-  {
-    shiftId: 1,
-    shiftName: "Night Shift",
-    startTime: "20:00",
-    endTime: "04:00",
-    breaks: []
-  }
-];
 var calculateShiftHours = (startTime, endTime, breaks = []) => {
   if (!startTime || !endTime) return 8;
   const [startHour, startMinute] = startTime.split(":").map(Number);
@@ -45920,19 +45903,6 @@ var formatBreaks = (breaks) => {
     }))
   };
 };
-var getShiftIcon = (shiftId, shiftName) => {
-  const nameLower = shiftName.toLowerCase();
-  if (nameLower.includes("day") || nameLower.includes("morning") || shiftId === 0) {
-    return /* @__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" }) });
-  }
-  if (nameLower.includes("afternoon") || nameLower.includes("noon") || nameLower.includes("midday")) {
-    return /* @__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" }) });
-  }
-  if (nameLower.includes("night") || nameLower.includes("evening") || shiftId === 1) {
-    return /* @__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" }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-5 h-5 text-gray-600" });
-};
 var BreakRow = React23.memo(({
   break: breakItem,
   onUpdate,
@@ -46060,13 +46030,9 @@ var ShiftPanel = React23.memo(({
   onBreakUpdate,
   onBreakRemove,
   onBreakAdd,
-  shiftHours,
-  shiftId,
-  onShiftNameChange,
-  canDelete = false,
-  onDelete
+  shiftHours
 }) => {
-  const panelId = `panel-${title.toLowerCase().replace(/\s+/g, "-")}-${shiftId ?? 0}`;
+  const panelId = `panel-${title.toLowerCase().replace(/\s+/g, "-")}`;
   const storageKey = `shift_panel_${panelId}_minimized`;
   const [isMinimized, setIsMinimized] = React23.useState(true);
   React23.useEffect(() => {
@@ -46093,7 +46059,7 @@ var ShiftPanel = React23.memo(({
             "button",
             {
               onClick: toggleMinimize,
-              className: "flex items-center gap-2 sm:gap-3 text-base sm:text-lg font-medium transition-colors duration-200\n              focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg\n              hover:bg-blue-50 px-2 sm:px-3 py-1.5 sm:py-2 group w-full sm:w-auto justify-start",
+              className: "flex items-center gap-2 sm:gap-3 text-base sm:text-lg font-medium transition-colors duration-200 \n              focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded-lg \n              hover:bg-blue-50 px-2 sm:px-3 py-1.5 sm:py-2 group w-full sm:w-auto justify-start",
               "aria-expanded": !isMinimized,
               "aria-controls": panelId,
               children: [
@@ -46110,42 +46076,15 @@ var ShiftPanel = React23.memo(({
               ]
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 sm:gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm font-medium text-gray-600 text-center sm:text-right", children: [
-              "Total Shift Hours: ",
-              shiftHours,
-              " hours"
-            ] }),
-            canDelete && onDelete && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: (e) => {
-                  e.stopPropagation();
-                  onDelete();
-                },
-                className: "p-1.5 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded transition-colors",
-                "aria-label": "Delete shift",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-4 h-4" })
-              }
-            )
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm font-medium text-gray-600 text-center sm:text-right sm:mr-2", children: [
+            "Total Shift Hours: ",
+            shiftHours,
+            " hours"
           ] })
         ] })
       }
     ),
     !isMinimized && /* @__PURE__ */ jsxRuntime.jsxs("div", { id: panelId, className: "p-3 sm:p-4 md:p-6 border-t border-gray-200 w-full bg-white", children: [
-      onShiftNameChange && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 sm:mb-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", children: "Shift Name" }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "text",
-            value: title,
-            onChange: (e) => onShiftNameChange(e.target.value),
-            placeholder: "Enter shift name",
-            className: "w-full sm:w-64 px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
-          }
-        )
-      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3 sm:gap-4 md:gap-6 mb-4 sm:mb-6 w-full", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", children: "Shift Start Time" }),
@@ -46239,9 +46178,16 @@ var ShiftsView = ({
     () => lineIds.map((id3) => ({
       id: id3,
       name: lineNames[id3] || `Line ${id3.substring(0, 4)}`,
-      timezone: DEFAULT_TIMEZONE,
-      shifts: DEFAULT_SHIFTS.map((s) => ({ ...s })),
-      // Clone default shifts
+      dayShift: {
+        startTime: "08:00",
+        endTime: "16:00",
+        breaks: []
+      },
+      nightShift: {
+        startTime: "20:00",
+        endTime: "04:00",
+        breaks: []
+      },
       isOpen: true,
       isSaving: false,
       saveSuccess: false
@@ -46265,47 +46211,77 @@ var ShiftsView = ({
       try {
         setLoading(true);
         setError(null);
-        const { data: allShiftsData, error: shiftsError } = await supabase.from("line_operating_hours").select("line_id, shift_id, shift_name, start_time, end_time, breaks, timezone").in("line_id", lineIds).order("shift_id", { ascending: true });
-        if (shiftsError) {
-          console.error("[ShiftsView] Error fetching shift configurations:", shiftsError);
-          showToast("error", "Error loading shift data");
-          setError("Failed to load shift data");
+        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;
         }
-        console.log("[ShiftsView] Fetched shifts from DB:", allShiftsData);
-        const shiftsByLine = {};
-        const timezoneByLine = {};
-        (allShiftsData || []).forEach((row) => {
-          if (!shiftsByLine[row.line_id]) {
-            shiftsByLine[row.line_id] = [];
-          }
-          shiftsByLine[row.line_id].push({
-            shiftId: row.shift_id,
-            shiftName: row.shift_name || `Shift ${row.shift_id}`,
-            startTime: row.start_time || "08:00",
-            endTime: row.end_time || "16:00",
-            breaks: parseBreaksFromDB(row.breaks),
-            timezone: row.timezone
+        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", 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");
+          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 nightShiftHoursMap = (nightShiftOperatingHours || []).reduce((map, item) => {
+          map[item.line_id] = {
+            startTime: item.start_time,
+            endTime: item.end_time,
+            breaks: parseBreaksFromDB(item.breaks)
+          };
+          return map;
+        }, {});
+        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;
           });
-          if (row.timezone && !timezoneByLine[row.line_id]) {
-            timezoneByLine[row.line_id] = row.timezone;
-          }
         });
-        setLineConfigs((prev) => prev.map((config) => {
-          const lineId = config.id;
-          const lineShifts = shiftsByLine[lineId];
-          const lineTimezone = timezoneByLine[lineId] || DEFAULT_TIMEZONE;
-          const shifts = lineShifts && lineShifts.length > 0 ? lineShifts.sort((a, b) => a.shiftId - b.shiftId) : DEFAULT_SHIFTS.map((s) => ({ ...s }));
-          return {
-            ...config,
-            timezone: lineTimezone,
-            shifts,
-            isOpen: config.isOpen ?? getStoredLineState(lineId)
-          };
-        }));
         setLoading(false);
       } catch (error2) {
-        console.error("[ShiftsView] Error fetching shift configurations:", error2);
+        console.error("Error fetching shift configurations:", error2);
         showToast("error", "Failed to load shift configurations");
         setError("Failed to load shift configurations");
         setLoading(false);
@@ -46315,125 +46291,195 @@ var ShiftsView = ({
   }, [lineIds, showToast]);
   React23.useCallback((lineId) => {
     setLineConfigs((prev) => {
-      const newIsOpen = !prev.find((config) => config.id === lineId)?.isOpen;
+      const typedPrev = prev;
+      const newIsOpen = !typedPrev.find((config) => config.id === lineId)?.isOpen;
       localStorage.setItem(`line_${lineId}_open`, JSON.stringify(newIsOpen));
-      return prev.map(
+      return typedPrev.map(
         (config) => config.id === lineId ? { ...config, isOpen: newIsOpen } : config
       );
     });
   }, []);
-  const updateShiftTime = React23.useCallback((lineId, shiftId, field, value) => {
+  const updateDayShiftStartTime = React23.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const updatedShifts = config.shifts.map(
-          (shift) => shift.shiftId === shiftId ? { ...shift, [field]: value } : shift
-        );
-        return { ...config, shifts: updatedShifts };
+      const typedConfig = config;
+      if (typedConfig.id === lineId) {
+        const updatedDayShift = { ...typedConfig.dayShift, startTime: value };
+        return {
+          ...typedConfig,
+          dayShift: updatedDayShift
+        };
       }
-      return config;
+      return typedConfig;
     }));
   }, []);
-  const updateShiftName = React23.useCallback((lineId, shiftId, value) => {
+  const updateDayShiftEndTime = React23.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const updatedShifts = config.shifts.map(
-          (shift) => shift.shiftId === shiftId ? { ...shift, shiftName: value } : shift
-        );
-        return { ...config, shifts: updatedShifts };
+      const typedConfig = config;
+      if (typedConfig.id === lineId) {
+        const updatedDayShift = { ...typedConfig.dayShift, endTime: value };
+        return {
+          ...typedConfig,
+          dayShift: updatedDayShift
+        };
       }
-      return config;
+      return typedConfig;
     }));
   }, []);
-  React23.useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map(
-      (config) => config.id === lineId ? { ...config, timezone: value } : config
-    ));
+  const updateNightShiftStartTime = React23.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 addBreak = React23.useCallback((lineId, shiftId) => {
+  const updateNightShiftEndTime = React23.useCallback((lineId, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const updatedShifts = config.shifts.map((shift) => {
-          if (shift.shiftId === shiftId) {
-            const newBreak = {
-              startTime: shift.startTime,
-              endTime: shift.startTime,
-              duration: 0,
-              remarks: ""
-            };
-            return { ...shift, breaks: [...shift.breaks, newBreak] };
+      const typedConfig = config;
+      if (typedConfig.id === lineId) {
+        const updatedNightShift = { ...typedConfig.nightShift, endTime: value };
+        return {
+          ...typedConfig,
+          nightShift: updatedNightShift
+        };
+      }
+      return typedConfig;
+    }));
+  }, []);
+  const addDayShiftBreak = React23.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 shift;
-        });
-        return { ...config, shifts: updatedShifts };
+        };
       }
-      return config;
+      return typedConfig;
     }));
   }, []);
-  const updateBreak = React23.useCallback((lineId, shiftId, breakIndex, field, value) => {
+  const addNightShiftBreak = React23.useCallback((lineId) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const updatedShifts = config.shifts.map((shift) => {
-          if (shift.shiftId === shiftId) {
-            const newBreaks = [...shift.breaks];
-            newBreaks[breakIndex] = { ...newBreaks[breakIndex], [field]: value };
-            if (field === "startTime" || field === "endTime") {
-              newBreaks[breakIndex].duration = calculateBreakDuration(
-                newBreaks[breakIndex].startTime,
-                newBreaks[breakIndex].endTime
-              );
-            }
-            return { ...shift, breaks: newBreaks };
+      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 shift;
-        });
-        return { ...config, shifts: updatedShifts };
+        };
       }
-      return config;
+      return typedConfig;
     }));
   }, []);
-  const removeBreak = React23.useCallback((lineId, shiftId, breakIndex) => {
+  const updateDayShiftBreak = React23.useCallback((lineId, index, field, value) => {
     setLineConfigs((prev) => prev.map((config) => {
-      if (config.id === lineId) {
-        const updatedShifts = config.shifts.map((shift) => {
-          if (shift.shiftId === shiftId) {
-            return { ...shift, breaks: shift.breaks.filter((_, i) => i !== breakIndex) };
+      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;
+        }
+        return {
+          ...typedConfig,
+          dayShift: {
+            ...dayShift,
+            breaks: newBreaks
           }
-          return shift;
-        });
-        return { ...config, shifts: updatedShifts };
+        };
       }
-      return config;
+      return typedConfig;
     }));
   }, []);
-  React23.useCallback((lineId) => {
+  const updateNightShiftBreak = React23.useCallback((lineId, index, field, value) => {
+    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;
+        }
+        return {
+          ...typedConfig,
+          nightShift: {
+            ...nightShift,
+            breaks: newBreaks
+          }
+        };
+      }
+      return typedConfig;
+    }));
+  }, []);
+  const removeDayShiftBreak = React23.useCallback((lineId, index) => {
     setLineConfigs((prev) => prev.map((config) => {
       if (config.id === lineId) {
-        const maxShiftId = Math.max(...config.shifts.map((s) => s.shiftId), -1);
-        const newShiftId = maxShiftId + 1;
-        const newShift = {
-          shiftId: newShiftId,
-          shiftName: `Shift ${newShiftId}`,
-          startTime: "08:00",
-          endTime: "16:00",
-          breaks: []
+        const dayShift = { ...config.dayShift };
+        return {
+          ...config,
+          dayShift: {
+            ...dayShift,
+            breaks: dayShift.breaks.filter((_, i) => i !== index)
+          }
         };
-        return { ...config, shifts: [...config.shifts, newShift] };
       }
       return config;
     }));
   }, []);
-  const removeShift = React23.useCallback((lineId, shiftId) => {
+  const removeNightShiftBreak = React23.useCallback((lineId, index) => {
     setLineConfigs((prev) => prev.map((config) => {
       if (config.id === lineId) {
-        if (config.shifts.length <= 1) {
-          showToast("error", "Cannot remove the last shift");
-          return config;
-        }
-        return { ...config, shifts: config.shifts.filter((s) => s.shiftId !== shiftId) };
+        const nightShift = { ...config.nightShift };
+        return {
+          ...config,
+          nightShift: {
+            ...nightShift,
+            breaks: nightShift.breaks.filter((_, i) => i !== index)
+          }
+        };
       }
       return config;
     }));
-  }, [showToast]);
+  }, []);
   const handleSaveShifts = React23.useCallback(async (lineId) => {
     setLineConfigs((prev) => prev.map(
       (config) => config.id === lineId ? { ...config, isSaving: true, saveSuccess: false } : config
@@ -46443,31 +46489,27 @@ var ShiftsView = ({
       if (!lineConfig) {
         throw new Error("Line configuration not found");
       }
-      console.log("[ShiftsView] Saving shifts for line:", lineId, lineConfig.shifts);
-      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),
-          timezone: lineConfig.timezone
-        };
-        const { error: upsertError } = await supabase.from("line_operating_hours").upsert(shiftData).select();
-        if (upsertError) {
-          throw new Error(`Failed to save shift ${shift.shiftId}: ${upsertError.message}`);
-        }
+      const dayShiftData = {
+        line_id: lineId,
+        shift_id: 0,
+        start_time: lineConfig.dayShift.startTime,
+        end_time: lineConfig.dayShift.endTime,
+        breaks: formatBreaks(lineConfig.dayShift.breaks)
+      };
+      const nightShiftData = {
+        line_id: lineId,
+        shift_id: 1,
+        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 { data: existingShifts } = await supabase.from("line_operating_hours").select("shift_id").eq("line_id", lineId);
-      const currentShiftIds = lineConfig.shifts.map((s) => s.shiftId);
-      const shiftsToDelete = (existingShifts || []).filter((s) => !currentShiftIds.includes(s.shift_id)).map((s) => s.shift_id);
-      if (shiftsToDelete.length > 0) {
-        console.log("[ShiftsView] Deleting removed shifts:", shiftsToDelete);
-        const { error: deleteError } = await supabase.from("line_operating_hours").delete().eq("line_id", lineId).in("shift_id", shiftsToDelete);
-        if (deleteError) {
-          console.error("[ShiftsView] Error deleting shifts:", deleteError);
-        }
+      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}`);
       }
       setLineConfigs((prev) => prev.map(
         (config) => config.id === lineId ? { ...config, isSaving: false, saveSuccess: true } : config
@@ -46479,7 +46521,7 @@ var ShiftsView = ({
         ));
       }, 3e3);
     } catch (error2) {
-      console.error("[ShiftsView] Error saving shift configurations:", error2);
+      console.error("Error saving shift configurations:", error2);
       showToast("error", "Failed to save shift configurations");
       setLineConfigs((prev) => prev.map(
         (config) => config.id === lineId ? { ...config, isSaving: false, saveSuccess: false } : config
@@ -46499,7 +46541,7 @@ var ShiftsView = ({
       ) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center mt-2 sm:mt-0", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg sm:text-xl md:text-2xl lg:text-3xl font-semibold text-gray-900 text-center", children: "Shift Management" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-gray-500 mt-0.5 sm:mt-1 text-center px-2 sm:px-0", children: "Configure shift timings and breaks for each production line" })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-gray-500 mt-0.5 sm:mt-1 text-center px-2 sm:px-0", children: "Configure day and night shift timings and breaks for each production line" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block absolute right-0 w-24" })
     ] }) }) }),
@@ -46519,11 +46561,6 @@ var ShiftsView = ({
             /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-base sm:text-lg font-semibold text-gray-800", children: [
               config.name,
               " Shifts"
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-400", children: [
-              "(",
-              config.shifts.length,
-              " shifts)"
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 sm:gap-4 w-full sm:w-auto", children: [
@@ -46551,27 +46588,48 @@ var ShiftsView = ({
             )
           ] })
         ] }) }),
-        /* @__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.map((shift) => /* @__PURE__ */ jsxRuntime.jsx(
-          ShiftPanel,
-          {
-            title: shift.shiftName,
-            icon: getShiftIcon(shift.shiftId, shift.shiftName),
-            startTime: shift.startTime,
-            endTime: shift.endTime,
-            breaks: shift.breaks,
-            onStartTimeChange: (value) => updateShiftTime(config.id, shift.shiftId, "startTime", value),
-            onEndTimeChange: (value) => updateShiftTime(config.id, shift.shiftId, "endTime", value),
-            onBreakUpdate: (index, field, value) => updateBreak(config.id, shift.shiftId, index, field, value),
-            onBreakRemove: (index) => removeBreak(config.id, shift.shiftId, index),
-            onBreakAdd: () => addBreak(config.id, shift.shiftId),
-            shiftHours: calculateShiftHours(shift.startTime, shift.endTime, shift.breaks),
-            shiftId: shift.shiftId,
-            onShiftNameChange: (value) => updateShiftName(config.id, shift.shiftId, value),
-            canDelete: config.shifts.length > 1,
-            onDelete: () => removeShift(config.id, shift.shiftId)
-          },
-          `${config.id}-shift-${shift.shiftId}`
-        )) })
+        /* @__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
+              )
+            }
+          )
+        ] })
       ] }, config.id)) })
     ] })
   ] });
@@ -47767,7 +47825,7 @@ var TargetsView = ({
   onSaveChanges
 }) => {
   const timezone = useAppTimezone();
-  const initialLineWorkspaces = React23.useMemo(() => {
+  React23.useMemo(() => {
     return lineIds.reduce((acc, lineId) => ({
       ...acc,
       [lineId]: {
@@ -47805,7 +47863,7 @@ var TargetsView = ({
   const canSaveTargets = useCanSaveTargets();
   const [dbValues, setDbValues] = React23.useState({ 0: {}, 1: {} });
   const [userEditedFields, setUserEditedFields] = React23.useState(/* @__PURE__ */ new Set());
-  const lineWorkspaces = allShiftsData[selectedShift] || initialLineWorkspaces;
+  const lineWorkspaces = allShiftsData[selectedShift] || {};
   const setLineWorkspaces = React23.useCallback((updater) => {
     setAllShiftsData((prev) => ({
       ...prev,
@@ -47934,6 +47992,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:", {
@@ -48080,20 +48169,27 @@ var TargetsView = ({
   };
   const handleActionTypeChange = React23.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 = React23.useCallback(async (lineId) => {
     console.log(`[handleSaveLine] Attempting to save line: ${lineId}`);
     if (!canSaveTargets) {
@@ -48642,7 +48738,7 @@ var WorkspaceDetailView = ({
       }
     }
   };
-  const getShiftIcon2 = (shiftType) => {
+  const getShiftIcon = (shiftType) => {
     const shiftTypeLower = shiftType?.toLowerCase() || "";
     if (shiftTypeLower.includes("day") || shiftTypeLower.includes("morning")) {
       return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -48802,7 +48898,7 @@ var WorkspaceDetailView = ({
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(workspace.shift_type) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(workspace.shift_type) }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
               ] }),
               !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsxRuntime.jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
@@ -48827,7 +48923,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-blue-300" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon2(workspace.shift_type) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: workspace.shift_type })
               ] })
             ] }) })
@@ -49918,7 +50014,7 @@ var WorkspaceHealthView = ({
       timeZone: effectiveTimezone
     });
   };
-  const getShiftIcon2 = () => {
+  const getShiftIcon = () => {
     const shiftName = (currentShiftDetails.shiftName || "").toLowerCase();
     if (shiftName.includes("night") || shiftName.includes("evening") || currentShiftDetails.shiftId === 1) {
       return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { className: "h-4 w-4" });
@@ -50109,7 +50205,7 @@ var WorkspaceHealthView = ({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: formatDate(operationalDate) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 sm:gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon2() }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-600", children: getShiftIcon() }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: [
               shiftType,
               " Shift"