@optifye/dashboard-core 6.10.12 → 6.10.13

package/dist/index.js

@@ -558,6 +558,84 @@ function getCurrentTimeInZone(timezone, formatString) {
   }
   return now2;
 }
+var pad2 = (value) => String(value).padStart(2, "0");
+var buildDateKey = (year, monthIndex, day) => {
+  return `${year}-${pad2(monthIndex + 1)}-${pad2(day)}`;
+};
+var getDateKeyFromDate = (date) => {
+  return date.toISOString().split("T")[0];
+};
+var parseDateKeyToDate = (dateKey) => {
+  const [year, month, day] = dateKey.split("-").map(Number);
+  return new Date(year, month - 1, day);
+};
+var formatDateKeyForDisplay = (dateKey, formatStr = "MMM d, yyyy") => {
+  return dateFns.format(parseDateKeyToDate(dateKey), formatStr);
+};
+var getMonthKeyBounds = (year, monthIndex) => {
+  const startKey = buildDateKey(year, monthIndex, 1);
+  const lastDay = new Date(year, monthIndex + 1, 0).getDate();
+  const endKey = buildDateKey(year, monthIndex, lastDay);
+  return { startKey, endKey };
+};
+var normalizeDateKeyRange = (startKey, endKey, minKey, maxKey) => {
+  const clampedStart = startKey < minKey ? minKey : startKey > maxKey ? maxKey : startKey;
+  const clampedEnd = endKey < minKey ? minKey : endKey > maxKey ? maxKey : endKey;
+  if (clampedStart <= clampedEnd) {
+    return { startKey: clampedStart, endKey: clampedEnd };
+  }
+  return { startKey: clampedEnd, endKey: clampedStart };
+};
+var isFullMonthRange = (range, year, monthIndex) => {
+  const bounds = getMonthKeyBounds(year, monthIndex);
+  return range.startKey === bounds.startKey && range.endKey === bounds.endKey;
+};
+var getMonthWeekRanges = (year, monthIndex, timezone, maxKey) => {
+  const totalDays = new Date(year, monthIndex + 1, 0).getDate();
+  const ranges = [];
+  let currentStartDay = 1;
+  for (let day = 1; day <= totalDays; day += 1) {
+    const zonedDate = dateFnsTz.toZonedTime(new Date(year, monthIndex, day), timezone);
+    const dayOfWeek = zonedDate.getDay();
+    const isEndOfWeek = dayOfWeek === 0 || day === totalDays;
+    if (isEndOfWeek) {
+      const startKey = buildDateKey(year, monthIndex, currentStartDay);
+      const endKey = buildDateKey(year, monthIndex, day);
+      if (maxKey && startKey > maxKey) {
+        break;
+      }
+      const clampedEndKey = maxKey && endKey > maxKey ? maxKey : endKey;
+      if (clampedEndKey < startKey) {
+        break;
+      }
+      const labelStart = formatDateKeyForDisplay(startKey, "MMM d");
+      const labelEnd = formatDateKeyForDisplay(clampedEndKey, "MMM d");
+      ranges.push({
+        startKey,
+        endKey: clampedEndKey,
+        label: `Week of ${labelStart} - ${labelEnd}`
+      });
+      currentStartDay = day + 1;
+    }
+  }
+  return ranges;
+};
+var formatRangeLabel = (range, fullMonthLabel) => {
+  if (!range.startKey || !range.endKey) return fullMonthLabel;
+  if (range.startKey === range.endKey) {
+    return formatDateKeyForDisplay(range.startKey, "MMM d, yyyy");
+  }
+  const startLabel = formatDateKeyForDisplay(range.startKey, "MMM d");
+  const endLabel = formatDateKeyForDisplay(range.endKey, "MMM d, yyyy");
+  return `${startLabel} - ${endLabel}`;
+};
+var filterDataByDateKeyRange = (data, range) => {
+  if (!range.startKey || !range.endKey) return data;
+  return (data || []).filter((item) => {
+    const dateKey = typeof item.date === "string" ? item.date : getDateKeyFromDate(item.date);
+    return dateKey >= range.startKey && dateKey <= range.endKey;
+  });
+};
 
 // src/lib/utils/shifts.ts
 var DEFAULT_DAY_SHIFT_START = "06:00";
@@ -1530,7 +1608,7 @@ var dashboardService = {
       throw err;
     }
   },
