@optifye/dashboard-core 6.9.14 → 6.9.16

package/dist/index.mjs

@@ -11,7 +11,7 @@ import Hls3, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
 import { noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds, memo as memo$1 } from 'motion-utils';
 import { getValueTransition, hover, press, isPrimaryPointer, GroupPlaybackControls, setDragLock, supportsLinearEasing, attachTimeline, isGenerator, calcGeneratorDuration, isWaapiSupportedEasing, mapEasingToNativeEasing, maxGeneratorDuration, generateLinearEasing, isBezierDefinition } from 'motion-dom';
-import { Camera, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, ArrowLeft, X, Trash2, Coffee, Plus, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, Pause, Play, XCircle, Sparkles, TrendingUp, Settings2, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, HelpCircle, Sliders, Activity, Layers, Filter, Search, Edit2, AlertTriangle, CheckCircle, Building2, Mail, Users, User, Lock, ArrowRight, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, MessageSquare, Menu, Send, Copy, UserCheck, LogOut, Package, UserPlus, Settings, LifeBuoy, EyeOff, Eye, MoreVertical, UserCog, Zap, Shield, UserCircle } from 'lucide-react';
+import { Camera, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, ArrowLeft, X, Coffee, Plus, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, Pause, Play, XCircle, Sparkles, TrendingUp, Settings2, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, HelpCircle, Sliders, Activity, Layers, Filter, Search, Edit2, AlertTriangle, CheckCircle, Building2, Mail, Users, User, Lock, ArrowRight, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, MessageSquare, Trash2, Menu, Send, Copy, UserCheck, LogOut, Package, UserPlus, Settings, LifeBuoy, EyeOff, Eye, MoreVertical, UserCog, Zap, Shield, UserCircle } from 'lucide-react';
 import { toast } from 'sonner';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, PieChart, Pie, Cell, ReferenceLine, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
@@ -32853,7 +32853,7 @@ var ShiftDisplay = memo(({ className, variant = "default", lineId }) => {
       return null;
     }
   };
