@optifye/dashboard-core 6.10.9 → 6.10.11

package/dist/index.d.mts

@@ -4816,6 +4816,7 @@ declare class WorkspaceHealthService {
     private getFromCache;
     private setCache;
     private getShiftTiming;
+    private getShiftTimingForDateShift;
     private normalizeHourBucket;
     private normalizeOutputHourly;
     private interpretUptimeValue;

package/dist/index.d.ts

@@ -4816,6 +4816,7 @@ declare class WorkspaceHealthService {
     private getFromCache;
     private setCache;
     private getShiftTiming;
+    private getShiftTimingForDateShift;
     private normalizeHourBucket;
     private normalizeOutputHourly;
     private interpretUptimeValue;

package/dist/index.js

@@ -536,8 +536,13 @@ var memoizedOutputArrayAggregation = createMemoizedFunction(
 var getOperationalDate = (timezone, date = /* @__PURE__ */ new Date(), shiftStartTime = "06:00") => {
   const zonedDate = dateFnsTz.toZonedTime(date, timezone);
   const hours = zonedDate.getHours();
-  const [startHour = 6] = shiftStartTime.split(":").map(Number);
-  const operationalDate = hours < startHour ? dateFns.subDays(zonedDate, 1) : zonedDate;
+  const minutes = zonedDate.getMinutes();
+  const [startHourRaw, startMinuteRaw] = shiftStartTime.split(":").map(Number);
+  const startHour = Number.isFinite(startHourRaw) ? startHourRaw : 6;
+  const startMinute = Number.isFinite(startMinuteRaw) ? startMinuteRaw : 0;
+  const currentTotalMinutes = hours * 60 + minutes;
+  const shiftStartTotalMinutes = startHour * 60 + startMinute;
+  const operationalDate = currentTotalMinutes < shiftStartTotalMinutes ? dateFns.subDays(zonedDate, 1) : zonedDate;
   return dateFns.format(operationalDate, "yyyy-MM-dd");
 };
 function formatTimeInZone(time2, timezone, formatString = "HH:mm:ss") {
@@ -2457,6 +2462,39 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       pendingMinutes
     };
   }
+  getShiftTimingForDateShift(shiftConfig, queryDate, queryShiftId) {
+    const targetShiftConfig = shiftConfig?.shifts?.find((s) => s.shiftId === queryShiftId);
+    const startTime = targetShiftConfig?.startTime || "06:00";
+    const endTime = targetShiftConfig?.endTime || "18:00";
+    const [year, month, day] = queryDate.split("-").map(Number);
+    const [startHour = 0, startMin = 0] = startTime.split(":").map(Number);
+    const [endHour = 0, endMin = 0] = endTime.split(":").map(Number);
+    const shiftStartDate = new Date(year, month - 1, day, startHour, startMin, 0);
+    let shiftEndDate;
+    if (endHour < startHour || endHour === startHour && endMin < startMin) {
+      shiftEndDate = new Date(year, month - 1, day + 1, endHour, endMin, 0);
+    } else {
+      shiftEndDate = new Date(year, month - 1, day, endHour, endMin, 0);
+    }
+    const totalMinutes = Math.floor((shiftEndDate.getTime() - shiftStartDate.getTime()) / (1e3 * 60));
+    const now2 = /* @__PURE__ */ new Date();
+    let completedMinutes;
+    if (shiftEndDate < now2) {
+      completedMinutes = totalMinutes;
+    } else if (shiftStartDate > now2) {
+      completedMinutes = 0;
+    } else {
+      completedMinutes = Math.floor((now2.getTime() - shiftStartDate.getTime()) / (1e3 * 60));
+    }
+    const pendingMinutes = totalMinutes - completedMinutes;
+    return {
+      shiftStartDate,
+      shiftEndDate,
+      totalMinutes,
+      completedMinutes,
+      pendingMinutes
+    };
+  }
   normalizeHourBucket(bucket) {
     if (Array.isArray(bucket)) return bucket;
     if (bucket && Array.isArray(bucket.values)) return bucket.values;
@@ -2926,14 +2964,22 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     if (!passedShiftConfig) {
       console.warn("[workspaceHealthService.calculateWorkspaceUptime] \u26A0\uFE0F No shiftConfig passed! Falling back to static config. This may cause incorrect shift_id queries.");
     }
-    const {
-      shiftId: currentShiftId,
-      date: currentDate,
-      shiftStartDate,
-      completedMinutes
-    } = this.getShiftTiming(effectiveTimezone, shiftConfig);
-    const queryDate = overrideDate ?? currentDate;
-    const queryShiftId = overrideShiftId ?? currentShiftId;
+    const currentTiming = this.getShiftTiming(effectiveTimezone, shiftConfig);
+    const queryDate = overrideDate ?? currentTiming.date;
+    const queryShiftId = overrideShiftId ?? currentTiming.shiftId;
+    let shiftStartDate = currentTiming.shiftStartDate;
+    let completedMinutes = currentTiming.completedMinutes;
+    const isHistoricalDate = overrideDate && overrideDate !== currentTiming.date;
+    const isDifferentShift = overrideShiftId !== void 0 && overrideShiftId !== currentTiming.shiftId;
+    if (isHistoricalDate || isDifferentShift) {
+      const overrideTiming = this.getShiftTimingForDateShift(
+        shiftConfig,
+        queryDate,
+        queryShiftId
+      );
+      shiftStartDate = overrideTiming.shiftStartDate;
+      completedMinutes = overrideTiming.completedMinutes;
+    }
     const tableName = `performance_metrics_${companyId.replace(/-/g, "_")}`;
     try {
       const { data: queryData, error } = await supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", queryDate).eq("shift_id", queryShiftId);
@@ -3008,12 +3054,27 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     const queryConfigs = [];
     lineShiftConfigs.forEach((config, lineId) => {
       const timing = this.getShiftTiming(timezone, config);
+      const queryDate = overrideDate ?? timing.date;
+      const queryShiftId = overrideShiftId ?? timing.shiftId;
+      let shiftStartDate = timing.shiftStartDate;
+      let completedMinutes = timing.completedMinutes;
+      const isHistoricalDate = overrideDate && overrideDate !== timing.date;
+      const isDifferentShift = overrideShiftId !== void 0 && overrideShiftId !== timing.shiftId;
+      if (isHistoricalDate || isDifferentShift) {
+        const overrideTiming = this.getShiftTimingForDateShift(
+          config,
+          queryDate,
+          queryShiftId
+        );
+        shiftStartDate = overrideTiming.shiftStartDate;
+        completedMinutes = overrideTiming.completedMinutes;
+      }
       queryConfigs.push({
         lineId,
-        date: overrideDate ?? timing.date,
-        shiftId: overrideShiftId ?? timing.shiftId,
-        shiftStartDate: timing.shiftStartDate,
-        completedMinutes: timing.completedMinutes
+        date: queryDate,
+        shiftId: queryShiftId,
+        shiftStartDate,
+        completedMinutes
       });
     });
     const uniqueQueries = /* @__PURE__ */ new Map();
@@ -3038,7 +3099,12 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     });
     const queryPromises = Array.from(uniqueQueries.entries()).map(async ([key, { date, shiftId, lineConfigs }]) => {
       try {
-        const { data, error } = await supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", date).eq("shift_id", shiftId);
+        const lineIds = Array.from(new Set(lineConfigs.map((lc) => lc.lineId).filter(Boolean)));
+        let query = supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", date).eq("shift_id", shiftId);
+        if (lineIds.length > 0) {
+          query = query.in("line_id", lineIds);
+        }
+        const { data, error } = await query;
         if (error) {
           console.error(`[calculateWorkspaceUptimeMultiLine] Error fetching metrics for ${key}:`, error);
           return { records: [], lineConfigs };
@@ -3059,11 +3125,16 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
           recordWorkspaceDisplayName: record.workspace_display_name,
           availableLineIds: lineConfigs.map((lc) => lc.lineId),
           matchFound: !!lineConfig,
-          matchedLineId: lineConfig?.lineId || "FALLBACK to " + lineConfigs[0]?.lineId
+          matchedLineId: lineConfig?.lineId || "none"
         });
-        const effectiveLineConfig = lineConfig || lineConfigs[0];
-        if (!effectiveLineConfig) continue;
-        const { shiftStartDate, completedMinutes } = effectiveLineConfig;
+        if (!lineConfig) {
+          console.warn("[calculateWorkspaceUptimeMultiLine] No line config match for record, skipping", {
+            recordLineId: record.line_id,
+            recordWorkspaceId: record.workspace_id
+          });
+          continue;
+        }
+        const { shiftStartDate, completedMinutes } = lineConfig;
         const outputHourly = this.normalizeOutputHourly(record.output_hourly || {});
         const outputArray = Array.isArray(record.output_array) ? record.output_array : [];
         let uptimeMinutes = 0;
@@ -37421,50 +37492,61 @@ var LinePdfGenerator = ({
       doc.setLineWidth(0.8);
       doc.line(20, 118, 190, 118);
       const hourlyOverviewStartY = 123;
+      const parseTimeToMinutes2 = (timeStr) => {
+        const [hours, minutes] = timeStr.split(":");
+        const hour = parseInt(hours, 10);
+        const minute = parseInt(minutes || "0", 10);
+        if (Number.isNaN(hour) || Number.isNaN(minute)) {
+          return NaN;
+        }
+        return (hour * 60 + minute) % (24 * 60);
+      };
+      const formatMinutesLabel = (totalMinutes) => {
+        const normalized = (totalMinutes % (24 * 60) + 24 * 60) % (24 * 60);
+        const hour = Math.floor(normalized / 60);
+        const minute = normalized % 60;
+        const time2 = /* @__PURE__ */ new Date();
+        time2.setHours(hour);
+        time2.setMinutes(minute);
+        time2.setSeconds(0);
+        time2.setMilliseconds(0);
+        return time2.toLocaleTimeString("en-IN", {
+          hour: "2-digit",
+          minute: "2-digit",
+          hour12: true,
+          timeZone: "Asia/Kolkata"
+        });
+      };
+      const buildRange = (startMinutes, minutes) => {
+        const endMinutes = startMinutes + minutes;
+        return {
+          label: `${formatMinutesLabel(startMinutes)} - ${formatMinutesLabel(endMinutes)}`,
+          minutes
+        };
+      };
       const getHourlyTimeRanges = (startTimeStr, endTimeStr) => {
-        const [hours, minutes] = startTimeStr.split(":");
-        const startHour = parseInt(hours);
-        const startMinute = parseInt(minutes || "0");
-        let SHIFT_DURATION = 11;
-        let endHour = startHour + 11;
-        let endMinute = startMinute;
-        if (endTimeStr) {
-          const [endHours, endMinutes] = endTimeStr.split(":");
-          endHour = parseInt(endHours);
-          endMinute = parseInt(endMinutes || "0");
-          let duration = endHour - startHour;
-          if (duration <= 0) {
-            duration += 24;
-          }
-          const hasPartialLastHour = endMinute > 0 && endMinute < 60;
-          SHIFT_DURATION = hasPartialLastHour ? Math.ceil(duration) : Math.round(duration);
-        }
-        return Array.from({ length: SHIFT_DURATION }, (_, i) => {
-          const isLastHour = i === SHIFT_DURATION - 1;
-          const hourStartTime = /* @__PURE__ */ new Date();
-          hourStartTime.setHours((startHour + i) % 24);
-          hourStartTime.setMinutes(startMinute);
-          hourStartTime.setSeconds(0);
-          hourStartTime.setMilliseconds(0);
-          let hourEndTime = /* @__PURE__ */ new Date();
-          if (isLastHour && endTimeStr) {
-            hourEndTime.setHours(endHour % 24);
-            hourEndTime.setMinutes(endMinute);
-          } else {
-            hourEndTime.setHours((startHour + i + 1) % 24);
-            hourEndTime.setMinutes(startMinute);
-          }
-          hourEndTime.setSeconds(0);
-          hourEndTime.setMilliseconds(0);
-          const formatTime5 = (date2) => {
-            return date2.toLocaleTimeString("en-IN", {
-              hour: "2-digit",
-              minute: "2-digit",
-              hour12: true,
-              timeZone: "Asia/Kolkata"
-            });
-          };
-          return `${formatTime5(hourStartTime)} - ${formatTime5(hourEndTime)}`;
+        const startMinutes = parseTimeToMinutes2(startTimeStr);
+        if (Number.isNaN(startMinutes)) {
+          return [];
+        }
+        if (!endTimeStr) {
+          const defaultHours = 11;
+          return Array.from({ length: defaultHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
+        }
+        const endMinutes = parseTimeToMinutes2(endTimeStr);
+        if (Number.isNaN(endMinutes)) {
+          const fallbackHours = 11;
+          return Array.from({ length: fallbackHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
+        }
+        let durationMinutes = endMinutes - startMinutes;
+        if (durationMinutes <= 0) {
+          durationMinutes += 24 * 60;
+        }
+        const rangeCount = Math.max(1, Math.ceil(durationMinutes / 60));
+        return Array.from({ length: rangeCount }, (_, i) => {
+          const remainingMinutes = durationMinutes - i * 60;
+          const rangeMinutes = remainingMinutes >= 60 ? 60 : remainingMinutes;
+          return buildRange(startMinutes + i * 60, rangeMinutes);
         });
       };
       const hourlyTimeRanges = lineInfo.metrics.shift_start ? getHourlyTimeRanges(lineInfo.metrics.shift_start, lineInfo.metrics.shift_end) : [];
@@ -37476,8 +37558,13 @@ var LinePdfGenerator = ({
         const startHour = parseInt(startHourStr);
         const startMinute = parseInt(startMinuteStr || "0");
         const [endHourStr, endMinuteStr] = (lineInfo.metrics.shift_end || "18:00").split(":");
+        const endHour = parseInt(endHourStr);
         const endMinute = parseInt(endMinuteStr || "0");
-        const hasPartialLastHour = endMinute > 0 && endMinute < 60;
+        let durationMinutes = endHour * 60 + endMinute - (startHour * 60 + startMinute);
+        if (durationMinutes <= 0) {
+          durationMinutes += 24 * 60;
+        }
+        const hasPartialLastHour = durationMinutes % 60 !== 0;
         const expectedHours = [];
         for (let i = 0; i < shiftDuration; i++) {
           expectedHours.push((startHour + i) % 24);
@@ -37668,19 +37755,21 @@ var LinePdfGenerator = ({
         const hourNumber = (startHour + index) % 24;
         const dataCollected = !isTodayForTable || hourNumber < currentHour;
         const outputStr = dataCollected ? actualOutput.toString() : "TBD";
-        const targetStr = targetOutputPerHour.toString();
         if (index < totalRows - 1) {
           const rowBottomY = headerBottomY + (index + 1) * rowSpacing;
           doc.setDrawColor(200, 200, 200);
           doc.line(20, rowBottomY, 190, rowBottomY);
         }
-        doc.text(timeRange, 25, yPos);
+        const rangeMinutes = timeRange.minutes || 60;
+        const targetForRange = targetOutputPerHour * (rangeMinutes / 60);
+        const targetStr = rangeMinutes === 60 ? targetOutputPerHour.toString() : targetForRange.toFixed(1).replace(/\.0$/, "");
+        doc.text(timeRange.label, 25, yPos);
         doc.text(outputStr, 75, yPos);
         doc.text(targetStr, 105, yPos);
         if (!dataCollected) {
           doc.setTextColor(100, 100, 100);
           doc.text("-", 135, yPos);
-        } else if (actualOutput >= targetOutputPerHour) {
+        } else if (actualOutput >= targetForRange) {
           doc.setTextColor(0, 171, 69);
           doc.setFont("ZapfDingbats", "normal");
           doc.text("4", 135, yPos);
@@ -39091,23 +39180,29 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons }) => {
       const colBoundaries = [20, 70, 100, 130, 155, 190];
       const totalRows = hourlyData.length;
       const gridBottomY = headerBottomY + totalRows * rowHeight;
+      const tableHeight = gridBottomY - gridTopY;
+      doc.setFillColor(255, 255, 255);
+      doc.roundedRect(20, gridTopY, 170, tableHeight, 2, 2, "F");
+      doc.setDrawColor(230, 230, 230);
+      doc.setLineWidth(0.2);
+      doc.roundedRect(20, gridTopY, 170, tableHeight, 2, 2, "S");
       doc.setDrawColor(200, 200, 200);
       doc.setLineWidth(0.3);
-      doc.line(20, gridTopY, 190, gridTopY);
       doc.line(20, headerBottomY, 190, headerBottomY);
-      colBoundaries.forEach((x) => {
+      colBoundaries.slice(1, -1).forEach((x) => {
         doc.line(x, gridTopY, x, gridBottomY);
       });
       doc.setFontSize(headerFontSize);
       doc.setFont("helvetica", "bold");
-      doc.text("Time Range", 25, headerY);
-      doc.text("Output", 75, headerY);
-      doc.text("Target", 105, headerY);
-      doc.text("Status", 135, headerY);
-      doc.text("Remarks", 160, headerY);
+      const headerTextY = gridTopY + 5.5;
+      doc.text("Time Range", 25, headerTextY);
+      doc.text("Output", 75, headerTextY);
+      doc.text("Target", 105, headerTextY);
+      doc.text("Status", 135, headerTextY);
+      doc.text("Remarks", 160, headerTextY);
       doc.setFontSize(contentFontSize);
       doc.setFont("helvetica", "normal");
-      let yPos = tableStartY;
+      let yPos = headerBottomY + 5.5;
       const workspaceDate = new Date(workspace.date);
       const today = /* @__PURE__ */ new Date();
       today.setHours(0, 0, 0, 0);
@@ -39135,9 +39230,11 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons }) => {
         const dataCollected = !isToday2 || hourNumber < currentHour;
         const outputStr = dataCollected ? output.toString() : "TBD";
         const targetStr = hourlyTarget.toString();
-        const rowBottomY = headerBottomY + (index + 1) * rowHeight;
-        doc.setDrawColor(200, 200, 200);
-        doc.line(20, rowBottomY, 190, rowBottomY);
+        if (index < totalRows - 1) {
+          const rowBottomY = headerBottomY + (index + 1) * rowHeight;
+          doc.setDrawColor(200, 200, 200);
+          doc.line(20, rowBottomY, 190, rowBottomY);
+        }
         doc.text(timeRange, 25, yPos);
         doc.text(outputStr, 75, yPos);
         doc.text(targetStr, 105, yPos);
@@ -58013,6 +58110,8 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
   const [videos, setVideos] = React24.useState([]);
   const [loading, setLoading] = React24.useState(false);
   const [error, setError] = React24.useState(null);
+  const currentVideo = videos[currentIndex];
+  const { crop: workspaceCrop } = useWorkspaceCrop(currentVideo?.workspace_id || null);
   React24.useEffect(() => {
     let cancelled = false;
     const load = async () => {
@@ -58032,7 +58131,8 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
             const cycleTime = typeof c.cycle_time_seconds === "number" ? c.cycle_time_seconds : typeof c.cycle_sec === "number" ? c.cycle_sec : void 0;
             return {
               ...video,
-              cycle_time_seconds: cycleTime ?? video.cycle_time_seconds
+              cycle_time_seconds: cycleTime ?? video.cycle_time_seconds,
+              workspace_id: c.workspace_id
             };
           })
         );
@@ -58063,17 +58163,17 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
     setCurrentIndex((prev) => (prev - 1 + Math.max(videos.length, 1)) % Math.max(videos.length, 1));
   };
   if (!clips || clips.length === 0) return null;
-  const currentVideo = videos[currentIndex];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group bg-gray-900 rounded-lg overflow-hidden aspect-video", children: [
     loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-white/80", children: "Loading clips\u2026" }),
     !loading && error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-white/80", children: error }),
     !loading && !error && currentVideo?.src && /* @__PURE__ */ jsxRuntime.jsx(
-      VideoPlayer,
+      CroppedVideoPlayer,
       {
         src: currentVideo.src,
         className: "w-full h-full object-cover opacity-90 group-hover:opacity-100 transition-opacity",
         controls: true,
-        playsInline: true
+        playsInline: true,
+        crop: workspaceCrop?.crop || null
       },
       currentVideo.src
     ),

package/dist/index.mjs

@@ -507,8 +507,13 @@ var memoizedOutputArrayAggregation = createMemoizedFunction(
 var getOperationalDate = (timezone, date = /* @__PURE__ */ new Date(), shiftStartTime = "06:00") => {
   const zonedDate = toZonedTime(date, timezone);
   const hours = zonedDate.getHours();
-  const [startHour = 6] = shiftStartTime.split(":").map(Number);
-  const operationalDate = hours < startHour ? subDays(zonedDate, 1) : zonedDate;
+  const minutes = zonedDate.getMinutes();
+  const [startHourRaw, startMinuteRaw] = shiftStartTime.split(":").map(Number);
+  const startHour = Number.isFinite(startHourRaw) ? startHourRaw : 6;
+  const startMinute = Number.isFinite(startMinuteRaw) ? startMinuteRaw : 0;
+  const currentTotalMinutes = hours * 60 + minutes;
+  const shiftStartTotalMinutes = startHour * 60 + startMinute;
+  const operationalDate = currentTotalMinutes < shiftStartTotalMinutes ? subDays(zonedDate, 1) : zonedDate;
   return format(operationalDate, "yyyy-MM-dd");
 };
 function formatTimeInZone(time2, timezone, formatString = "HH:mm:ss") {
@@ -2428,6 +2433,39 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       pendingMinutes
     };
   }
+  getShiftTimingForDateShift(shiftConfig, queryDate, queryShiftId) {
+    const targetShiftConfig = shiftConfig?.shifts?.find((s) => s.shiftId === queryShiftId);
+    const startTime = targetShiftConfig?.startTime || "06:00";
+    const endTime = targetShiftConfig?.endTime || "18:00";
+    const [year, month, day] = queryDate.split("-").map(Number);
+    const [startHour = 0, startMin = 0] = startTime.split(":").map(Number);
+    const [endHour = 0, endMin = 0] = endTime.split(":").map(Number);
+    const shiftStartDate = new Date(year, month - 1, day, startHour, startMin, 0);
+    let shiftEndDate;
+    if (endHour < startHour || endHour === startHour && endMin < startMin) {
+      shiftEndDate = new Date(year, month - 1, day + 1, endHour, endMin, 0);
+    } else {
+      shiftEndDate = new Date(year, month - 1, day, endHour, endMin, 0);
+    }
+    const totalMinutes = Math.floor((shiftEndDate.getTime() - shiftStartDate.getTime()) / (1e3 * 60));
+    const now2 = /* @__PURE__ */ new Date();
+    let completedMinutes;
+    if (shiftEndDate < now2) {
+      completedMinutes = totalMinutes;
+    } else if (shiftStartDate > now2) {
+      completedMinutes = 0;
+    } else {
+      completedMinutes = Math.floor((now2.getTime() - shiftStartDate.getTime()) / (1e3 * 60));
+    }
+    const pendingMinutes = totalMinutes - completedMinutes;
+    return {
+      shiftStartDate,
+      shiftEndDate,
+      totalMinutes,
+      completedMinutes,
+      pendingMinutes
+    };
+  }
   normalizeHourBucket(bucket) {
     if (Array.isArray(bucket)) return bucket;
     if (bucket && Array.isArray(bucket.values)) return bucket.values;
@@ -2897,14 +2935,22 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     if (!passedShiftConfig) {
       console.warn("[workspaceHealthService.calculateWorkspaceUptime] \u26A0\uFE0F No shiftConfig passed! Falling back to static config. This may cause incorrect shift_id queries.");
     }
-    const {
-      shiftId: currentShiftId,
-      date: currentDate,
-      shiftStartDate,
-      completedMinutes
-    } = this.getShiftTiming(effectiveTimezone, shiftConfig);
-    const queryDate = overrideDate ?? currentDate;
-    const queryShiftId = overrideShiftId ?? currentShiftId;
+    const currentTiming = this.getShiftTiming(effectiveTimezone, shiftConfig);
+    const queryDate = overrideDate ?? currentTiming.date;
+    const queryShiftId = overrideShiftId ?? currentTiming.shiftId;
+    let shiftStartDate = currentTiming.shiftStartDate;
+    let completedMinutes = currentTiming.completedMinutes;
+    const isHistoricalDate = overrideDate && overrideDate !== currentTiming.date;
+    const isDifferentShift = overrideShiftId !== void 0 && overrideShiftId !== currentTiming.shiftId;
+    if (isHistoricalDate || isDifferentShift) {
+      const overrideTiming = this.getShiftTimingForDateShift(
+        shiftConfig,
+        queryDate,
+        queryShiftId
+      );
+      shiftStartDate = overrideTiming.shiftStartDate;
+      completedMinutes = overrideTiming.completedMinutes;
+    }
     const tableName = `performance_metrics_${companyId.replace(/-/g, "_")}`;
     try {
       const { data: queryData, error } = await supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", queryDate).eq("shift_id", queryShiftId);
@@ -2979,12 +3025,27 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     const queryConfigs = [];
     lineShiftConfigs.forEach((config, lineId) => {
       const timing = this.getShiftTiming(timezone, config);
+      const queryDate = overrideDate ?? timing.date;
+      const queryShiftId = overrideShiftId ?? timing.shiftId;
+      let shiftStartDate = timing.shiftStartDate;
+      let completedMinutes = timing.completedMinutes;
+      const isHistoricalDate = overrideDate && overrideDate !== timing.date;
+      const isDifferentShift = overrideShiftId !== void 0 && overrideShiftId !== timing.shiftId;
+      if (isHistoricalDate || isDifferentShift) {
+        const overrideTiming = this.getShiftTimingForDateShift(
+          config,
+          queryDate,
+          queryShiftId
+        );
+        shiftStartDate = overrideTiming.shiftStartDate;
+        completedMinutes = overrideTiming.completedMinutes;
+      }
       queryConfigs.push({
         lineId,
-        date: overrideDate ?? timing.date,
-        shiftId: overrideShiftId ?? timing.shiftId,
-        shiftStartDate: timing.shiftStartDate,
-        completedMinutes: timing.completedMinutes
+        date: queryDate,
+        shiftId: queryShiftId,
+        shiftStartDate,
+        completedMinutes
       });
     });
     const uniqueQueries = /* @__PURE__ */ new Map();
@@ -3009,7 +3070,12 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     });
     const queryPromises = Array.from(uniqueQueries.entries()).map(async ([key, { date, shiftId, lineConfigs }]) => {
       try {
-        const { data, error } = await supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", date).eq("shift_id", shiftId);
+        const lineIds = Array.from(new Set(lineConfigs.map((lc) => lc.lineId).filter(Boolean)));
+        let query = supabase.from(tableName).select("workspace_id, workspace_display_name, output_hourly, output_array, line_id").eq("date", date).eq("shift_id", shiftId);
+        if (lineIds.length > 0) {
+          query = query.in("line_id", lineIds);
+        }
+        const { data, error } = await query;
         if (error) {
           console.error(`[calculateWorkspaceUptimeMultiLine] Error fetching metrics for ${key}:`, error);
           return { records: [], lineConfigs };
@@ -3030,11 +3096,16 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
           recordWorkspaceDisplayName: record.workspace_display_name,
           availableLineIds: lineConfigs.map((lc) => lc.lineId),
           matchFound: !!lineConfig,
-          matchedLineId: lineConfig?.lineId || "FALLBACK to " + lineConfigs[0]?.lineId
+          matchedLineId: lineConfig?.lineId || "none"
         });
-        const effectiveLineConfig = lineConfig || lineConfigs[0];
-        if (!effectiveLineConfig) continue;
-        const { shiftStartDate, completedMinutes } = effectiveLineConfig;
+        if (!lineConfig) {
+          console.warn("[calculateWorkspaceUptimeMultiLine] No line config match for record, skipping", {
+            recordLineId: record.line_id,
+            recordWorkspaceId: record.workspace_id
+          });
+          continue;
+        }
+        const { shiftStartDate, completedMinutes } = lineConfig;
         const outputHourly = this.normalizeOutputHourly(record.output_hourly || {});
         const outputArray = Array.isArray(record.output_array) ? record.output_array : [];
         let uptimeMinutes = 0;
@@ -37392,50 +37463,61 @@ var LinePdfGenerator = ({
       doc.setLineWidth(0.8);
       doc.line(20, 118, 190, 118);
       const hourlyOverviewStartY = 123;
+      const parseTimeToMinutes2 = (timeStr) => {
+        const [hours, minutes] = timeStr.split(":");
+        const hour = parseInt(hours, 10);
+        const minute = parseInt(minutes || "0", 10);
+        if (Number.isNaN(hour) || Number.isNaN(minute)) {
+          return NaN;
+        }
+        return (hour * 60 + minute) % (24 * 60);
+      };
+      const formatMinutesLabel = (totalMinutes) => {
+        const normalized = (totalMinutes % (24 * 60) + 24 * 60) % (24 * 60);
+        const hour = Math.floor(normalized / 60);
+        const minute = normalized % 60;
+        const time2 = /* @__PURE__ */ new Date();
+        time2.setHours(hour);
+        time2.setMinutes(minute);
+        time2.setSeconds(0);
+        time2.setMilliseconds(0);
+        return time2.toLocaleTimeString("en-IN", {
+          hour: "2-digit",
+          minute: "2-digit",
+          hour12: true,
+          timeZone: "Asia/Kolkata"
+        });
+      };
+      const buildRange = (startMinutes, minutes) => {
+        const endMinutes = startMinutes + minutes;
+        return {
+          label: `${formatMinutesLabel(startMinutes)} - ${formatMinutesLabel(endMinutes)}`,
+          minutes
+        };
+      };
       const getHourlyTimeRanges = (startTimeStr, endTimeStr) => {
-        const [hours, minutes] = startTimeStr.split(":");
-        const startHour = parseInt(hours);
-        const startMinute = parseInt(minutes || "0");
-        let SHIFT_DURATION = 11;
-        let endHour = startHour + 11;
-        let endMinute = startMinute;
-        if (endTimeStr) {
-          const [endHours, endMinutes] = endTimeStr.split(":");
-          endHour = parseInt(endHours);
-          endMinute = parseInt(endMinutes || "0");
-          let duration = endHour - startHour;
-          if (duration <= 0) {
-            duration += 24;
-          }
-          const hasPartialLastHour = endMinute > 0 && endMinute < 60;
-          SHIFT_DURATION = hasPartialLastHour ? Math.ceil(duration) : Math.round(duration);
-        }
-        return Array.from({ length: SHIFT_DURATION }, (_, i) => {
-          const isLastHour = i === SHIFT_DURATION - 1;
-          const hourStartTime = /* @__PURE__ */ new Date();
-          hourStartTime.setHours((startHour + i) % 24);
-          hourStartTime.setMinutes(startMinute);
-          hourStartTime.setSeconds(0);
-          hourStartTime.setMilliseconds(0);
-          let hourEndTime = /* @__PURE__ */ new Date();
-          if (isLastHour && endTimeStr) {
-            hourEndTime.setHours(endHour % 24);
-            hourEndTime.setMinutes(endMinute);
-          } else {
-            hourEndTime.setHours((startHour + i + 1) % 24);
-            hourEndTime.setMinutes(startMinute);
-          }
-          hourEndTime.setSeconds(0);
-          hourEndTime.setMilliseconds(0);
-          const formatTime5 = (date2) => {
-            return date2.toLocaleTimeString("en-IN", {
-              hour: "2-digit",
-              minute: "2-digit",
-              hour12: true,
-              timeZone: "Asia/Kolkata"
-            });
-          };
-          return `${formatTime5(hourStartTime)} - ${formatTime5(hourEndTime)}`;
+        const startMinutes = parseTimeToMinutes2(startTimeStr);
+        if (Number.isNaN(startMinutes)) {
+          return [];
+        }
+        if (!endTimeStr) {
+          const defaultHours = 11;
+          return Array.from({ length: defaultHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
+        }
+        const endMinutes = parseTimeToMinutes2(endTimeStr);
+        if (Number.isNaN(endMinutes)) {
+          const fallbackHours = 11;
+          return Array.from({ length: fallbackHours }, (_, i) => buildRange(startMinutes + i * 60, 60));
+        }
+        let durationMinutes = endMinutes - startMinutes;
+        if (durationMinutes <= 0) {
+          durationMinutes += 24 * 60;
+        }
+        const rangeCount = Math.max(1, Math.ceil(durationMinutes / 60));
+        return Array.from({ length: rangeCount }, (_, i) => {
+          const remainingMinutes = durationMinutes - i * 60;
+          const rangeMinutes = remainingMinutes >= 60 ? 60 : remainingMinutes;
+          return buildRange(startMinutes + i * 60, rangeMinutes);
         });
       };
       const hourlyTimeRanges = lineInfo.metrics.shift_start ? getHourlyTimeRanges(lineInfo.metrics.shift_start, lineInfo.metrics.shift_end) : [];
@@ -37447,8 +37529,13 @@ var LinePdfGenerator = ({
         const startHour = parseInt(startHourStr);
         const startMinute = parseInt(startMinuteStr || "0");
         const [endHourStr, endMinuteStr] = (lineInfo.metrics.shift_end || "18:00").split(":");
+        const endHour = parseInt(endHourStr);
         const endMinute = parseInt(endMinuteStr || "0");
-        const hasPartialLastHour = endMinute > 0 && endMinute < 60;
+        let durationMinutes = endHour * 60 + endMinute - (startHour * 60 + startMinute);
+        if (durationMinutes <= 0) {
+          durationMinutes += 24 * 60;
+        }
+        const hasPartialLastHour = durationMinutes % 60 !== 0;
         const expectedHours = [];
         for (let i = 0; i < shiftDuration; i++) {
           expectedHours.push((startHour + i) % 24);
@@ -37639,19 +37726,21 @@ var LinePdfGenerator = ({
         const hourNumber = (startHour + index) % 24;
         const dataCollected = !isTodayForTable || hourNumber < currentHour;
         const outputStr = dataCollected ? actualOutput.toString() : "TBD";
-        const targetStr = targetOutputPerHour.toString();
         if (index < totalRows - 1) {
           const rowBottomY = headerBottomY + (index + 1) * rowSpacing;
           doc.setDrawColor(200, 200, 200);
           doc.line(20, rowBottomY, 190, rowBottomY);
         }
-        doc.text(timeRange, 25, yPos);
+        const rangeMinutes = timeRange.minutes || 60;
+        const targetForRange = targetOutputPerHour * (rangeMinutes / 60);
+        const targetStr = rangeMinutes === 60 ? targetOutputPerHour.toString() : targetForRange.toFixed(1).replace(/\.0$/, "");
+        doc.text(timeRange.label, 25, yPos);
         doc.text(outputStr, 75, yPos);
         doc.text(targetStr, 105, yPos);
         if (!dataCollected) {
           doc.setTextColor(100, 100, 100);
           doc.text("-", 135, yPos);
-        } else if (actualOutput >= targetOutputPerHour) {
+        } else if (actualOutput >= targetForRange) {
           doc.setTextColor(0, 171, 69);
           doc.setFont("ZapfDingbats", "normal");
           doc.text("4", 135, yPos);
@@ -39062,23 +39151,29 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons }) => {
       const colBoundaries = [20, 70, 100, 130, 155, 190];
       const totalRows = hourlyData.length;
       const gridBottomY = headerBottomY + totalRows * rowHeight;
+      const tableHeight = gridBottomY - gridTopY;
+      doc.setFillColor(255, 255, 255);
+      doc.roundedRect(20, gridTopY, 170, tableHeight, 2, 2, "F");
+      doc.setDrawColor(230, 230, 230);
+      doc.setLineWidth(0.2);
+      doc.roundedRect(20, gridTopY, 170, tableHeight, 2, 2, "S");
       doc.setDrawColor(200, 200, 200);
       doc.setLineWidth(0.3);
-      doc.line(20, gridTopY, 190, gridTopY);
       doc.line(20, headerBottomY, 190, headerBottomY);
-      colBoundaries.forEach((x) => {
+      colBoundaries.slice(1, -1).forEach((x) => {
         doc.line(x, gridTopY, x, gridBottomY);
       });
       doc.setFontSize(headerFontSize);
       doc.setFont("helvetica", "bold");
-      doc.text("Time Range", 25, headerY);
-      doc.text("Output", 75, headerY);
-      doc.text("Target", 105, headerY);
-      doc.text("Status", 135, headerY);
-      doc.text("Remarks", 160, headerY);
+      const headerTextY = gridTopY + 5.5;
+      doc.text("Time Range", 25, headerTextY);
+      doc.text("Output", 75, headerTextY);
+      doc.text("Target", 105, headerTextY);
+      doc.text("Status", 135, headerTextY);
+      doc.text("Remarks", 160, headerTextY);
       doc.setFontSize(contentFontSize);
       doc.setFont("helvetica", "normal");
-      let yPos = tableStartY;
+      let yPos = headerBottomY + 5.5;
       const workspaceDate = new Date(workspace.date);
       const today = /* @__PURE__ */ new Date();
       today.setHours(0, 0, 0, 0);
@@ -39106,9 +39201,11 @@ var WorkspacePdfGenerator = ({ workspace, className, idleTimeReasons }) => {
         const dataCollected = !isToday2 || hourNumber < currentHour;
         const outputStr = dataCollected ? output.toString() : "TBD";
         const targetStr = hourlyTarget.toString();
-        const rowBottomY = headerBottomY + (index + 1) * rowHeight;
-        doc.setDrawColor(200, 200, 200);
-        doc.line(20, rowBottomY, 190, rowBottomY);
+        if (index < totalRows - 1) {
+          const rowBottomY = headerBottomY + (index + 1) * rowHeight;
+          doc.setDrawColor(200, 200, 200);
+          doc.line(20, rowBottomY, 190, rowBottomY);
+        }
         doc.text(timeRange, 25, yPos);
         doc.text(outputStr, 75, yPos);
         doc.text(targetStr, 105, yPos);
@@ -57984,6 +58081,8 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
   const [videos, setVideos] = useState([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
+  const currentVideo = videos[currentIndex];
+  const { crop: workspaceCrop } = useWorkspaceCrop(currentVideo?.workspace_id || null);
   useEffect(() => {
     let cancelled = false;
     const load = async () => {
@@ -58003,7 +58102,8 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
             const cycleTime = typeof c.cycle_time_seconds === "number" ? c.cycle_time_seconds : typeof c.cycle_sec === "number" ? c.cycle_sec : void 0;
             return {
               ...video,
-              cycle_time_seconds: cycleTime ?? video.cycle_time_seconds
+              cycle_time_seconds: cycleTime ?? video.cycle_time_seconds,
+              workspace_id: c.workspace_id
             };
           })
         );
@@ -58034,17 +58134,17 @@ var ClipVideoCarousel = ({ clips, clipsService }) => {
     setCurrentIndex((prev) => (prev - 1 + Math.max(videos.length, 1)) % Math.max(videos.length, 1));
   };
   if (!clips || clips.length === 0) return null;
-  const currentVideo = videos[currentIndex];
   return /* @__PURE__ */ jsxs("div", { className: "relative group bg-gray-900 rounded-lg overflow-hidden aspect-video", children: [
     loading && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-white/80", children: "Loading clips\u2026" }),
     !loading && error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-sm text-white/80", children: error }),
     !loading && !error && currentVideo?.src && /* @__PURE__ */ jsx(
-      VideoPlayer,
+      CroppedVideoPlayer,
       {
         src: currentVideo.src,
         className: "w-full h-full object-cover opacity-90 group-hover:opacity-100 transition-opacity",
         controls: true,
-        playsInline: true
+        playsInline: true,
+        crop: workspaceCrop?.crop || null
       },
       currentVideo.src
     ),

package/package.json

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