-  async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput, shiftIds) {
+  async getUnderperformingWorkspaces(lineIdInput, monthInput, yearInput, shiftIds, startDate, endDate) {
     _getSupabaseInstance();
     const config = _getDashboardConfigInstance();
     const entityConfig = config.entityConfig ?? DEFAULT_ENTITY_CONFIG;
@@ -1557,7 +1635,9 @@ var dashboardService = {
       year: currentYear,
       companyId,
       metricsTable,
-      shifts: dynamicShiftIds
+      shifts: dynamicShiftIds,
+      ...startDate ? { start_date: startDate } : {},
+      ...endDate ? { end_date: endDate } : {}
     };
     const response = await fetch(fullFunctionUrl, {
       method: "POST",
@@ -29146,6 +29226,8 @@ var ERROR_MAPPING = {
 };
 var CLIP_ID_COMMENT_REGEX = /#\s*Clip ID:\s*([a-f0-9-]+)/i;
 var PLAYLIST_PROXY_REGEX = /\/api\/clips\/playlist\/([a-f0-9-]+)/i;
+var REMUX_URL_COMMENT_REGEX = /#\s*Remux URL:\s*([^\s]+)/i;
+var REMUXING_ENABLED_REGEX = /#\s*Remuxing:\s*enabled/i;
 var R2_FALLBACK_DETAILS = /* @__PURE__ */ new Set([
   "fragLoadError",
   "fragLoadHTTPError",
@@ -29161,6 +29243,13 @@ var extractClipIdFromSource = (source) => {
   if (urlMatch) return urlMatch[1];
   return null;
 };
+var extractRemuxUrl = (source) => {
+  if (!source) return null;
+  if (!REMUXING_ENABLED_REGEX.test(source)) return null;
+  const remuxMatch = source.match(REMUX_URL_COMMENT_REGEX);
+  if (remuxMatch) return remuxMatch[1];
+  return null;
+};
 var ensureClipIdComment = (playlist, clipId) => {
   if (!playlist || playlist.includes(`# Clip ID: ${clipId}`) || CLIP_ID_COMMENT_REGEX.test(playlist)) {
     return playlist;
@@ -29489,7 +29578,50 @@ var HlsVideoPlayer = React24.forwardRef(({
       if (effectiveSrc.startsWith("#EXTM3U")) {
         const safariMode = isSafari();
         const browserName = getBrowserName();
-        if (safariMode) {
+        const remuxUrl = extractRemuxUrl(effectiveSrc);
+        if (remuxUrl) {
+          console.log(`[HlsVideoPlayer] Remuxing enabled - using remux playlist URL: ${remuxUrl}`);
+          if (safariMode) {
+            video.src = remuxUrl;
+          } else if (Hls3__default.default.isSupported()) {
+            const hls = new Hls3__default.default(mergedHlsConfig);
+            hlsRef.current = hls;
+            hls.on(Hls3.Events.MANIFEST_PARSED, () => {
+              console.log("[HlsVideoPlayer] Remuxed manifest parsed, ready to play");
+              setIsReady(true);
+              eventCallbacksRef.current.onReady?.(player);
+            });
+            hls.on(Hls3.Events.ERROR, (_event, data) => {
+              console.error("[HlsVideoPlayer] HLS.js error (remuxing):", data);
+              if (data.fatal) {
+                let errorInfo;
+                switch (data.type) {
+                  case Hls3.ErrorTypes.NETWORK_ERROR:
+                    errorInfo = ERROR_MAPPING.networkError;
+                    hls.startLoad();
+                    break;
+                  case Hls3.ErrorTypes.MEDIA_ERROR:
+                    errorInfo = ERROR_MAPPING.mediaError;
+                    hls.recoverMediaError();
+                    break;
+                  default:
+                    errorInfo = ERROR_MAPPING.otherError;
+                    break;
+                }
+                errorInfo.details = data.details;
+                eventCallbacksRef.current.onError?.(player, errorInfo);
+              }
+            });
+            hls.on(Hls3.Events.FRAG_LOADED, () => {
+              setIsLoading(false);
+              eventCallbacksRef.current.onLoadingChange?.(false);
+            });
+            hls.loadSource(remuxUrl);
+            hls.attachMedia(video);
+          } else {
+            video.src = remuxUrl;
+          }
+        } else if (safariMode) {
           const clipIdMatch = effectiveSrc.match(/# Clip ID: ([a-f0-9-]+)/i);
           if (clipIdMatch) {
             const proxyUrl = `/api/clips/playlist/${clipIdMatch[1]}`;
@@ -36428,6 +36560,8 @@ var LineHistoryCalendar = ({
   year,
   lineId,
   selectedShiftId,
+  rangeStart,
+  rangeEnd,
   onDateSelect,
   className = ""
 }) => {
@@ -36438,6 +36572,7 @@ var LineHistoryCalendar = ({
     const currentTimeInZone = getCurrentTimeInZone(configuredTimezone);
     return typeof currentTimeInZone === "string" ? new Date(currentTimeInZone) : currentTimeInZone;
   }, [configuredTimezone]);
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
   const calendarData = React24.useMemo(() => {
     const startOfMonth = dateFnsTz.toZonedTime(new Date(year, month, 1), configuredTimezone);
     const endOfMonth = dateFnsTz.toZonedTime(new Date(year, month + 1, 0), configuredTimezone);
@@ -36519,6 +36654,10 @@ var LineHistoryCalendar = ({
     const isFuture = isFutureDate(day.date instanceof Date ? day.date : new Date(day.date));
     const hasData = hasRealData(shiftData);
     const dateObj = day.date instanceof Date ? day.date : new Date(day.date);
+    const dateKey = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, "0")}-${String(dateObj.getDate()).padStart(2, "0")}`;
+    const showRange = rangeStart && rangeEnd ? !(rangeStart === monthBounds.startKey && rangeEnd === monthBounds.endKey) : false;
+    const inRange = showRange ? dateKey >= rangeStart && dateKey <= rangeEnd : false;
+    const isRangeEdge = inRange && (dateKey === rangeStart || dateKey === rangeEnd);
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -36539,7 +36678,15 @@ var LineHistoryCalendar = ({
               underperforming_workspaces: shiftData.underperforming_workspaces || 0,
               total_workspaces: shiftData.total_workspaces || 0
             });
-            const returnTo = `/kpis/${lineId}?tab=monthly_history&month=${month2}&year=${year2}`;
+            const params = new URLSearchParams();
+            params.set("tab", "monthly_history");
+            params.set("month", month2.toString());
+            params.set("year", year2.toString());
+            if (rangeStart && rangeEnd && !(rangeStart === monthBounds.startKey && rangeEnd === monthBounds.endKey)) {
+              params.set("rangeStart", rangeStart);
+              params.set("rangeEnd", rangeEnd);
+            }
+            const returnTo = `/kpis/${lineId}?${params.toString()}`;
             if (onDateSelect) {
               onDateSelect(date, selectedShiftId);
             } else {
@@ -36552,8 +36699,14 @@ var LineHistoryCalendar = ({
           rounded-lg h-full p-2 relative
           ${isToday2 ? "ring-2 ring-blue-500 dark:ring-blue-400 ring-offset-2 dark:ring-offset-gray-800 shadow-md" : ""}
         `, children: [
+          inRange && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: `absolute inset-0 rounded-lg pointer-events-none ${isRangeEdge ? "ring-2 ring-blue-500" : "ring-2 ring-blue-200"}`
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: `
-            text-base font-medium ${hasData ? "text-white" : "text-gray-500"} flex items-center
+            text-base font-medium ${hasData ? "text-white" : "text-gray-500"} flex items-center relative z-10
             ${isToday2 ? "bg-blue-500 dark:bg-blue-600 rounded-full w-7 h-7 justify-center" : ""}
           `, children: dateObj.getDate() }),
           !isFuture && hasData && renderStats(shiftData, dateObj)
@@ -36731,6 +36884,183 @@ var IdleTimeReasonChart = ({
   ] });
 };
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
+var MonthlyRangeFilter = ({
+  month,
+  year,
+  timezone,
+  value,
+  onChange,
+  className
+}) => {
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const weekRanges = React24.useMemo(() => getMonthWeekRanges(year, month, timezone), [year, month, timezone]);
+  const normalizedRange = React24.useMemo(() => {
+    return normalizeDateKeyRange(value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey);
+  }, [value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey]);
+  const monthLabel = React24.useMemo(() => {
+    return new Date(year, month).toLocaleString("default", { month: "long", year: "numeric" });
+  }, [year, month]);
+  const presetOptions = React24.useMemo(() => {
+    const fullMonthRangeLabel = `${formatDateKeyForDisplay(monthBounds.startKey, "MMM d")} - ${formatDateKeyForDisplay(monthBounds.endKey, "MMM d")}`;
+    const presets = [
+      {
+        id: "full-month",
+        label: "Full month",
+        rangeLabel: fullMonthRangeLabel,
+        startKey: monthBounds.startKey,
+        endKey: monthBounds.endKey
+      }
+    ];
+    weekRanges.forEach((range, index) => {
+      const rangeLabel = `${formatDateKeyForDisplay(range.startKey, "MMM d")} - ${formatDateKeyForDisplay(range.endKey, "MMM d")}`;
+      presets.push({
+        id: `week-${index + 1}`,
+        label: `Week ${index + 1}`,
+        rangeLabel,
+        startKey: range.startKey,
+        endKey: range.endKey
+      });
+    });
+    return presets;
+  }, [monthBounds.startKey, monthBounds.endKey, weekRanges]);
+  const activePreset = React24.useMemo(() => {
+    return presetOptions.find(
+      (preset) => preset.startKey === normalizedRange.startKey && preset.endKey === normalizedRange.endKey
+    );
+  }, [presetOptions, normalizedRange.startKey, normalizedRange.endKey]);
+  const displayLabel = React24.useMemo(() => {
+    if (activePreset) return activePreset.label;
+    return "Custom range";
+  }, [activePreset]);
+  const fullMonthLabel = React24.useMemo(() => {
+    const startLabel = formatDateKeyForDisplay(monthBounds.startKey, "MMM d");
+    const endLabel = formatDateKeyForDisplay(monthBounds.endKey, "MMM d, yyyy");
+    return `${startLabel} - ${endLabel}`;
+  }, [monthBounds.startKey, monthBounds.endKey]);
+  const displayRange = React24.useMemo(() => {
+    return formatRangeLabel(normalizedRange, fullMonthLabel);
+  }, [normalizedRange, fullMonthLabel]);
+  const [customStart, setCustomStart] = React24.useState(normalizedRange.startKey);
+  const [customEnd, setCustomEnd] = React24.useState(normalizedRange.endKey);
+  const [isOpen, setIsOpen] = React24.useState(false);
+  const dropdownRef = React24.useRef(null);
+  React24.useEffect(() => {
+    setCustomStart(normalizedRange.startKey);
+    setCustomEnd(normalizedRange.endKey);
+  }, [normalizedRange.startKey, normalizedRange.endKey]);
+  React24.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handlePresetSelect = (startKey, endKey) => {
+    const normalized = normalizeDateKeyRange(startKey, endKey, monthBounds.startKey, monthBounds.endKey);
+    onChange(normalized);
+    setIsOpen(false);
+  };
+  const handleCustomApply = () => {
+    if (!customStart || !customEnd) return;
+    const normalized = normalizeDateKeyRange(customStart, customEnd, monthBounds.startKey, monthBounds.endKey);
+    onChange(normalized);
+    setIsOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative ${className ?? ""}`, ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsOpen((prev) => !prev),
+        className: "flex items-center gap-3 rounded-lg border border-slate-200 bg-white px-3 py-2 text-left shadow-sm transition-colors hover:border-slate-300 focus:outline-none focus:ring-2 focus:ring-blue-500",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(outline.CalendarIcon, { className: "h-4 w-4 text-slate-500" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] uppercase tracking-[0.2em] text-slate-500", children: displayLabel }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-slate-900", children: displayRange })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            outline.ChevronDownIcon,
+            {
+              className: `ml-2 h-4 w-4 text-slate-400 transition-transform ${isOpen ? "rotate-180" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 z-50 mt-2 w-80 rounded-lg border border-slate-200 bg-white shadow-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-slate-500", children: "Weeks" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 space-y-1", children: presetOptions.map((preset) => {
+        const isActive = preset.startKey === normalizedRange.startKey && preset.endKey === normalizedRange.endKey;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handlePresetSelect(preset.startKey, preset.endKey),
+            className: `flex w-full items-center justify-between rounded-md px-2 py-2 text-left text-sm transition-colors ${isActive ? "bg-blue-50 text-blue-700" : "text-slate-700 hover:bg-slate-50"}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: preset.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-slate-500", children: preset.rangeLabel })
+            ]
+          },
+          preset.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 border-t border-slate-200 pt-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-slate-500", children: "Custom range" }),
+          !activePreset && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-blue-100 bg-blue-50 px-2 py-0.5 text-[10px] uppercase tracking-wide text-blue-700", children: "Selected" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-[11px] font-medium text-slate-600", children: "Start" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "date",
+                value: customStart,
+                onChange: (event) => setCustomStart(event.target.value),
+                min: monthBounds.startKey,
+                max: monthBounds.endKey,
+                className: "mt-1 w-full rounded-md border border-slate-200 bg-white px-2 py-2 text-sm text-slate-700 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-[11px] font-medium text-slate-600", children: "End" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "date",
+                value: customEnd,
+                onChange: (event) => setCustomEnd(event.target.value),
+                min: monthBounds.startKey,
+                max: monthBounds.endKey,
+                className: "mt-1 w-full rounded-md border border-slate-200 bg-white px-2 py-2 text-sm text-slate-700 focus:border-blue-500 focus:outline-none focus:ring-2 focus:ring-blue-200"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCustomApply,
+            className: "mt-3 w-full rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white transition-colors hover:bg-blue-700",
+            children: "Apply range"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 text-xs text-slate-400", children: [
+        "Month: ",
+        monthLabel
+      ] })
+    ] }) })
+  ] });
+};
+var MonthlyRangeFilter_default = MonthlyRangeFilter;
 var DEFAULT_PERFORMANCE_DATA = {
   avg_efficiency: 0,
   underperforming_workspaces: 0,
@@ -36748,10 +37078,15 @@ var LineMonthlyHistory = ({
   month,
   year,
   monthlyData = [],
+  analysisData,
+  rangeStart,
+  rangeEnd,
+  timezone,
   underperformingWorkspaces = {},
   lineId,
   selectedShiftId = 0,
   onShiftChange,
+  onRangeChange,
   availableShifts,
   onWorkspaceSelect,
   onCalendarDateSelect,
@@ -36760,17 +37095,26 @@ var LineMonthlyHistory = ({
   className
 }) => {
   const navigation = useNavigation();
-  const chartKey = React24.useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}`, [lineId, month, year, selectedShiftId]);
-  const startDate = React24.useMemo(() => {
-    const m = String(month + 1).padStart(2, "0");
-    return `${year}-${m}-01`;
-  }, [month, year]);
-  const endDate = React24.useMemo(() => {
-    const lastDay = new Date(year, month + 1, 0).getDate();
-    const m = String(month + 1).padStart(2, "0");
-    const d = String(lastDay).padStart(2, "0");
-    return `${year}-${m}-${d}`;
-  }, [month, year]);
+  const chartKey = React24.useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}-${rangeStart}-${rangeEnd}`, [lineId, month, year, selectedShiftId, rangeStart, rangeEnd]);
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const normalizedRange = React24.useMemo(() => {
+    const startKey = rangeStart || monthBounds.startKey;
+    const endKey = rangeEnd || monthBounds.endKey;
+    return normalizeDateKeyRange(startKey, endKey, monthBounds.startKey, monthBounds.endKey);
+  }, [rangeStart, rangeEnd, monthBounds.startKey, monthBounds.endKey]);
+  const isFullRange = React24.useMemo(() => isFullMonthRange(normalizedRange, year, month), [normalizedRange, year, month]);
+  const monthLabel = React24.useMemo(() => new Date(year, month).toLocaleString("default", { month: "long" }), [year, month]);
+  const rangeLabel = React24.useMemo(() => {
+    return isFullRange ? monthLabel : formatRangeLabel(normalizedRange, monthLabel);
+  }, [isFullRange, normalizedRange, monthLabel]);
+  const analysisMonthlyData = React24.useMemo(() => {
+    if (analysisData) {
+      return analysisData;
+    }
+    return filterDataByDateKeyRange(monthlyData, normalizedRange);
+  }, [analysisData, monthlyData, normalizedRange]);
+  const startDate = normalizedRange.startKey;
+  const endDate = normalizedRange.endKey;
   const {
     chartData: idleReasonsChartData,
     isLoading: idleReasonsLoading,
@@ -36791,7 +37135,7 @@ var LineMonthlyHistory = ({
       }
     ) });
   }
-  const averages = (monthlyData || []).reduce(
+  const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
       const shiftData = getShiftData2(day, selectedShiftId);
       if (!shiftData || shiftData?.avg_efficiency < 10) {
@@ -36851,7 +37195,15 @@ var LineMonthlyHistory = ({
     )) });
   };
   const handleWorkspaceClick = (workspace) => {
-    const returnToUrl = `/kpis/${lineId}?tab=monthly_history&month=${month}&year=${year}`;
+    const params = new URLSearchParams();
+    params.set("tab", "monthly_history");
+    params.set("month", month.toString());
+    params.set("year", year.toString());
+    if (!isFullRange) {
+      params.set("rangeStart", normalizedRange.startKey);
+      params.set("rangeEnd", normalizedRange.endKey);
+    }
+    const returnToUrl = `/kpis/${lineId}?${params.toString()}`;
     if (onWorkspaceSelect) {
       onWorkspaceSelect(workspace.workspace_uuid, {
         sourceType: "lineMonthlyHistory",
@@ -36871,18 +37223,31 @@ var LineMonthlyHistory = ({
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("flex flex-col gap-2 min-h-0 overflow-y-auto pb-6", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
-      { id: 0, name: "Day Shift" },
-      { id: 1, name: "Night Shift" }
-    ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => onShiftChange?.(shift.id),
-        className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-        children: shift.name
-      },
-      shift.id
-    )) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:items-center mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
+        { id: 0, name: "Day Shift" },
+        { id: 1, name: "Night Shift" }
+      ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onShiftChange?.(shift.id),
+          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
+          children: shift.name
+        },
+        shift.id
+      )) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        MonthlyRangeFilter_default,
+        {
+          month,
+          year,
+          timezone,
+          value: normalizedRange,
+          onChange: (nextRange) => onRangeChange?.(nextRange)
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center items-center mb-6 space-x-4", children: [
@@ -36945,6 +37310,8 @@ var LineMonthlyHistory = ({
             year,
             lineId,
             selectedShiftId,
+            rangeStart: normalizedRange.startKey,
+            rangeEnd: normalizedRange.endKey,
             onDateSelect: onCalendarDateSelect
           }
         )
@@ -36955,7 +37322,7 @@ var LineMonthlyHistory = ({
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-700 mb-1 text-center", children: "Efficiency" }),
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mb-4 text-center", children: [
               "Cumulative for ",
-              new Date(year, month).toLocaleString("default", { month: "long" })
+              rangeLabel
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-4xl font-bold text-center text-gray-900", children: [
               avgEfficiency.toFixed(1),
@@ -36966,7 +37333,7 @@ var LineMonthlyHistory = ({
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-700 mb-1 text-center", children: "Avg. Underperforming" }),
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500 mb-4 text-center", children: [
               "Cumulative for ",
-              new Date(year, month).toLocaleString("default", { month: "long" })
+              rangeLabel
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-4xl font-bold text-center text-gray-900", children: [
               avgUnderperforming.toFixed(1),
@@ -37045,9 +37412,12 @@ var LineMonthlyPdfGenerator = ({
   lineId,
   lineName,
   monthlyData,
+  analysisData,
   underperformingWorkspaces,
   selectedMonth,
   selectedYear,
+  rangeStart,
+  rangeEnd,
   selectedShiftId,
   availableShifts,
   className
@@ -37056,12 +37426,41 @@ var LineMonthlyPdfGenerator = ({
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const monthBounds = getMonthKeyBounds(selectedYear, selectedMonth);
+      const requestedRange = {
+        startKey: rangeStart || monthBounds.startKey,
+        endKey: rangeEnd || monthBounds.endKey
+      };
+      const normalizedRange = normalizeDateKeyRange(
+        requestedRange.startKey,
+        requestedRange.endKey,
+        monthBounds.startKey,
+        monthBounds.endKey
+      );
+      const fullRange = isFullMonthRange(normalizedRange, selectedYear, selectedMonth);
+      const reportStartDate = parseDateKeyToDate(normalizedRange.startKey);
+      const reportEndDate = parseDateKeyToDate(normalizedRange.endKey);
+      const reportStartStr = reportStartDate.toLocaleDateString("en-IN", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
+      const reportEndStr = reportEndDate.toLocaleDateString("en-IN", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
       trackCoreEvent("Line Monthly PDF Export Clicked", {
         line_id: lineId,
         line_name: lineName,
         month: selectedMonth,
         year: selectedYear,
-        shift_id: selectedShiftId
+        shift_id: selectedShiftId,
+        range_start: normalizedRange.startKey,
+        range_end: normalizedRange.endKey,
+        is_full_month: fullRange
       });
       const doc = new jsPDF.jsPDF();
       doc.setFontSize(14);
@@ -37094,28 +37493,15 @@ var LineMonthlyPdfGenerator = ({
       const shiftType = getShiftDisplayName(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 55);
       doc.text(`${shiftType}`, 20, 63);
-      const startDate = new Date(selectedYear, selectedMonth, 1);
-      const endDate = new Date(selectedYear, selectedMonth + 1, 0);
-      const startDateStr = startDate.toLocaleDateString("en-IN", {
-        day: "2-digit",
-        month: "short",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
-      const endDateStr = endDate.toLocaleDateString("en-IN", {
-        day: "2-digit",
-        month: "short",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
       doc.setFontSize(12);
       doc.setTextColor(80, 80, 80);
-      doc.text(`Report Period: ${startDateStr} - ${endDateStr}`, 20, 71);
+      doc.text(`Report Period: ${reportStartStr} - ${reportEndStr}`, 20, 71);
       doc.setTextColor(0, 0, 0);
       doc.setDrawColor(180, 180, 180);
       doc.setLineWidth(0.8);
       doc.line(20, 85, 190, 85);
-      const validDays = monthlyData.filter((day) => {
+      const reportData = analysisData ? analysisData : filterDataByDateKeyRange(monthlyData, normalizedRange);
+      const validDays = reportData.filter((day) => {
         const date = new Date(day.date);
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
@@ -38464,27 +38850,36 @@ var CustomTooltip2 = ({ active, payload, label }) => {
 };
 var WorkspaceMonthlyHistory = ({
   data,
+  analysisData,
   month,
   year,
   workspaceId,
+  rangeStart,
+  rangeEnd,
+  timezone,
   selectedShiftId = 0,
   onDateSelect,
   onMonthNavigate,
   onShiftChange,
+  onRangeChange,
   availableShifts,
   monthlyDataLoading = false,
   className = ""
 }) => {
-  const startDate = React24.useMemo(() => {
-    const monthString = String(month + 1).padStart(2, "0");
-    return `${year}-${monthString}-01`;
-  }, [month, year]);
-  const endDate = React24.useMemo(() => {
-    const lastDay = new Date(year, month + 1, 0).getDate();
-    const monthString = String(month + 1).padStart(2, "0");
-    const dayString = String(lastDay).padStart(2, "0");
-    return `${year}-${monthString}-${dayString}`;
-  }, [month, year]);
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const normalizedRange = React24.useMemo(() => {
+    const startKey = rangeStart || monthBounds.startKey;
+    const endKey = rangeEnd || monthBounds.endKey;
+    return normalizeDateKeyRange(startKey, endKey, monthBounds.startKey, monthBounds.endKey);
+  }, [rangeStart, rangeEnd, monthBounds.startKey, monthBounds.endKey]);
+  const analysisMonthlyData = React24.useMemo(() => {
+    if (analysisData) {
+      return analysisData;
+    }
+    return filterDataByDateKeyRange(data, normalizedRange);
+  }, [analysisData, data, normalizedRange]);
+  const startDate = normalizedRange.startKey;
+  const endDate = normalizedRange.endKey;
   const {
     chartData: idleReasonsChartData,
     isLoading: idleReasonsLoading,
@@ -38494,19 +38889,25 @@ var WorkspaceMonthlyHistory = ({
     startDate,
     endDate,
     shiftId: selectedShiftId,
-    enabled: data.length > 0
+    enabled: analysisMonthlyData.length > 0
   });
   const hasRealData = (shift) => {
     if (shift.hasData !== void 0) return shift.hasData;
     return shift.efficiency > 0 || shift.output > 0 || shift.cycleTime > 0 || shift.pph > 0 || shift.idealOutput > 0 || shift.idleTime > 0;
   };
   const chartData = React24.useMemo(() => {
-    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    const rangeStartDate = parseDateKeyToDate(normalizedRange.startKey);
+    const rangeEndDate = parseDateKeyToDate(normalizedRange.endKey);
+    const dayNumbers = [];
+    for (let d = new Date(rangeStartDate); d <= rangeEndDate; d.setDate(d.getDate() + 1)) {
+      dayNumbers.push(d.getDate());
+    }
     const dailyData = [];
     let maxOutput = 0;
     let lastSetTarget = 0;
-    for (let day = daysInMonth; day >= 1; day--) {
-      const dayData = data.find((d) => {
+    for (let i = dayNumbers.length - 1; i >= 0; i--) {
+      const day = dayNumbers[i];
+      const dayData = analysisMonthlyData.find((d) => {
         const date = new Date(d.date);
         return date.getDate() === day;
       });
@@ -38517,8 +38918,8 @@ var WorkspaceMonthlyHistory = ({
         break;
       }
     }
-    for (let day = 1; day <= daysInMonth; day++) {
-      const dayData = data.find((d) => {
+    for (const day of dayNumbers) {
+      const dayData = analysisMonthlyData.find((d) => {
         const date = new Date(d.date);
         return date.getDate() === day;
       });
@@ -38544,7 +38945,7 @@ var WorkspaceMonthlyHistory = ({
     const calculatedMax = Math.max(maxOutput, lastSetTarget);
     const yAxisMax = calculatedMax > 0 ? calculatedMax * 1.1 : 100;
     return { data: dailyData, maxOutput, lastSetTarget, yAxisMax };
-  }, [data, month, year, selectedShiftId]);
+  }, [analysisMonthlyData, normalizedRange.startKey, normalizedRange.endKey, selectedShiftId]);
   const yAxisTicks = React24.useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -38567,7 +38968,7 @@ var WorkspaceMonthlyHistory = ({
     return Array.from(new Set(ticks)).filter((v) => v >= 0 && v <= max).sort((a, b) => a - b);
   }, [chartData.yAxisMax, chartData.lastSetTarget]);
   const pieChartData = React24.useMemo(() => {
-    const validShifts = data.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
+    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
     if (validShifts.length === 0) return [];
     const totalIdleTime = validShifts.reduce((sum, shift) => sum + shift.idleTime, 0);
     const totalShiftTime = validShifts.length * 8 * 3600;
@@ -38576,9 +38977,9 @@ var WorkspaceMonthlyHistory = ({
       { name: "Productive", value: Math.round(activeTime / totalShiftTime * 100) },
       { name: "Idle", value: Math.round(totalIdleTime / totalShiftTime * 100) }
     ];
-  }, [data, selectedShiftId]);
+  }, [analysisMonthlyData, selectedShiftId]);
   const metrics2 = React24.useMemo(() => {
-    const validShifts = data.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
+    const validShifts = analysisMonthlyData.map((d) => getShiftData(d, selectedShiftId)).filter(hasRealData);
     if (validShifts.length === 0) return null;
     const totalEfficiency = validShifts.reduce((sum, shift) => sum + shift.efficiency, 0);
     const totalCycleTime = validShifts.reduce((sum, shift) => sum + shift.cycleTime, 0);
@@ -38598,7 +38999,7 @@ var WorkspaceMonthlyHistory = ({
       totalOutput,
       avgIdleTime: Math.round(totalIdleTime / validShifts.length)
     };
-  }, [data, selectedShiftId]);
+  }, [analysisMonthlyData, selectedShiftId]);
   const calendarData = React24.useMemo(() => {
     const startOfMonth = new Date(year, month, 1);
     const endOfMonth = new Date(year, month + 1, 0);
@@ -38638,7 +39039,7 @@ var WorkspaceMonthlyHistory = ({
       onShiftChange(shiftId);
     }
   }, [workspaceId, onShiftChange]);
-  const chartKey = React24.useMemo(() => `${workspaceId}-${month}-${year}-${selectedShiftId}`, [workspaceId, month, year, selectedShiftId]);
+  const chartKey = React24.useMemo(() => `${workspaceId}-${month}-${year}-${selectedShiftId}-${normalizedRange.startKey}-${normalizedRange.endKey}`, [workspaceId, month, year, selectedShiftId, normalizedRange.startKey, normalizedRange.endKey]);
   if (monthlyDataLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100vh-10rem)]", children: /* @__PURE__ */ jsxRuntime.jsx(
       OptifyeLogoLoader_default,
@@ -38649,18 +39050,31 @@ var WorkspaceMonthlyHistory = ({
     ) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex flex-col gap-2 min-h-0 overflow-y-auto pb-6 ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
-      { id: 0, name: "Day Shift" },
-      { id: 1, name: "Night Shift" }
-    ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        onClick: () => handleShiftChange(shift.id),
-        className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
-        children: shift.name
-      },
-      shift.id
-    )) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:items-center mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1 border border-gray-200 rounded-lg p-1 bg-gray-50", children: (availableShifts && availableShifts.length > 0 ? availableShifts : [
+        { id: 0, name: "Day Shift" },
+        { id: 1, name: "Night Shift" }
+      ]).sort((a, b) => a.id - b.id).map((shift) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => handleShiftChange(shift.id),
+          className: `px-4 py-2 text-sm font-medium rounded-md transition-all duration-200 ${selectedShiftId === shift.id ? "bg-white text-blue-600 shadow-sm ring-1 ring-gray-200" : "text-gray-600 hover:text-gray-900 hover:bg-gray-100"}`,
+          children: shift.name
+        },
+        shift.id
+      )) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+        MonthlyRangeFilter_default,
+        {
+          month,
+          year,
+          timezone,
+          value: normalizedRange,
+          onChange: (nextRange) => onRangeChange?.(nextRange)
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center items-center mb-6 space-x-4", children: [
@@ -38728,6 +39142,10 @@ var WorkspaceMonthlyHistory = ({
           const hasData = shiftData ? hasRealData(shiftData) : false;
           const isToday2 = (/* @__PURE__ */ new Date()).getDate() === dayNumber && (/* @__PURE__ */ new Date()).getMonth() === month && (/* @__PURE__ */ new Date()).getFullYear() === year;
           const isFuture = new Date(year, month, dayNumber) > /* @__PURE__ */ new Date();
+          const dateKey = `${year}-${String(month + 1).padStart(2, "0")}-${String(dayNumber).padStart(2, "0")}`;
+          const showRange = normalizedRange.startKey && normalizedRange.endKey ? !(normalizedRange.startKey === monthBounds.startKey && normalizedRange.endKey === monthBounds.endKey) : false;
+          const inRange = showRange ? dateKey >= normalizedRange.startKey && dateKey <= normalizedRange.endKey : false;
+          const isRangeEdge = inRange && (dateKey === normalizedRange.startKey || dateKey === normalizedRange.endKey);
           const getPerformanceColor = () => {
             if (isFuture) return "bg-gray-200 dark:bg-gray-700";
             if (!hasData || !shiftData) return "bg-gray-300 dark:bg-gray-600";
@@ -38743,8 +39161,14 @@ var WorkspaceMonthlyHistory = ({
                       rounded-lg h-full p-2 relative
                       ${isToday2 ? "ring-2 ring-blue-500 dark:ring-blue-400 ring-offset-2 dark:ring-offset-gray-800 shadow-md" : ""}
                     `, children: [
+                inRange && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: `absolute inset-0 rounded-lg pointer-events-none ${isRangeEdge ? "ring-2 ring-blue-500" : "ring-2 ring-blue-200"}`
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: `
-                        text-base font-medium ${hasData && !isFuture ? "text-white" : "text-gray-500"} flex items-center
+                        text-base font-medium ${hasData && !isFuture ? "text-white" : "text-gray-500"} flex items-center relative z-10
                         ${isToday2 ? "bg-blue-500 dark:bg-blue-600 rounded-full w-7 h-7 justify-center" : ""}
                       `, children: dayNumber }),
                 !isFuture && hasData && shiftData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 bg-black/80 rounded-lg p-2 text-white opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs space-y-1", children: [
@@ -39288,8 +39712,11 @@ var WorkspaceMonthlyPdfGenerator = ({
   workspaceId,
   workspaceName,
   monthlyData,
+  analysisData,
   selectedMonth,
   selectedYear,
+  rangeStart,
+  rangeEnd,
   selectedShiftId,
   availableShifts,
   className
@@ -39298,12 +39725,41 @@ var WorkspaceMonthlyPdfGenerator = ({
   const generatePDF = async () => {
     setIsGenerating(true);
     try {
+      const monthBounds = getMonthKeyBounds(selectedYear, selectedMonth);
+      const requestedRange = {
+        startKey: rangeStart || monthBounds.startKey,
+        endKey: rangeEnd || monthBounds.endKey
+      };
+      const normalizedRange = normalizeDateKeyRange(
+        requestedRange.startKey,
+        requestedRange.endKey,
+        monthBounds.startKey,
+        monthBounds.endKey
+      );
+      const fullRange = isFullMonthRange(normalizedRange, selectedYear, selectedMonth);
+      const reportStartDate = parseDateKeyToDate(normalizedRange.startKey);
+      const reportEndDate = parseDateKeyToDate(normalizedRange.endKey);
+      const reportStartStr = reportStartDate.toLocaleDateString("en-IN", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
+      const reportEndStr = reportEndDate.toLocaleDateString("en-IN", {
+        day: "2-digit",
+        month: "short",
+        year: "numeric",
+        timeZone: "Asia/Kolkata"
+      });
       trackCoreEvent("Workspace Monthly PDF Export Clicked", {
         workspace_id: workspaceId,
         workspace_name: workspaceName,
         month: selectedMonth,
         year: selectedYear,
-        shift_id: selectedShiftId
+        shift_id: selectedShiftId,
+        range_start: normalizedRange.startKey,
+        range_end: normalizedRange.endKey,
+        is_full_month: fullRange
       });
       const doc = new jsPDF.jsPDF();
       doc.setFontSize(14);
@@ -39340,28 +39796,15 @@ var WorkspaceMonthlyPdfGenerator = ({
       const shiftType = getShiftDisplayName2(selectedShiftId, availableShifts);
       doc.text(`${monthName}`, 20, 65);
       doc.text(`${shiftType}`, 20, 73);
-      const startDate = new Date(selectedYear, selectedMonth, 1);
-      const endDate = new Date(selectedYear, selectedMonth + 1, 0);
-      const startDateStr = startDate.toLocaleDateString("en-IN", {
-        day: "2-digit",
-        month: "short",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
-      const endDateStr = endDate.toLocaleDateString("en-IN", {
-        day: "2-digit",
-        month: "short",
-        year: "numeric",
-        timeZone: "Asia/Kolkata"
-      });
       doc.setFontSize(12);
       doc.setTextColor(80, 80, 80);
-      doc.text(`Report Period: ${startDateStr} - ${endDateStr}`, 20, 81);
+      doc.text(`Report Period: ${reportStartStr} - ${reportEndStr}`, 20, 81);
       doc.setTextColor(0, 0, 0);
       doc.setDrawColor(180, 180, 180);
       doc.setLineWidth(0.8);
       doc.line(20, 90, 190, 90);
-      const validDays = monthlyData.filter((day) => {
+      const reportData = analysisData ? analysisData : filterDataByDateKeyRange(monthlyData, normalizedRange);
+      const validDays = reportData.filter((day) => {
         const date = new Date(day.date);
         return date.getMonth() === selectedMonth && date.getFullYear() === selectedYear;
       });
@@ -50130,6 +50573,8 @@ var KPIDetailView = ({
   tab: urlTab,
   month: urlMonth,
   year: urlYear,
+  rangeStart: urlRangeStart,
+  rangeEnd: urlRangeEnd,
   companyId,
   navigate,
   className,
@@ -50156,6 +50601,9 @@ var KPIDetailView = ({
     }
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(currentYear, currentMonth), [currentYear, currentMonth]);
+  const [rangeStart, setRangeStart] = React24.useState(monthBounds.startKey);
+  const [rangeEnd, setRangeEnd] = React24.useState(monthBounds.endKey);
   const [monthlyData, setMonthlyData] = React24.useState([]);
   const [underperformingWorkspaces, setUnderperformingWorkspaces] = React24.useState({});
   const [selectedShiftId, setSelectedShiftId] = React24.useState(0);
@@ -50172,6 +50620,18 @@ var KPIDetailView = ({
     }
     return void 0;
   }, [urlShift]);
+  const range = React24.useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
+  const isFullRange = React24.useMemo(() => isFullMonthRange(range, currentYear, currentMonth), [range, currentYear, currentMonth]);
+  React24.useEffect(() => {
+    const normalized = normalizeDateKeyRange(
+      typeof urlRangeStart === "string" ? urlRangeStart : monthBounds.startKey,
+      typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.endKey,
+      monthBounds.startKey,
+      monthBounds.endKey
+    );
+    setRangeStart(normalized.startKey);
+    setRangeEnd(normalized.endKey);
+  }, [urlRangeStart, urlRangeEnd, monthBounds.startKey, monthBounds.endKey]);
   const supabase = useSupabase();
   const dashboardConfig = useDashboardConfig();
   const configuredTimezone = timezone || dashboardConfig.dateTimeConfig?.defaultTimezone || "UTC";
@@ -50271,8 +50731,10 @@ var KPIDetailView = ({
           lineId,
           currentMonth,
           currentYear,
-          shiftConfig?.shifts?.map((s) => s.shiftId)
+          shiftConfig?.shifts?.map((s) => s.shiftId),
           // Pass dynamic shift IDs
+          isFullRange ? void 0 : range.startKey,
+          isFullRange ? void 0 : range.endKey
         )
       ]).then(([monthlyMetrics, underperformingData]) => {
         console.log("Fetched monthly metrics data:", monthlyMetrics);
@@ -50334,7 +50796,10 @@ var KPIDetailView = ({
         setMonthlyDataLoading(false);
       });
     }
-  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig]);
+  }, [activeTab, lineId, currentMonth, currentYear, supabase, dashboardConfig, shiftConfig, range.startKey, range.endKey, isFullRange]);
+  const analysisMonthlyData = React24.useMemo(() => {
+    return filterDataByDateKeyRange(monthlyData, range);
+  }, [monthlyData, range]);
   const lineInfo = React24.useMemo(() => {
     if (!metrics2 || !lineDetails || !lineDetails.factory) {
       return null;
@@ -50561,6 +51026,21 @@ var KPIDetailView = ({
     const url = `/kpis/${lineId}?tab=overview&month=${currentMonth}&year=${currentYear}`;
     handleNavigate(url, { shallow: true });
   }, [lineId, currentMonth, currentYear, handleNavigate]);
+  const buildMonthlyHistoryUrl = React24.useCallback((month, year, rangeOverride) => {
+    const bounds = getMonthKeyBounds(year, month);
+    const activeRange = rangeOverride || range;
+    const normalized = normalizeDateKeyRange(activeRange.startKey, activeRange.endKey, bounds.startKey, bounds.endKey);
+    const fullRange = isFullMonthRange(normalized, year, month);
+    const params = new URLSearchParams();
+    params.set("tab", "monthly_history");
+    params.set("month", month.toString());
+    params.set("year", year.toString());
+    if (!fullRange) {
+      params.set("rangeStart", normalized.startKey);
+      params.set("rangeEnd", normalized.endKey);
+    }
+    return `/kpis/${lineId}?${params.toString()}`;
+  }, [lineId, range]);
   const handleMonthlyHistoryClick = React24.useCallback(() => {
     trackCoreEvent("Monthly History Viewed", {
       source: "line_kpi",
@@ -50568,9 +51048,9 @@ var KPIDetailView = ({
       line_name: lineInfo?.line_name
     });
     setActiveTab("monthly_history");
-    const url = `/kpis/${lineId}?tab=monthly_history&month=${currentMonth}&year=${currentYear}`;
+    const url = buildMonthlyHistoryUrl(currentMonth, currentYear);
     handleNavigate(url, { shallow: true });
-  }, [lineInfo, lineId, currentMonth, currentYear, handleNavigate]);
+  }, [lineInfo, currentMonth, currentYear, handleNavigate, buildMonthlyHistoryUrl]);
   const handleBackClick = React24.useCallback(() => {
     if (!urlDate && !urlShift) {
       trackCoreEvent("Dashboard Viewed", {
@@ -50584,10 +51064,16 @@ var KPIDetailView = ({
     } else if (backLinkUrl) {
       handleNavigate(backLinkUrl);
     } else {
-      const backUrl = urlDate || urlShift ? urlMonth && urlYear ? `/kpis/${lineId}?tab=monthly_history&month=${urlMonth}&year=${urlYear}` : `/kpis/${lineId}?tab=monthly_history&month=${currentMonth}&year=${currentYear}` : "/kpis";
+      const targetMonth = urlMonth && typeof urlMonth === "string" ? parseInt(urlMonth, 10) : currentMonth;
+      const targetYear = urlYear && typeof urlYear === "string" ? parseInt(urlYear, 10) : currentYear;
+      const backRange = {
+        startKey: typeof urlRangeStart === "string" ? urlRangeStart : range.startKey,
+        endKey: typeof urlRangeEnd === "string" ? urlRangeEnd : range.endKey
+      };
+      const backUrl = urlDate || urlShift ? buildMonthlyHistoryUrl(targetMonth, targetYear, backRange) : "/kpis";
       handleNavigate(backUrl);
     }
-  }, [urlDate, urlShift, lineInfo, onBackClick, backLinkUrl, handleNavigate, urlMonth, urlYear, lineId, currentMonth, currentYear]);
+  }, [urlDate, urlShift, lineInfo, onBackClick, backLinkUrl, handleNavigate, urlMonth, urlYear, currentMonth, currentYear, urlRangeStart, urlRangeEnd, range, buildMonthlyHistoryUrl]);
   const handleCalendarMonthChange = React24.useCallback((newMonth, newYear) => {
     let validMonth = newMonth;
     let validYear = newYear;
@@ -50608,10 +51094,18 @@ var KPIDetailView = ({
     if (validYear > istYear || validYear === istYear && validMonth > istMonth) {
       return;
     }
+    const nextBounds = getMonthKeyBounds(validYear, validMonth);
     setCurrentMonth(validMonth);
     setCurrentYear(validYear);
-    handleNavigate(`/kpis/${lineId}?tab=monthly_history&month=${validMonth}&year=${validYear}`, { shallow: true });
-  }, [currentMonth, currentYear, configuredTimezone, handleNavigate, lineId]);
+    setRangeStart(nextBounds.startKey);
+    setRangeEnd(nextBounds.endKey);
+    handleNavigate(buildMonthlyHistoryUrl(validMonth, validYear, nextBounds), { shallow: true });
+  }, [configuredTimezone, handleNavigate, lineId, buildMonthlyHistoryUrl]);
+  const handleRangeChange = React24.useCallback((nextRange) => {
+    setRangeStart(nextRange.startKey);
+    setRangeEnd(nextRange.endKey);
+    handleNavigate(buildMonthlyHistoryUrl(currentMonth, currentYear, nextRange), { shallow: true });
+  }, [currentMonth, currentYear, handleNavigate, buildMonthlyHistoryUrl]);
   if ((lineMetricsLoading || workspacesLoading || isShiftConfigLoading) && !lineInfo && !metrics2) {
     return /* @__PURE__ */ jsxRuntime.jsx(LoadingPage, { message: "Loading line metrics..." });
   }
@@ -50792,9 +51286,12 @@ var KPIDetailView = ({
                 lineId,
                 lineName: lineInfo?.line_name || "Line",
                 monthlyData,
+                analysisData: analysisMonthlyData,
                 underperformingWorkspaces,
                 selectedMonth: currentMonth,
                 selectedYear: currentYear,
+                rangeStart,
+                rangeEnd,
                 selectedShiftId
               }
             )
@@ -50843,10 +51340,15 @@ var KPIDetailView = ({
             lineId,
             underperformingWorkspaces,
             monthlyData,
+            analysisData: analysisMonthlyData,
             month: currentMonth,
             year: currentYear,
+            rangeStart,
+            rangeEnd,
+            timezone: configuredTimezone,
             selectedShiftId,
             onShiftChange: setSelectedShiftId,
+            onRangeChange: handleRangeChange,
             availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
             onCalendarMonthChange: (date) => handleCalendarMonthChange(date.getMonth(), date.getFullYear()),
             isLoading: monthlyDataLoading
@@ -54555,6 +55057,8 @@ var WorkspaceDetailView = ({
   lineId,
   defaultTab,
   returnUrl,
+  rangeStart: urlRangeStart,
+  rangeEnd: urlRangeEnd,
   lineIds = { line1: "", line2: "" },
   selectedLineId,
   onNavigate,
@@ -54581,12 +55085,27 @@ var WorkspaceDetailView = ({
   const today = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: timezone }));
   const [selectedMonth, setSelectedMonth] = React24.useState(today.getMonth());
   const [selectedYear, setSelectedYear] = React24.useState(today.getFullYear());
+  const monthBounds = React24.useMemo(() => getMonthKeyBounds(selectedYear, selectedMonth), [selectedYear, selectedMonth]);
+  const [rangeStart, setRangeStart] = React24.useState(monthBounds.startKey);
+  const [rangeEnd, setRangeEnd] = React24.useState(monthBounds.endKey);
   const [selectedShift, setSelectedShift] = React24.useState(0);
   React24.useEffect(() => {
     if (parsedShiftId !== void 0) {
       setSelectedShift(parsedShiftId);
     }
   }, [parsedShiftId]);
+  const range = React24.useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
+  const isFullRange = React24.useMemo(() => isFullMonthRange(range, selectedYear, selectedMonth), [range, selectedYear, selectedMonth]);
+  React24.useEffect(() => {
+    const normalized = normalizeDateKeyRange(
+      typeof urlRangeStart === "string" ? urlRangeStart : monthBounds.startKey,
+      typeof urlRangeEnd === "string" ? urlRangeEnd : monthBounds.endKey,
+      monthBounds.startKey,
+      monthBounds.endKey
+    );
+    setRangeStart(normalized.startKey);
+    setRangeEnd(normalized.endKey);
+  }, [urlRangeStart, urlRangeEnd, monthBounds.startKey, monthBounds.endKey]);
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
   const [activeTab, setActiveTab] = React24.useState(initialTab);
@@ -54809,6 +55328,9 @@ var WorkspaceDetailView = ({
       });
     }
   }, [activeTab, workspaceId, selectedMonth, selectedYear, supabase, dashboardConfig, handleMonthlyDataLoaded]);
+  const analysisMonthlyData = React24.useMemo(() => {
+    return filterDataByDateKeyRange(monthlyData, range);
+  }, [monthlyData, range]);
   const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
   const shouldShowCycleTimeChart = showCycleTimeChart ?? formattedWorkspaceName.startsWith("FINAL ASSY");
   const handleBackNavigation = () => {
@@ -54830,6 +55352,10 @@ var WorkspaceDetailView = ({
         const params = new URLSearchParams();
         params.set("fromMonthly", "true");
         params.set("shift", selectedShift.toString());
+        if (!isFullRange) {
+          params.set("rangeStart", range.startKey);
+          params.set("rangeEnd", range.endKey);
+        }
         if (effectiveLineId) {
           params.set("lineId", effectiveLineId);
         }
@@ -54842,6 +55368,10 @@ var WorkspaceDetailView = ({
           const params = new URLSearchParams();
           params.set("fromMonthly", "true");
           params.set("shift", selectedShift.toString());
+          if (!isFullRange) {
+            params.set("rangeStart", range.startKey);
+            params.set("rangeEnd", range.endKey);
+          }
           if (effectiveLineId) {
             params.set("lineId", effectiveLineId);
           }
@@ -55111,8 +55641,11 @@ var WorkspaceDetailView = ({
                   workspaceId,
                   workspaceName: workspace?.workspace_name || "",
                   monthlyData,
+                  analysisData: analysisMonthlyData,
                   selectedMonth,
                   selectedYear,
+                  rangeStart,
+                  rangeEnd,
                   selectedShiftId: selectedShift
                 }
               ) })
@@ -55385,10 +55918,14 @@ var WorkspaceDetailView = ({
               WorkspaceMonthlyHistory,
               {
                 data: monthlyData,
+                analysisData: analysisMonthlyData,
                 month: selectedMonth,
                 year: selectedYear,
                 workspaceId,
                 selectedShiftId: selectedShift,
+                rangeStart,
+                rangeEnd,
+                timezone,
                 monthlyDataLoading,
                 availableShifts: shiftConfig?.shifts?.map((s) => ({ id: s.shiftId, name: s.shiftName })),
                 onDateSelect: (selectedDate, shiftId) => {
@@ -55399,6 +55936,10 @@ var WorkspaceDetailView = ({
                     params.set("date", selectedDate);
                     params.set("shift", shiftId.toString());
                     params.set("fromMonthly", "true");
+                    if (!isFullRange) {
+                      params.set("rangeStart", range.startKey);
+                      params.set("rangeEnd", range.endKey);
+                    }
                     if (effectiveLineId) {
                       params.set("lineId", effectiveLineId);
                     }
@@ -55408,8 +55949,15 @@ var WorkspaceDetailView = ({
                 onMonthNavigate: (newMonth, newYear) => {
                   setSelectedMonth(newMonth);
                   setSelectedYear(newYear);
+                  const nextBounds = getMonthKeyBounds(newYear, newMonth);
+                  setRangeStart(nextBounds.startKey);
+                  setRangeEnd(nextBounds.endKey);
                 },
                 onShiftChange: setSelectedShift,
+                onRangeChange: (nextRange) => {
+                  setRangeStart(nextRange.startKey);
+                  setRangeEnd(nextRange.endKey);
+                },
                 className: "w-full"
               }
             )
@@ -58099,12 +58647,13 @@ function shuffleArray(array) {
   }
   return shuffled;
 }
-var CATEGORY_OPTIONS = [
-  { id: "all", label: "All" },
-  { id: "cycle_time", label: "Cycle Time" },
-  { id: "efficiency", label: "Efficiency" },
-  { id: "downtime", label: "Downtime" }
-];
+var buildInitials = (name) => {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "NA";
+  const first = parts[0]?.[0] || "";
+  const second = parts.length > 1 ? parts[1]?.[0] || "" : "";
+  return `${first}${second}`.toUpperCase();
+};
 var ClipVideoCarousel = ({ clips, clipsService }) => {
   const [currentIndex, setCurrentIndex] = React24.useState(0);
   const [videos, setVideos] = React24.useState([]);
@@ -58353,6 +58902,77 @@ var TableEvidence = ({ columns, rows }) => {
     /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((row, idx) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-100 last:border-b-0", children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2 text-gray-700 whitespace-nowrap", children: formatValue(row[col]) }, col)) }, idx)) })
   ] }) }) });
 };
+var EvidenceCarousel = ({ evidence, clipsService }) => {
+  const [currentIndex, setCurrentIndex] = React24.useState(0);
+  const nextEvidence = () => {
+    setCurrentIndex((prev) => (prev + 1) % evidence.length);
+  };
+  const prevEvidence = () => {
+    setCurrentIndex((prev) => (prev - 1 + evidence.length) % evidence.length);
+  };
+  const ev = evidence[currentIndex];
+  const isVideo = ev.type === "video_gallery";
+  const isChart = ev.type === "bar_chart" || ev.type === "timeseries" || ev.type === "pie_chart";
+  const title = ev.title || "Evidence";
+  const clips = Array.isArray(ev.clips) ? ev.clips : [];
+  const clipCount = clips.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider flex items-center gap-2", children: [
+        isVideo ? /* @__PURE__ */ jsxRuntime.jsx(outline.PlayCircleIcon, { className: "w-4 h-4" }) : isChart ? /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-4 h-4" }),
+        title
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        isVideo && clipCount > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-medium text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded", children: [
+          clipCount,
+          " clips"
+        ] }),
+        evidence.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-medium text-gray-500 bg-gray-200 px-1.5 py-0.5 rounded", children: [
+          currentIndex + 1,
+          " / ",
+          evidence.length
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      ev.type === "video_gallery" && /* @__PURE__ */ jsxRuntime.jsx(ClipVideoCarousel, { clips, clipsService }),
+      ev.type === "bar_chart" && (Array.isArray(ev.x) && Array.isArray(ev.y) || Array.isArray(ev.data) && Array.isArray(ev.series)) && /* @__PURE__ */ jsxRuntime.jsx(
+        BarChartEvidence,
+        {
+          x: ev.x,
+          y: ev.y,
+          data: ev.data,
+          series: ev.series,
+          unit: ev.unit,
+          referenceLines: Array.isArray(ev.reference_lines) ? ev.reference_lines : void 0
+        }
+      ),
+      ev.type === "pie_chart" && Array.isArray(ev.data) && /* @__PURE__ */ jsxRuntime.jsx(PieChartEvidence, { data: ev.data }),
+      ev.type === "timeseries" && Array.isArray(ev.x) && Array.isArray(ev.y) && /* @__PURE__ */ jsxRuntime.jsx(LineChartEvidence, { x: ev.x, y: ev.y, unit: ev.unit }),
+      ev.type === "table" && Array.isArray(ev.columns) && Array.isArray(ev.rows) && /* @__PURE__ */ jsxRuntime.jsx(TableEvidence, { columns: ev.columns, rows: ev.rows })
+    ] }),
+    evidence.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: prevEvidence,
+          className: "absolute left-0 top-1/2 -translate-y-1/2 -translate-x-3 p-1.5 rounded-full bg-white border border-gray-200 shadow-sm hover:bg-gray-50 text-gray-600 transition-all z-10",
+          "aria-label": "Previous evidence",
+          children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChevronLeftIcon, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: nextEvidence,
+          className: "absolute right-0 top-1/2 -translate-y-1/2 translate-x-3 p-1.5 rounded-full bg-white border border-gray-200 shadow-sm hover:bg-gray-50 text-gray-600 transition-all z-10",
+          "aria-label": "Next evidence",
+          children: /* @__PURE__ */ jsxRuntime.jsx(outline.ChevronRightIcon, { className: "w-4 h-4" })
+        }
+      )
+    ] })
+  ] });
+};
 var ImprovementCenterView = () => {
   const { navigate } = useNavigation();
   const supabase = useSupabase();
@@ -58360,12 +58980,16 @@ var ImprovementCenterView = () => {
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const [currentDate, setCurrentDate] = React24.useState(/* @__PURE__ */ new Date());
-  const [selectedCategory, setSelectedCategory] = React24.useState("all");
   const [selectedLineId, setSelectedLineId] = React24.useState("all");
   const [selectedStatus, setSelectedStatus] = React24.useState("all");
+  const [selectedShift, setSelectedShift] = React24.useState("all");
+  const [selectedWeeksRange, setSelectedWeeksRange] = React24.useState("all");
+  const [selectedMemberId, setSelectedMemberId] = React24.useState("all");
   const [recommendations, setRecommendations] = React24.useState([]);
   const [isLoading, setIsLoading] = React24.useState(false);
   const [loadError, setLoadError] = React24.useState(null);
+  const [teamMembers, setTeamMembers] = React24.useState([]);
+  const [companyLines, setCompanyLines] = React24.useState([]);
   const computeWeeksOpen = (firstSeenAt) => {
     if (!firstSeenAt) return void 0;
     const firstSeen = new Date(firstSeenAt);
@@ -58378,11 +59002,50 @@ var ImprovementCenterView = () => {
     return entityConfig.lines || entityConfig.lineNames || {};
   }, [entityConfig.lines, entityConfig.lineNames]);
   const configuredLineIds = React24.useMemo(() => Object.keys(configuredLines), [configuredLines]);
-  const { accessibleLineIds } = useUserLineAccess(configuredLineIds);
+  const companyLineIds = React24.useMemo(() => companyLines.map((line) => line.id), [companyLines]);
+  const assignedLineIds = React24.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level !== "supervisor") return [];
+    const lines = user.properties?.line_id || user.properties?.line_ids || [];
+    return Array.isArray(lines) ? lines : [];
+  }, [user]);
+  const assignedFactoryIds = React24.useMemo(() => {
+    if (!user) return [];
+    if (user.role_level !== "plant_head") return [];
+    const factories = user.properties?.factory_id || user.properties?.factory_ids || [];
+    return Array.isArray(factories) ? factories : [];
+  }, [user]);
+  const plantHeadLineIds = React24.useMemo(() => {
+    if (user?.role_level !== "plant_head" || companyLines.length === 0) return [];
+    const factorySet = new Set(assignedFactoryIds);
+    return companyLines.filter((line) => line.factoryId === void 0 || line.factoryId === null || factorySet.has(line.factoryId)).map((line) => line.id);
+  }, [assignedFactoryIds, companyLines, user?.role_level]);
   const scopeLineIds = React24.useMemo(() => {
-    return accessibleLineIds.length > 0 ? accessibleLineIds : configuredLineIds;
-  }, [accessibleLineIds, configuredLineIds]);
+    if (user?.role_level === "supervisor") {
+      return assignedLineIds;
+    }
+    if (user?.role_level === "plant_head") {
+      if (plantHeadLineIds.length > 0) return plantHeadLineIds;
+      return companyLineIds.length > 0 ? companyLineIds : configuredLineIds;
+    }
+    if (companyLineIds.length > 0) return companyLineIds;
+    return configuredLineIds;
+  }, [
+    assignedLineIds,
+    companyLineIds,
+    configuredLineIds,
+    plantHeadLineIds,
+    user?.role_level
+  ]);
   const scopeLineIdsKey = React24.useMemo(() => scopeLineIds.join(","), [scopeLineIds]);
+  const lineNameById = React24.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    companyLines.forEach((line) => map.set(line.id, line.name));
+    Object.entries(configuredLines).forEach(([id3, name]) => {
+      if (!map.has(id3)) map.set(id3, name);
+    });
+    return map;
+  }, [companyLines, configuredLines]);
   const companyId = user?.company_id || entityConfig.companyId;
   const clipsService = React24.useMemo(() => {
     try {
@@ -58391,6 +59054,58 @@ var ImprovementCenterView = () => {
       return null;
     }
   }, [dashboardConfig]);
+  React24.useEffect(() => {
+    let cancelled = false;
+    const loadTeamMembers = async () => {
+      if (!supabase || !companyId) return;
+      try {
+        const userService2 = createUserManagementService(supabase);
+        const supervisors = await userService2.getCompanyUsers(companyId, "supervisor");
+        if (cancelled) return;
+        const members = supervisors.map((user2) => {
+          const rawName = user2.properties?.full_name || user2.email?.split("@")[0] || "Unknown";
+          return {
+            id: user2.user_id,
+            name: rawName,
+            role: user2.role_level,
+            initials: buildInitials(rawName),
+            email: user2.email
+          };
+        });
+        members.sort((a, b) => a.name.localeCompare(b.name));
+        setTeamMembers(members);
+      } catch (error) {
+        if (!cancelled) {
+          console.error("[ImprovementCenterView] Failed to load supervisors", error);
+          setTeamMembers([]);
+        }
+      }
+    };
+    loadTeamMembers();
+    return () => {
+      cancelled = true;
+    };
+  }, [supabase, companyId]);
+  React24.useEffect(() => {
+    let cancelled = false;
+    const loadLines = async () => {
+      if (!supabase || !companyId) return;
+      try {
+        const linesService2 = new LinesService(supabase);
+        const lines = await linesService2.getLinesByCompanyId(companyId);
+        if (!cancelled) setCompanyLines(lines);
+      } catch (error) {
+        if (!cancelled) {
+          console.error("[ImprovementCenterView] Failed to load lines", error);
+          setCompanyLines([]);
+        }
+      }
+    };
+    loadLines();
+    return () => {
+      cancelled = true;
+    };
+  }, [supabase, companyId]);
   const nextMonth = () => {
     setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));
   };
@@ -58423,11 +59138,16 @@ var ImprovementCenterView = () => {
         const res = await fetchBackendJson(supabase, `/api/improvement-center/recommendations?${params.toString()}`);
         if (cancelled) return;
         let recs = res.recommendations || [];
-        recs = recs.map((r2) => ({
-          ...r2,
-          ticket_status: r2.issue_status === "resolved" ? "solved" : "active",
-          weeks_open: typeof r2.weeks_open === "number" ? r2.weeks_open : computeWeeksOpen(r2.first_seen_at) ?? 1
-        }));
+        recs = recs.map((r2) => {
+          const assignedUserIds = Array.isArray(r2.assigned_user_ids) ? r2.assigned_user_ids : r2.assigned_to_user_id ? [r2.assigned_to_user_id] : [];
+          return {
+            ...r2,
+            ticket_status: r2.issue_status === "resolved" ? "solved" : "active",
+            weeks_open: typeof r2.weeks_open === "number" ? r2.weeks_open : computeWeeksOpen(r2.first_seen_at) ?? 1,
+            assigned_to_user_id: assignedUserIds[0],
+            assigned_user_ids: assignedUserIds
+          };
+        });
         const allowed = new Set(scopeLineIds);
         setRecommendations(recs.filter((r2) => !r2.line_id || allowed.has(r2.line_id)));
       } catch (err) {
@@ -58443,37 +59163,80 @@ var ImprovementCenterView = () => {
       cancelled = true;
     };
   }, [supabase, companyId, scopeLineIdsKey, currentDate]);
+  const teamMembersById = React24.useMemo(() => {
+    return new Map(teamMembers.map((member) => [member.id, member]));
+  }, [teamMembers]);
   const filteredRecommendations = React24.useMemo(() => {
     return recommendations.filter((rec) => {
-      if (selectedCategory !== "all" && rec.type !== selectedCategory) return false;
       if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
       if (selectedStatus === "resolved" && rec.ticket_status !== "solved") return false;
       if (selectedStatus === "unresolved" && rec.ticket_status === "solved") return false;
+      if (selectedShift !== "all" && (rec.shift_label || `Shift ${rec.shift_id}`) !== selectedShift) return false;
+      if (selectedWeeksRange !== "all") {
+        const weeks = rec.weeks_open || 0;
+        if (selectedWeeksRange === "1" && weeks !== 1) return false;
+        if (selectedWeeksRange === "2" && weeks !== 2) return false;
+        if (selectedWeeksRange === "3+" && weeks < 3) return false;
+      }
+      if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
     }).sort((a, b) => (b.weeks_open || 0) - (a.weeks_open || 0));
-  }, [recommendations, selectedCategory, selectedLineId, selectedStatus]);
+  }, [recommendations, selectedLineId, selectedStatus, selectedShift, selectedWeeksRange, selectedMemberId]);
   const stats = React24.useMemo(() => {
-    const total = recommendations.length;
-    const resolved = recommendations.filter((r2) => r2.ticket_status === "solved").length;
+    const baseFiltered = recommendations.filter((rec) => {
+      if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
+      if (selectedShift !== "all" && (rec.shift_label || `Shift ${rec.shift_id}`) !== selectedShift) return false;
+      if (selectedWeeksRange !== "all") {
+        const weeks = rec.weeks_open || 0;
+        if (selectedWeeksRange === "1" && weeks !== 1) return false;
+        if (selectedWeeksRange === "2" && weeks !== 2) return false;
+        if (selectedWeeksRange === "3+" && weeks < 3) return false;
+      }
+      if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
+      return true;
+    });
+    const total = baseFiltered.length;
+    const resolved = baseFiltered.filter((r2) => r2.ticket_status === "solved").length;
     return {
       all: total,
       resolved,
       unresolved: total - resolved
     };
-  }, [recommendations]);
+  }, [recommendations, selectedLineId, selectedShift, selectedWeeksRange, selectedMemberId]);
   const clearFilters = () => {
-    setSelectedCategory("all");
     setSelectedLineId("all");
     setSelectedStatus("all");
-  };
+    setSelectedShift("all");
+    setSelectedWeeksRange("all");
+    setSelectedMemberId("all");
+  };
+  const shiftOptions = React24.useMemo(() => {
+    const shifts = /* @__PURE__ */ new Set();
+    recommendations.forEach((r2) => {
+      const label = r2.shift_label || (r2.shift_id !== void 0 ? `Shift ${r2.shift_id}` : null);
+      if (label) shifts.add(label);
+    });
+    return ["all", ...Array.from(shifts)];
+  }, [recommendations]);
+  const weekOptions = [
+    { id: "all", label: "Any Duration" },
+    { id: "1", label: "1 Week" },
+    { id: "2", label: "2 Weeks" },
+    { id: "3+", label: "3+ Weeks" }
+  ];
   const lineOptions = React24.useMemo(() => {
     const options = [{ id: "all", label: "All Lines" }];
     scopeLineIds.forEach((lineId) => {
-      const lineName = configuredLines[lineId] || lineId;
+      const lineName = lineNameById.get(lineId) || lineId;
       options.push({ id: lineId, label: lineName });
     });
     return options;
-  }, [scopeLineIds, configuredLines]);
+  }, [scopeLineIds, lineNameById]);
+  React24.useEffect(() => {
+    if (selectedLineId !== "all" && !scopeLineIds.includes(selectedLineId)) {
+      setSelectedLineId("all");
+    }
+  }, [scopeLineIds, selectedLineId]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-gray-50 flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-10 bg-white border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 min-w-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -58548,15 +59311,41 @@ var ImprovementCenterView = () => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 w-full md:w-auto", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 w-full md:w-auto", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: selectedShift,
+              onChange: (e) => setSelectedShift(e.target.value),
+              className: "flex-1 md:flex-none appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
+              style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.5em 1.5em` },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Shifts" }),
+                shiftOptions.filter((s) => s !== "all").map((shift) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: shift, children: shift }, shift))
+              ]
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             "select",
             {
-              value: selectedCategory,
-              onChange: (e) => setSelectedCategory(e.target.value),
-              className: "w-full md:w-auto appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
+              value: selectedWeeksRange,
+              onChange: (e) => setSelectedWeeksRange(e.target.value),
+              className: "flex-1 md:flex-none appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
+              style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.5em 1.5em` },
+              children: weekOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.id, children: opt.label }, opt.id))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "select",
+            {
+              value: selectedMemberId,
+              onChange: (e) => setSelectedMemberId(e.target.value),
+              className: "flex-1 md:flex-none appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
               style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.5em 1.5em` },
-              children: CATEGORY_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.id, children: opt.label }, opt.id))
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("option", { value: "all", children: "All Members" }),
+                teamMembers.map((member) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: member.id, children: member.name }, member.id))
+              ]
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -58564,7 +59353,7 @@ var ImprovementCenterView = () => {
             {
               value: selectedLineId,
               onChange: (e) => setSelectedLineId(e.target.value),
-              className: "w-full md:w-auto appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
+              className: "flex-1 md:flex-none appearance-none pl-3 pr-8 py-1.5 text-sm border border-gray-300 rounded-lg bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 cursor-pointer text-gray-700 shadow-sm",
               style: { backgroundImage: `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")`, backgroundPosition: `right 0.5rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.5em 1.5em` },
               children: lineOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt.id, children: opt.label }, opt.id))
             }