-  const getShiftIcon2 = (shift) => {
+  const getShiftIcon = (shift) => {
     if (shift === "Day") {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ 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 {
@@ -32879,7 +32879,7 @@ var ShiftDisplay = memo(({ className, variant = "default", lineId }) => {
   }
   if (variant === "enhanced") {
     return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-      /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
+      /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
       /* @__PURE__ */ jsxs("span", { className: "text-base font-medium text-blue-800", children: [
         currentShiftText,
         " Shift"
@@ -32887,7 +32887,7 @@ var ShiftDisplay = memo(({ className, variant = "default", lineId }) => {
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: `inline-flex items-center gap-2 bg-blue-50 rounded-lg px-3 py-1.5 ${className ?? ""}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon2(currentShiftText) }),
+    /* @__PURE__ */ jsx("div", { className: "text-blue-800", children: getShiftIcon(currentShiftText) }),
     /* @__PURE__ */ jsxs("span", { className: "text-base font-medium text-blue-800", children: [
       currentShiftText,
       " Shift"
@@ -37385,7 +37385,7 @@ var DashboardHeader = memo(({ lineTitle, className = "", headerControls, lineId
     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) {
@@ -37408,7 +37408,7 @@ var DashboardHeader = memo(({ lineTitle, className = "", headerControls, lineId
       /* @__PURE__ */ jsxs("div", { className: "mt-0.5 sm:mt-2 inline-flex flex-wrap items-center gap-1.5 sm:gap-3", children: [
         /* @__PURE__ */ jsx("div", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: /* @__PURE__ */ jsx(Timer2, {}) }),
         /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-0.5 sm:gap-1", children: isShiftConfigLoading ? /* @__PURE__ */ jsx("div", { className: "h-4 w-16 sm:w-20 bg-gray-200 rounded animate-pulse" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-gray-500 sm:text-gray-600 scale-90 sm:scale-100", children: getShiftIcon2() }),
+          /* @__PURE__ */ jsx("div", { className: "text-gray-500 sm:text-gray-600 scale-90 sm:scale-100", children: getShiftIcon() }),
           /* @__PURE__ */ jsx("span", { className: "text-[10px] sm:text-xs md:text-sm font-medium text-gray-500 sm:text-gray-600 whitespace-nowrap", children: getShiftName() })
         ] }) })
       ] })
@@ -42434,7 +42434,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) {
@@ -42472,7 +42472,7 @@ var FactoryView = ({
           " IST"
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon2() }),
+          /* @__PURE__ */ jsx("div", { className: "text-gray-600", children: getShiftIcon() }),
           /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
             getShiftName(),
             " Shift"
@@ -44007,7 +44007,7 @@ var KPIDetailView = ({
   const getShiftName = useCallback((shiftId) => {
     return getShiftNameById(shiftId, configuredTimezone, shiftConfig);
   }, [configuredTimezone, shiftConfig]);
-  const getShiftIcon2 = useCallback((shiftId) => {
+  const getShiftIcon = useCallback((shiftId) => {
     if (shiftId === 0) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
     }
@@ -44481,7 +44481,7 @@ var KPIDetailView = ({
         /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: metrics2 && formatLocalDate(new Date(metrics2.date)) }) }),
           /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(metrics2.shift_id ?? 0) }),
+            /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(metrics2.shift_id ?? 0) }),
             /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-700", children: [
               getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -44501,7 +44501,7 @@ var KPIDetailView = ({
             /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon2(metrics2.shift_id ?? 0) }),
+            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(metrics2.shift_id ?? 0) }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
               getShiftName(metrics2.shift_id ?? 0).replace(/ Shift$/i, ""),
               " Shift"
@@ -44878,7 +44878,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__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -44999,7 +44999,7 @@ var KPIsOverviewView = ({
       /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
         /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: formatLocalDate2(/* @__PURE__ */ new Date()) }) }),
         /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(currentShiftDetails.shiftId) }),
+          /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(currentShiftDetails.shiftId) }),
           /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: shiftName })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(ISTTimer_default, {}) }) })
@@ -45010,7 +45010,7 @@ var KPIsOverviewView = ({
         /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: formatLocalDate2(/* @__PURE__ */ new Date()) }),
         /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon2(currentShiftDetails.shiftId) }),
+          /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(currentShiftDetails.shiftId) }),
           /* @__PURE__ */ jsxs("span", { className: "text-sm md:text-base font-medium text-blue-600", children: [
             shiftName,
             " Shift"
@@ -45038,10 +45038,10 @@ var HeaderRibbon = memo(({
   currentDate,
   currentMobileDate,
   shiftId,
-  getShiftIcon: getShiftIcon2,
+  getShiftIcon,
   getShiftName
 }) => {
-  const shiftIcon = useMemo(() => getShiftIcon2(shiftId), [getShiftIcon2, shiftId]);
+  const shiftIcon = useMemo(() => getShiftIcon(shiftId), [getShiftIcon, shiftId]);
   const shiftName = useMemo(() => getShiftName(shiftId), [getShiftName, shiftId]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
@@ -45239,7 +45239,7 @@ var LeaderboardDetailView = memo(({
     const currentShift = getCurrentShift(timezone || "Asia/Kolkata", shiftConfig);
     return currentShift.shiftName || getShiftNameById(currentShift.shiftId, timezone || "Asia/Kolkata", shiftConfig);
   }, [timezone, shiftConfig]);
-  const getShiftIcon2 = useCallback((shiftId2) => {
+  const getShiftIcon = 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")) {
@@ -45449,7 +45449,7 @@ var LeaderboardDetailView = memo(({
           currentDate: currentDateFormatted,
           currentMobileDate: currentMobileDateFormatted,
           shiftId,
-          getShiftIcon: getShiftIcon2,
+          getShiftIcon,
           getShiftName
         }
       )
@@ -45808,23 +45808,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);
@@ -45891,19 +45874,6 @@ var formatBreaks = (breaks) => {
     }))
   };
 };
-var getShiftIcon = (shiftId, shiftName) => {
-  const nameLower = shiftName.toLowerCase();
-  if (nameLower.includes("day") || nameLower.includes("morning") || shiftId === 0) {
-    return /* @__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" }) });
-  }
-  if (nameLower.includes("afternoon") || nameLower.includes("noon") || nameLower.includes("midday")) {
-    return /* @__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" }) });
-  }
-  if (nameLower.includes("night") || nameLower.includes("evening") || shiftId === 1) {
-    return /* @__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" }) });
-  }
-  return /* @__PURE__ */ jsx(Clock, { className: "w-5 h-5 text-gray-600" });
-};
 var BreakRow = memo(({
   break: breakItem,
   onUpdate,
@@ -46031,13 +46001,9 @@ var ShiftPanel = 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] = useState(true);
   useEffect(() => {
@@ -46064,7 +46030,7 @@ var ShiftPanel = 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: [
@@ -46081,42 +46047,15 @@ var ShiftPanel = memo(({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 sm:gap-4", children: [
-            /* @__PURE__ */ 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__ */ 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__ */ jsx(Trash2, { className: "w-4 h-4" })
-              }
-            )
+          /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "mb-4 sm:mb-6", children: [
-        /* @__PURE__ */ jsx("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", children: "Shift Name" }),
-        /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "w-full", children: [
           /* @__PURE__ */ jsx("label", { className: "block text-xs sm:text-sm font-medium text-gray-700 mb-1", children: "Shift Start Time" }),
@@ -46210,9 +46149,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
@@ -46236,47 +46182,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);
@@ -46286,125 +46262,195 @@ var ShiftsView = ({
   }, [lineIds, showToast]);
   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 = useCallback((lineId, shiftId, field, value) => {
+  const updateDayShiftStartTime = 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 = useCallback((lineId, shiftId, value) => {
+  const updateDayShiftEndTime = 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;
     }));
   }, []);
-  useCallback((lineId, value) => {
-    setLineConfigs((prev) => prev.map(
-      (config) => config.id === lineId ? { ...config, timezone: value } : config
-    ));
+  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 addBreak = useCallback((lineId, shiftId) => {
+  const updateNightShiftEndTime = 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 = 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 = useCallback((lineId, shiftId, breakIndex, field, value) => {
+  const addNightShiftBreak = 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 = useCallback((lineId, shiftId, breakIndex) => {
+  const updateDayShiftBreak = 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;
     }));
   }, []);
-  useCallback((lineId) => {
+  const updateNightShiftBreak = 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 = 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 = useCallback((lineId, shiftId) => {
+  const removeNightShiftBreak = 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 = useCallback(async (lineId) => {
     setLineConfigs((prev) => prev.map(
       (config) => config.id === lineId ? { ...config, isSaving: true, saveSuccess: false } : config
@@ -46414,31 +46460,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
@@ -46450,7 +46492,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
@@ -46470,7 +46512,7 @@ var ShiftsView = ({
       ) }),
       /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center mt-2 sm:mt-0", children: [
         /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "hidden sm:block absolute right-0 w-24" })
     ] }) }) }),
@@ -46490,11 +46532,6 @@ var ShiftsView = ({
             /* @__PURE__ */ jsxs("h2", { className: "text-base sm:text-lg font-semibold text-gray-800", children: [
               config.name,
               " Shifts"
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-400", children: [
-              "(",
-              config.shifts.length,
-              " shifts)"
             ] })
           ] }),
           /* @__PURE__ */ 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: [
@@ -46522,27 +46559,48 @@ var ShiftsView = ({
             )
           ] })
         ] }) }),
-        /* @__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.map((shift) => /* @__PURE__ */ 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__ */ 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
+              )
+            }
+          )
+        ] })
       ] }, config.id)) })
     ] })
   ] });
@@ -47738,7 +47796,7 @@ var TargetsView = ({
   onSaveChanges
 }) => {
   const timezone = useAppTimezone();
-  const initialLineWorkspaces = useMemo(() => {
+  useMemo(() => {
     return lineIds.reduce((acc, lineId) => ({
       ...acc,
       [lineId]: {
@@ -47776,7 +47834,7 @@ var TargetsView = ({
   const canSaveTargets = useCanSaveTargets();
   const [dbValues, setDbValues] = useState({ 0: {}, 1: {} });
   const [userEditedFields, setUserEditedFields] = useState(/* @__PURE__ */ new Set());
-  const lineWorkspaces = allShiftsData[selectedShift] || initialLineWorkspaces;
+  const lineWorkspaces = allShiftsData[selectedShift] || {};
   const setLineWorkspaces = useCallback((updater) => {
     setAllShiftsData((prev) => ({
       ...prev,
@@ -47885,10 +47943,11 @@ var TargetsView = ({
               }
               let actionType = "assembly";
               let actionId = actionIdsData.assembly;
-              if (ws.action_id === packagingAction.id || ws.action_type === "packaging") {
+              const effectiveActionId = threshold?.action_id ?? ws.action_id;
+              if (effectiveActionId === packagingAction.id || !effectiveActionId && ws.action_type === "packaging") {
                 actionType = "packaging";
                 actionId = packagingAction.id;
-              } else if (ws.action_id === assemblyAction.id || ws.action_type === "assembly") {
+              } else if (effectiveActionId === assemblyAction.id || !effectiveActionId && ws.action_type === "assembly") {
                 actionType = "assembly";
                 actionId = assemblyAction.id;
               }
@@ -47905,6 +47964,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:", {
@@ -48051,20 +48141,27 @@ var TargetsView = ({
   };
   const handleActionTypeChange = useCallback((lineId, workspaceId, newActionType) => {
     if (!actionIds) return;
-    setLineWorkspaces((prev) => ({
-      ...prev,
-      [lineId]: {
-        ...prev[lineId],
-        workspaces: prev[lineId].workspaces.map(
-          (ws) => ws.id === workspaceId ? {
-            ...ws,
-            actionType: newActionType,
-            actionId: actionIds[newActionType]
-          } : ws
-        )
+    setLineWorkspaces((prev) => {
+      const currentLineData = prev?.[lineId];
+      if (!currentLineData?.workspaces) {
+        console.warn(`[handleActionTypeChange] No data for line ${lineId} in current shift`);
+        return prev;
       }
-    }));
-  }, [actionIds]);
+      return {
+        ...prev,
+        [lineId]: {
+          ...currentLineData,
+          workspaces: currentLineData.workspaces.map(
+            (ws) => ws.id === workspaceId ? {
+              ...ws,
+              actionType: newActionType,
+              actionId: actionIds[newActionType]
+            } : ws
+          )
+        }
+      };
+    });
+  }, [actionIds, setLineWorkspaces]);
   const handleSaveLine = useCallback(async (lineId) => {
     console.log(`[handleSaveLine] Attempting to save line: ${lineId}`);
     if (!canSaveTargets) {
@@ -48613,7 +48710,7 @@ var WorkspaceDetailView = ({
       }
     }
   };
-  const getShiftIcon2 = (shiftType) => {
+  const getShiftIcon = (shiftType) => {
     const shiftTypeLower = shiftType?.toLowerCase() || "";
     if (shiftTypeLower.includes("day") || shiftTypeLower.includes("morning")) {
       return /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" }) });
@@ -48773,7 +48870,7 @@ var WorkspaceDetailView = ({
             /* @__PURE__ */ jsxs("div", { className: "sm:hidden mt-3 flex items-center justify-center gap-2", children: [
               /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-gray-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: formatISTDate2(new Date(workspace.date)) }) }),
               /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 px-2.5 py-1 bg-gray-100 rounded-full", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon2(workspace.shift_type) }),
+                /* @__PURE__ */ jsx("div", { className: "text-gray-700 scale-90", children: getShiftIcon(workspace.shift_type) }),
                 /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700", children: workspace.shift_type })
               ] }),
               !date && !shift && !usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-green-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-green-700", children: /* @__PURE__ */ jsx(LiveTimer, {}) }) }) : date ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-blue-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : usingFallbackData ? /* @__PURE__ */ jsx("div", { className: "inline-flex items-center px-2.5 py-1 bg-amber-100 rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-amber-700", children: getDaysDifference(workspace.date, timezone, dashboardConfig?.shiftConfig?.dayShift?.startTime || "06:00") }) }) : null
@@ -48798,7 +48895,7 @@ var WorkspaceDetailView = ({
                 /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-blue-300" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon2(workspace.shift_type) }),
+                /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon(workspace.shift_type) }),
                 /* @__PURE__ */ jsx("span", { className: "text-sm md:text-base font-medium text-blue-600", children: workspace.shift_type })
               ] })
             ] }) })
@@ -49889,7 +49986,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__ */ jsx(Moon, { className: "h-4 w-4" });
@@ -50080,7 +50177,7 @@ var WorkspaceHealthView = ({
           /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: formatDate(operationalDate) }),
           /* @__PURE__ */ jsx("div", { className: "hidden sm:block w-px h-4 bg-blue-300" }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 sm:gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon2() }),
+            /* @__PURE__ */ jsx("div", { className: "text-blue-600", children: getShiftIcon() }),
             /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm md:text-base font-medium text-blue-600", children: [
               shiftType,
               " Shift"