@@ -58579,29 +59368,47 @@ var ImprovementCenterView = () => {
             animate: { opacity: 1, y: 0 },
             transition: { delay: index * 0.1 },
             className: `bg-white rounded-xl shadow-sm border overflow-hidden ${rec.ticket_status === "solved" ? "border-green-200" : "border-gray-200"}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 w-full", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ${rec.type === "cycle_time" ? "bg-blue-100 text-blue-800" : rec.type === "efficiency" ? "bg-orange-100 text-orange-800" : "bg-gray-100 text-gray-800"}`, children: rec.type.replace("_", " ").toUpperCase() }),
-                    (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-700", children: rec.shift_label || `Shift ${rec.shift_id}` }),
-                    rec.ticket_status === "solved" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+                    rec.ticket_status === "solved" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium bg-emerald-50 text-emerald-700 border border-emerald-100", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-3.5 h-3.5" }),
                       "Resolved"
-                    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border ${(rec.weeks_open || 0) > 2 ? "bg-red-50 text-red-700 border-red-200" : "bg-amber-50 text-amber-700 border-amber-200"}`, children: [
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border ${(rec.weeks_open || 0) > 2 ? "bg-red-50 text-red-700 border-red-100" : "bg-amber-50 text-amber-700 border-amber-100"}`, children: [
                       /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "w-3.5 h-3.5" }),
                       "Open for ",
                       rec.weeks_open || 1,
                       " week",
                       (rec.weeks_open || 1) !== 1 ? "s" : ""
+                    ] }),
+                    rec.assigned_user_ids && rec.assigned_user_ids.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-px bg-gray-200" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: rec.assigned_user_ids.map((uid) => {
+                        const user2 = teamMembersById.get(uid);
+                        if (!user2) {
+                          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 h-5 rounded-full bg-gray-100 text-gray-500 flex items-center justify-center text-[9px] font-bold border border-gray-200", children: "??" }),
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-500", children: "Unknown" })
+                          ] }, uid);
+                        }
+                        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-5 h-5 rounded-full bg-gray-100 text-gray-600 flex items-center justify-center text-[9px] font-bold border border-gray-200", children: user2.initials }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-600", children: user2.name })
+                        ] }, user2.id);
+                      }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: rec.title }),
-                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-gray-500 mt-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 pr-12", children: rec.title }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm font-medium text-gray-500 mt-1 flex items-center gap-2", children: [
                       rec.location,
                       " \u2022 ",
-                      rec.line
+                      rec.line,
+                      (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "uppercase tracking-wide text-xs pt-0.5 text-gray-500 font-medium", children: rec.shift_label || `Shift ${rec.shift_id}` })
+                      ] })
                     ] })
                   ] })
                 ] }) }),
@@ -58612,40 +59419,14 @@ var ImprovementCenterView = () => {
                   rec.impact
                 ] }) })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-1/2 lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: rec.evidence.map((ev, idx) => {
-                const isVideo = ev.type === "video_gallery";
-                const isChart = ev.type === "bar_chart" || ev.type === "timeseries" || ev.type === "pie_chart";
-                const title = ev.title || "Evidence";
-                const clips = Array.isArray(ev.clips) ? ev.clips : [];
-                const clipCount = clips.length;
-                return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider flex items-center gap-2", children: [
-                      isVideo ? /* @__PURE__ */ jsxRuntime.jsx(outline.PlayCircleIcon, { className: "w-4 h-4" }) : isChart ? /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(outline.ChartBarIcon, { className: "w-4 h-4" }),
-                      title
-                    ] }),
-                    isVideo && clipCount > 1 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-medium text-gray-500 bg-gray-100 px-1.5 py-0.5 rounded", children: [
-                      clipCount,
-                      " clips"
-                    ] })
-                  ] }),
-                  ev.type === "video_gallery" && /* @__PURE__ */ jsxRuntime.jsx(ClipVideoCarousel, { clips, clipsService }),
-                  ev.type === "bar_chart" && (Array.isArray(ev.x) && Array.isArray(ev.y) || Array.isArray(ev.data) && Array.isArray(ev.series)) && /* @__PURE__ */ jsxRuntime.jsx(
-                    BarChartEvidence,
-                    {
-                      x: ev.x,
-                      y: ev.y,
-                      data: ev.data,
-                      series: ev.series,
-                      unit: ev.unit,
-                      referenceLines: Array.isArray(ev.reference_lines) ? ev.reference_lines : void 0
-                    }
-                  ),
-                  ev.type === "pie_chart" && Array.isArray(ev.data) && /* @__PURE__ */ jsxRuntime.jsx(PieChartEvidence, { data: ev.data }),
-                  ev.type === "timeseries" && Array.isArray(ev.x) && Array.isArray(ev.y) && /* @__PURE__ */ jsxRuntime.jsx(LineChartEvidence, { x: ev.x, y: ev.y, unit: ev.unit }),
-                  ev.type === "table" && Array.isArray(ev.columns) && Array.isArray(ev.rows) && /* @__PURE__ */ jsxRuntime.jsx(TableEvidence, { columns: ev.columns, rows: ev.rows })
-                ] }, `${rec.id}-ev-${idx}`);
-              }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: isLoading ? "Loading evidence\u2026" : loadError ? loadError : "No evidence available" }) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-1/2 lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                EvidenceCarousel,
+                {
+                  evidence: rec.evidence,
+                  recId: rec.id,
+                  clipsService
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: isLoading ? "Loading evidence\u2026" : loadError ? loadError : "No evidence available" }) })
             ] }) })
           },
           rec.id
@@ -58654,8 +59435,8 @@ var ImprovementCenterView = () => {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-16 bg-white rounded-xl border border-gray-200 shadow-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex items-center justify-center w-16 h-16 rounded-full bg-green-50 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-8 h-8 text-green-500" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "No tickets found" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 max-w-md mx-auto", children: selectedCategory !== "all" || selectedLineId !== "all" || selectedStatus !== "all" ? "Try adjusting your filters to see more results." : "All monitored long-term patterns were evaluated and remained within limits. This is a success state!" }),
-            (selectedCategory !== "all" || selectedLineId !== "all" || selectedStatus !== "all") && /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 max-w-md mx-auto", children: selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" ? "Try adjusting your filters to see more results." : "All monitored long-term patterns were evaluated and remained within limits. This is a success state!" }),
+            (selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all") && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 onClick: clearFilters,
@@ -59352,6 +60133,7 @@ exports.areAllLinesOnSameShift = areAllLinesOnSameShift;
 exports.authCoreService = authCoreService;
 exports.authOTPService = authOTPService;
 exports.authRateLimitService = authRateLimitService;
+exports.buildDateKey = buildDateKey;
 exports.buildKPIsFromLineMetricsRow = buildKPIsFromLineMetricsRow;
 exports.checkRateLimit = checkRateLimit2;
 exports.clearAllRateLimits = clearAllRateLimits2;
@@ -59373,12 +60155,15 @@ exports.createUserService = createUserService;
 exports.dashboardService = dashboardService;
 exports.deleteThread = deleteThread;
 exports.fetchIdleTimeReasons = fetchIdleTimeReasons;
+exports.filterDataByDateKeyRange = filterDataByDateKeyRange;
 exports.forceRefreshWorkspaceDisplayNames = forceRefreshWorkspaceDisplayNames;
 exports.formatDateInZone = formatDateInZone;
+exports.formatDateKeyForDisplay = formatDateKeyForDisplay;
 exports.formatDateTimeInZone = formatDateTimeInZone;
 exports.formatDuration = formatDuration;
 exports.formatISTDate = formatISTDate;
 exports.formatIdleTime = formatIdleTime;
+exports.formatRangeLabel = formatRangeLabel;
 exports.formatReasonLabel = formatReasonLabel;
 exports.formatRelativeTime = formatRelativeTime;
 exports.formatTimeInZone = formatTimeInZone;
@@ -59401,6 +60186,7 @@ exports.getCurrentShift = getCurrentShift;
 exports.getCurrentShiftForLine = getCurrentShiftForLine;
 exports.getCurrentTimeInZone = getCurrentTimeInZone;
 exports.getDashboardHeaderTimeInZone = getDashboardHeaderTimeInZone;
+exports.getDateKeyFromDate = getDateKeyFromDate;
 exports.getDaysDifferenceInZone = getDaysDifferenceInZone;
 exports.getDefaultCameraStreamUrl = getDefaultCameraStreamUrl;
 exports.getDefaultLineId = getDefaultLineId;
@@ -59408,6 +60194,8 @@ exports.getDefaultTabForWorkspace = getDefaultTabForWorkspace;
 exports.getLineDisplayName = getLineDisplayName;
 exports.getManufacturingInsights = getManufacturingInsights;
 exports.getMetricsTablePrefix = getMetricsTablePrefix;
+exports.getMonthKeyBounds = getMonthKeyBounds;
+exports.getMonthWeekRanges = getMonthWeekRanges;
 exports.getNextUpdateInterval = getNextUpdateInterval;
 exports.getOperationalDate = getOperationalDate;
 exports.getReasonColor = getReasonColor;
@@ -59433,6 +60221,7 @@ exports.groupLinesByShift = groupLinesByShift;
 exports.hasAnyShiftData = hasAnyShiftData;
 exports.identifyCoreUser = identifyCoreUser;
 exports.initializeCoreMixpanel = initializeCoreMixpanel;
+exports.isFullMonthRange = isFullMonthRange;
 exports.isLegacyConfiguration = isLegacyConfiguration;
 exports.isPrefetchError = isPrefetchError;
 exports.isSafari = isSafari;
@@ -59449,7 +60238,9 @@ exports.isWorkspaceDisplayNamesLoading = isWorkspaceDisplayNamesLoading;
 exports.linesService = linesService;
 exports.mergeWithDefaultConfig = mergeWithDefaultConfig;
 exports.migrateLegacyConfiguration = migrateLegacyConfiguration;
+exports.normalizeDateKeyRange = normalizeDateKeyRange;
 exports.optifyeAgentClient = optifyeAgentClient;
+exports.parseDateKeyToDate = parseDateKeyToDate;
 exports.parseS3Uri = parseS3Uri;
 exports.preInitializeWorkspaceDisplayNames = preInitializeWorkspaceDisplayNames;
 exports.preloadS3Video = preloadS3Video;