@optifye/dashboard-core 6.10.11 → 6.10.13

package/dist/index.mjs

@@ -17,7 +17,7 @@ import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Too
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { DayPicker, useNavigation as useNavigation$1 } from 'react-day-picker';
-import { XMarkIcon, ArrowRightIcon, HomeIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, AdjustmentsHorizontalIcon, ClockIcon, UsersIcon, TicketIcon, CubeIcon, SparklesIcon, QuestionMarkCircleIcon, HeartIcon, UserCircleIcon, ExclamationCircleIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Bars3Icon, CheckCircleIcon, ChatBubbleLeftRightIcon, ArrowLeftIcon, XCircleIcon, PlayCircleIcon, InformationCircleIcon } from '@heroicons/react/24/outline';
+import { XMarkIcon, ArrowRightIcon, HomeIcon, TrophyIcon, ChartBarIcon, LightBulbIcon, AdjustmentsHorizontalIcon, ClockIcon, UsersIcon, TicketIcon, CubeIcon, SparklesIcon, QuestionMarkCircleIcon, HeartIcon, UserCircleIcon, ExclamationCircleIcon, EnvelopeIcon, DocumentTextIcon, ChevronUpIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, Bars3Icon, CheckCircleIcon, ChatBubbleLeftRightIcon, ArrowLeftIcon, XCircleIcon, CalendarIcon, InformationCircleIcon, PlayCircleIcon } from '@heroicons/react/24/outline';
 import { CheckIcon } from '@heroicons/react/24/solid';
 import html2canvas from 'html2canvas';
 import jsPDF, { jsPDF as jsPDF$1 } from 'jspdf';
@@ -529,6 +529,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 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 = 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";
@@ -1501,7 +1579,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;
@@ -1528,7 +1606,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",
@@ -29117,6 +29197,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",
@@ -29132,6 +29214,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;
@@ -29460,7 +29549,50 @@ var HlsVideoPlayer = 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.isSupported()) {
+            const hls = new Hls3(mergedHlsConfig);
+            hlsRef.current = hls;
+            hls.on(Events.MANIFEST_PARSED, () => {
+              console.log("[HlsVideoPlayer] Remuxed manifest parsed, ready to play");
+              setIsReady(true);
+              eventCallbacksRef.current.onReady?.(player);
+            });
+            hls.on(Events.ERROR, (_event, data) => {
+              console.error("[HlsVideoPlayer] HLS.js error (remuxing):", data);
+              if (data.fatal) {
+                let errorInfo;
+                switch (data.type) {
+                  case ErrorTypes.NETWORK_ERROR:
+                    errorInfo = ERROR_MAPPING.networkError;
+                    hls.startLoad();
+                    break;
+                  case 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(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]}`;
@@ -36399,6 +36531,8 @@ var LineHistoryCalendar = ({
   year,
   lineId,
   selectedShiftId,
+  rangeStart,
+  rangeEnd,
   onDateSelect,
   className = ""
 }) => {
@@ -36409,6 +36543,7 @@ var LineHistoryCalendar = ({
     const currentTimeInZone = getCurrentTimeInZone(configuredTimezone);
     return typeof currentTimeInZone === "string" ? new Date(currentTimeInZone) : currentTimeInZone;
   }, [configuredTimezone]);
+  const monthBounds = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
   const calendarData = useMemo(() => {
     const startOfMonth = toZonedTime(new Date(year, month, 1), configuredTimezone);
     const endOfMonth = toZonedTime(new Date(year, month + 1, 0), configuredTimezone);
@@ -36490,6 +36625,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__ */ jsx(
       "div",
       {
@@ -36510,7 +36649,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 {
@@ -36523,8 +36670,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__ */ jsx(
+            "div",
+            {
+              className: `absolute inset-0 rounded-lg pointer-events-none ${isRangeEdge ? "ring-2 ring-blue-500" : "ring-2 ring-blue-200"}`
+            }
+          ),
           /* @__PURE__ */ 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)
@@ -36702,6 +36855,183 @@ var IdleTimeReasonChart = ({
   ] });
 };
 var IdleTimeReasonChart_default = IdleTimeReasonChart;
+var MonthlyRangeFilter = ({
+  month,
+  year,
+  timezone,
+  value,
+  onChange,
+  className
+}) => {
+  const monthBounds = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const weekRanges = useMemo(() => getMonthWeekRanges(year, month, timezone), [year, month, timezone]);
+  const normalizedRange = useMemo(() => {
+    return normalizeDateKeyRange(value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey);
+  }, [value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey]);
+  const monthLabel = useMemo(() => {
+    return new Date(year, month).toLocaleString("default", { month: "long", year: "numeric" });
+  }, [year, month]);
+  const presetOptions = 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 = useMemo(() => {
+    return presetOptions.find(
+      (preset) => preset.startKey === normalizedRange.startKey && preset.endKey === normalizedRange.endKey
+    );
+  }, [presetOptions, normalizedRange.startKey, normalizedRange.endKey]);
+  const displayLabel = useMemo(() => {
+    if (activePreset) return activePreset.label;
+    return "Custom range";
+  }, [activePreset]);
+  const fullMonthLabel = 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 = useMemo(() => {
+    return formatRangeLabel(normalizedRange, fullMonthLabel);
+  }, [normalizedRange, fullMonthLabel]);
+  const [customStart, setCustomStart] = useState(normalizedRange.startKey);
+  const [customEnd, setCustomEnd] = useState(normalizedRange.endKey);
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    setCustomStart(normalizedRange.startKey);
+    setCustomEnd(normalizedRange.endKey);
+  }, [normalizedRange.startKey, normalizedRange.endKey]);
+  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__ */ jsxs("div", { className: `relative ${className ?? ""}`, ref: dropdownRef, children: [
+    /* @__PURE__ */ 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__ */ jsx(CalendarIcon, { className: "h-4 w-4 text-slate-500" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[11px] uppercase tracking-[0.2em] text-slate-500", children: displayLabel }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-slate-900", children: displayRange })
+          ] }),
+          /* @__PURE__ */ jsx(
+            ChevronDownIcon,
+            {
+              className: `ml-2 h-4 w-4 text-slate-400 transition-transform ${isOpen ? "rotate-180" : ""}`
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx("div", { className: "absolute right-0 z-50 mt-2 w-80 rounded-lg border border-slate-200 bg-white shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-slate-500", children: "Weeks" }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 space-y-1", children: presetOptions.map((preset) => {
+        const isActive = preset.startKey === normalizedRange.startKey && preset.endKey === normalizedRange.endKey;
+        return /* @__PURE__ */ 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__ */ jsx("span", { className: "font-medium", children: preset.label }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-slate-500", children: preset.rangeLabel })
+            ]
+          },
+          preset.id
+        );
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 border-t border-slate-200 pt-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-[0.18em] text-slate-500", children: "Custom range" }),
+          !activePreset && /* @__PURE__ */ 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__ */ jsxs("div", { className: "mt-2 grid grid-cols-1 gap-2 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-[11px] font-medium text-slate-600", children: "Start" }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("label", { className: "block text-[11px] font-medium text-slate-600", children: "End" }),
+            /* @__PURE__ */ 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__ */ 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__ */ 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,
@@ -36719,10 +37049,15 @@ var LineMonthlyHistory = ({
   month,
   year,
   monthlyData = [],
+  analysisData,
+  rangeStart,
+  rangeEnd,
+  timezone,
   underperformingWorkspaces = {},
   lineId,
   selectedShiftId = 0,
   onShiftChange,
+  onRangeChange,
   availableShifts,
   onWorkspaceSelect,
   onCalendarDateSelect,
@@ -36731,17 +37066,26 @@ var LineMonthlyHistory = ({
   className
 }) => {
   const navigation = useNavigation();
-  const chartKey = useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}`, [lineId, month, year, selectedShiftId]);
-  const startDate = useMemo(() => {
-    const m = String(month + 1).padStart(2, "0");
-    return `${year}-${m}-01`;
-  }, [month, year]);
-  const endDate = 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 = useMemo(() => `${lineId}-${month}-${year}-${selectedShiftId}-${rangeStart}-${rangeEnd}`, [lineId, month, year, selectedShiftId, rangeStart, rangeEnd]);
+  const monthBounds = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const normalizedRange = 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 = useMemo(() => isFullMonthRange(normalizedRange, year, month), [normalizedRange, year, month]);
+  const monthLabel = useMemo(() => new Date(year, month).toLocaleString("default", { month: "long" }), [year, month]);
+  const rangeLabel = useMemo(() => {
+    return isFullRange ? monthLabel : formatRangeLabel(normalizedRange, monthLabel);
+  }, [isFullRange, normalizedRange, monthLabel]);
+  const analysisMonthlyData = 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,
@@ -36762,7 +37106,7 @@ var LineMonthlyHistory = ({
       }
     ) });
   }
-  const averages = (monthlyData || []).reduce(
+  const averages = (analysisMonthlyData || []).reduce(
     (acc, day) => {
       const shiftData = getShiftData2(day, selectedShiftId);
       if (!shiftData || shiftData?.avg_efficiency < 10) {
@@ -36822,7 +37166,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",
@@ -36842,18 +37194,31 @@ var LineMonthlyHistory = ({
     });
   };
   return /* @__PURE__ */ jsxs("div", { className: clsx("flex flex-col gap-2 min-h-0 overflow-y-auto pb-6", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:items-center mb-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden sm:block" }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsx(
+        MonthlyRangeFilter_default,
+        {
+          month,
+          year,
+          timezone,
+          value: normalizedRange,
+          onChange: (nextRange) => onRangeChange?.(nextRange)
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center mb-6 space-x-4", children: [
@@ -36916,6 +37281,8 @@ var LineMonthlyHistory = ({
             year,
             lineId,
             selectedShiftId,
+            rangeStart: normalizedRange.startKey,
+            rangeEnd: normalizedRange.endKey,
             onDateSelect: onCalendarDateSelect
           }
         )
@@ -36926,7 +37293,7 @@ var LineMonthlyHistory = ({
             /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-gray-700 mb-1 text-center", children: "Efficiency" }),
             /* @__PURE__ */ 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__ */ jsxs("div", { className: "text-4xl font-bold text-center text-gray-900", children: [
               avgEfficiency.toFixed(1),
@@ -36937,7 +37304,7 @@ var LineMonthlyHistory = ({
             /* @__PURE__ */ jsx("h3", { className: "text-base font-semibold text-gray-700 mb-1 text-center", children: "Avg. Underperforming" }),
             /* @__PURE__ */ 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__ */ jsxs("div", { className: "text-4xl font-bold text-center text-gray-900", children: [
               avgUnderperforming.toFixed(1),
@@ -37016,9 +37383,12 @@ var LineMonthlyPdfGenerator = ({
   lineId,
   lineName,
   monthlyData,
+  analysisData,
   underperformingWorkspaces,
   selectedMonth,
   selectedYear,
+  rangeStart,
+  rangeEnd,
   selectedShiftId,
   availableShifts,
   className
@@ -37027,12 +37397,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$1();
       doc.setFontSize(14);
@@ -37065,28 +37464,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;
       });
@@ -38435,27 +38821,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 = useMemo(() => {
-    const monthString = String(month + 1).padStart(2, "0");
-    return `${year}-${monthString}-01`;
-  }, [month, year]);
-  const endDate = 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 = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
+  const normalizedRange = 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 = 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,
@@ -38465,19 +38860,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 = 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;
       });
@@ -38488,8 +38889,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;
       });
@@ -38515,7 +38916,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 = useMemo(() => {
     const max = chartData.yAxisMax;
     const target = chartData.lastSetTarget;
@@ -38538,7 +38939,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 = 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;
@@ -38547,9 +38948,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 = 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);
@@ -38569,7 +38970,7 @@ var WorkspaceMonthlyHistory = ({
       totalOutput,
       avgIdleTime: Math.round(totalIdleTime / validShifts.length)
     };
-  }, [data, selectedShiftId]);
+  }, [analysisMonthlyData, selectedShiftId]);
   const calendarData = useMemo(() => {
     const startOfMonth = new Date(year, month, 1);
     const endOfMonth = new Date(year, month + 1, 0);
@@ -38609,7 +39010,7 @@ var WorkspaceMonthlyHistory = ({
       onShiftChange(shiftId);
     }
   }, [workspaceId, onShiftChange]);
-  const chartKey = useMemo(() => `${workspaceId}-${month}-${year}-${selectedShiftId}`, [workspaceId, month, year, selectedShiftId]);
+  const chartKey = useMemo(() => `${workspaceId}-${month}-${year}-${selectedShiftId}-${normalizedRange.startKey}-${normalizedRange.endKey}`, [workspaceId, month, year, selectedShiftId, normalizedRange.startKey, normalizedRange.endKey]);
   if (monthlyDataLoading) {
     return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100vh-10rem)]", children: /* @__PURE__ */ jsx(
       OptifyeLogoLoader_default,
@@ -38620,18 +39021,31 @@ var WorkspaceMonthlyHistory = ({
     ) });
   }
   return /* @__PURE__ */ jsxs("div", { className: `flex flex-col gap-2 min-h-0 overflow-y-auto pb-6 ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3 sm:items-center mb-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "hidden sm:block" }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ 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__ */ 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__ */ jsx("div", { className: "flex justify-center sm:justify-end", children: /* @__PURE__ */ jsx(
+        MonthlyRangeFilter_default,
+        {
+          month,
+          year,
+          timezone,
+          value: normalizedRange,
+          onChange: (nextRange) => onRangeChange?.(nextRange)
+        }
+      ) })
+    ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mt-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-100 p-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center mb-6 space-x-4", children: [
@@ -38699,6 +39113,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";
@@ -38714,8 +39132,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__ */ jsx(
+                  "div",
+                  {
+                    className: `absolute inset-0 rounded-lg pointer-events-none ${isRangeEdge ? "ring-2 ring-blue-500" : "ring-2 ring-blue-200"}`
+                  }
+                ),
                 /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "text-xs space-y-1", children: [
@@ -39259,8 +39683,11 @@ var WorkspaceMonthlyPdfGenerator = ({
   workspaceId,
   workspaceName,
   monthlyData,
+  analysisData,
   selectedMonth,
   selectedYear,
+  rangeStart,
+  rangeEnd,
   selectedShiftId,
   availableShifts,
   className
@@ -39269,12 +39696,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$1();
       doc.setFontSize(14);
@@ -39311,28 +39767,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;
       });
@@ -50101,6 +50544,8 @@ var KPIDetailView = ({
   tab: urlTab,
   month: urlMonth,
   year: urlYear,
+  rangeStart: urlRangeStart,
+  rangeEnd: urlRangeEnd,
   companyId,
   navigate,
   className,
@@ -50127,6 +50572,9 @@ var KPIDetailView = ({
     }
     return (/* @__PURE__ */ new Date()).getFullYear();
   });
+  const monthBounds = useMemo(() => getMonthKeyBounds(currentYear, currentMonth), [currentYear, currentMonth]);
+  const [rangeStart, setRangeStart] = useState(monthBounds.startKey);
+  const [rangeEnd, setRangeEnd] = useState(monthBounds.endKey);
   const [monthlyData, setMonthlyData] = useState([]);
   const [underperformingWorkspaces, setUnderperformingWorkspaces] = useState({});
   const [selectedShiftId, setSelectedShiftId] = useState(0);
@@ -50143,6 +50591,18 @@ var KPIDetailView = ({
     }
     return void 0;
   }, [urlShift]);
+  const range = useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
+  const isFullRange = useMemo(() => isFullMonthRange(range, currentYear, currentMonth), [range, currentYear, currentMonth]);
+  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";
@@ -50242,8 +50702,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);
@@ -50305,7 +50767,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 = useMemo(() => {
+    return filterDataByDateKeyRange(monthlyData, range);
+  }, [monthlyData, range]);
   const lineInfo = useMemo(() => {
     if (!metrics2 || !lineDetails || !lineDetails.factory) {
       return null;
@@ -50532,6 +50997,21 @@ var KPIDetailView = ({
     const url = `/kpis/${lineId}?tab=overview&month=${currentMonth}&year=${currentYear}`;
     handleNavigate(url, { shallow: true });
   }, [lineId, currentMonth, currentYear, handleNavigate]);
+  const buildMonthlyHistoryUrl = 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 = useCallback(() => {
     trackCoreEvent("Monthly History Viewed", {
       source: "line_kpi",
@@ -50539,9 +51019,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 = useCallback(() => {
     if (!urlDate && !urlShift) {
       trackCoreEvent("Dashboard Viewed", {
@@ -50555,10 +51035,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 = useCallback((newMonth, newYear) => {
     let validMonth = newMonth;
     let validYear = newYear;
@@ -50579,10 +51065,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 = 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__ */ jsx(LoadingPage, { message: "Loading line metrics..." });
   }
@@ -50763,9 +51257,12 @@ var KPIDetailView = ({
                 lineId,
                 lineName: lineInfo?.line_name || "Line",
                 monthlyData,
+                analysisData: analysisMonthlyData,
                 underperformingWorkspaces,
                 selectedMonth: currentMonth,
                 selectedYear: currentYear,
+                rangeStart,
+                rangeEnd,
                 selectedShiftId
               }
             )
@@ -50814,10 +51311,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
@@ -54526,6 +55028,8 @@ var WorkspaceDetailView = ({
   lineId,
   defaultTab,
   returnUrl,
+  rangeStart: urlRangeStart,
+  rangeEnd: urlRangeEnd,
   lineIds = { line1: "", line2: "" },
   selectedLineId,
   onNavigate,
@@ -54552,12 +55056,27 @@ var WorkspaceDetailView = ({
   const today = new Date((/* @__PURE__ */ new Date()).toLocaleString("en-US", { timeZone: timezone }));
   const [selectedMonth, setSelectedMonth] = useState(today.getMonth());
   const [selectedYear, setSelectedYear] = useState(today.getFullYear());
+  const monthBounds = useMemo(() => getMonthKeyBounds(selectedYear, selectedMonth), [selectedYear, selectedMonth]);
+  const [rangeStart, setRangeStart] = useState(monthBounds.startKey);
+  const [rangeEnd, setRangeEnd] = useState(monthBounds.endKey);
   const [selectedShift, setSelectedShift] = useState(0);
   useEffect(() => {
     if (parsedShiftId !== void 0) {
       setSelectedShift(parsedShiftId);
     }
   }, [parsedShiftId]);
+  const range = useMemo(() => ({ startKey: rangeStart, endKey: rangeEnd }), [rangeStart, rangeEnd]);
+  const isFullRange = useMemo(() => isFullMonthRange(range, selectedYear, selectedMonth), [range, selectedYear, selectedMonth]);
+  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] = useState(initialTab);
@@ -54780,6 +55299,9 @@ var WorkspaceDetailView = ({
       });
     }
   }, [activeTab, workspaceId, selectedMonth, selectedYear, supabase, dashboardConfig, handleMonthlyDataLoaded]);
+  const analysisMonthlyData = useMemo(() => {
+    return filterDataByDateKeyRange(monthlyData, range);
+  }, [monthlyData, range]);
   const formattedWorkspaceName = displayName || formatWorkspaceName3(workspace?.workspace_name || "", effectiveLineId);
   const shouldShowCycleTimeChart = showCycleTimeChart ?? formattedWorkspaceName.startsWith("FINAL ASSY");
   const handleBackNavigation = () => {
@@ -54801,6 +55323,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);
         }
@@ -54813,6 +55339,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);
           }
@@ -55082,8 +55612,11 @@ var WorkspaceDetailView = ({
                   workspaceId,
                   workspaceName: workspace?.workspace_name || "",
                   monthlyData,
+                  analysisData: analysisMonthlyData,
                   selectedMonth,
                   selectedYear,
+                  rangeStart,
+                  rangeEnd,
                   selectedShiftId: selectedShift
                 }
               ) })
@@ -55356,10 +55889,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) => {
@@ -55370,6 +55907,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);
                     }
@@ -55379,8 +55920,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"
               }
             )
@@ -58070,12 +58618,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] = useState(0);
   const [videos, setVideos] = useState([]);
@@ -58324,6 +58873,77 @@ var TableEvidence = ({ columns, rows }) => {
     /* @__PURE__ */ jsx("tbody", { children: rows.map((row, idx) => /* @__PURE__ */ jsx("tr", { className: "border-b border-gray-100 last:border-b-0", children: columns.map((col) => /* @__PURE__ */ 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] = 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__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider flex items-center gap-2", children: [
+        isVideo ? /* @__PURE__ */ jsx(PlayCircleIcon, { className: "w-4 h-4" }) : isChart ? /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-4 h-4" }),
+        title
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        isVideo && clipCount > 1 && /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "relative", children: [
+      ev.type === "video_gallery" && /* @__PURE__ */ 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__ */ 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__ */ jsx(PieChartEvidence, { data: ev.data }),
+      ev.type === "timeseries" && Array.isArray(ev.x) && Array.isArray(ev.y) && /* @__PURE__ */ jsx(LineChartEvidence, { x: ev.x, y: ev.y, unit: ev.unit }),
+      ev.type === "table" && Array.isArray(ev.columns) && Array.isArray(ev.rows) && /* @__PURE__ */ jsx(TableEvidence, { columns: ev.columns, rows: ev.rows })
+    ] }),
+    evidence.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsx(ChevronLeftIcon, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsx(ChevronRightIcon, { className: "w-4 h-4" })
+        }
+      )
+    ] })
+  ] });
+};
 var ImprovementCenterView = () => {
   const { navigate } = useNavigation();
   const supabase = useSupabase();
@@ -58331,12 +58951,16 @@ var ImprovementCenterView = () => {
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const [currentDate, setCurrentDate] = useState(/* @__PURE__ */ new Date());
-  const [selectedCategory, setSelectedCategory] = useState("all");
   const [selectedLineId, setSelectedLineId] = useState("all");
   const [selectedStatus, setSelectedStatus] = useState("all");
+  const [selectedShift, setSelectedShift] = useState("all");
+  const [selectedWeeksRange, setSelectedWeeksRange] = useState("all");
+  const [selectedMemberId, setSelectedMemberId] = useState("all");
   const [recommendations, setRecommendations] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [loadError, setLoadError] = useState(null);
+  const [teamMembers, setTeamMembers] = useState([]);
+  const [companyLines, setCompanyLines] = useState([]);
   const computeWeeksOpen = (firstSeenAt) => {
     if (!firstSeenAt) return void 0;
     const firstSeen = new Date(firstSeenAt);
@@ -58349,11 +58973,50 @@ var ImprovementCenterView = () => {
     return entityConfig.lines || entityConfig.lineNames || {};
   }, [entityConfig.lines, entityConfig.lineNames]);
   const configuredLineIds = useMemo(() => Object.keys(configuredLines), [configuredLines]);
-  const { accessibleLineIds } = useUserLineAccess(configuredLineIds);
+  const companyLineIds = useMemo(() => companyLines.map((line) => line.id), [companyLines]);
+  const assignedLineIds = 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 = 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 = 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 = 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 = useMemo(() => scopeLineIds.join(","), [scopeLineIds]);
+  const lineNameById = 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 = useMemo(() => {
     try {
@@ -58362,6 +59025,58 @@ var ImprovementCenterView = () => {
       return null;
     }
   }, [dashboardConfig]);
+  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]);
+  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));
   };
@@ -58394,11 +59109,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) {
@@ -58414,37 +59134,80 @@ var ImprovementCenterView = () => {
       cancelled = true;
     };
   }, [supabase, companyId, scopeLineIdsKey, currentDate]);
+  const teamMembersById = useMemo(() => {
+    return new Map(teamMembers.map((member) => [member.id, member]));
+  }, [teamMembers]);
   const filteredRecommendations = 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 = 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 = 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 = 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]);
+  useEffect(() => {
+    if (selectedLineId !== "all" && !scopeLineIds.includes(selectedLineId)) {
+      setSelectedLineId("all");
+    }
+  }, [scopeLineIds, selectedLineId]);
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-gray-50 flex flex-col", children: [
     /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-10 bg-white border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsx("div", { className: "px-4 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 min-w-[120px]", children: /* @__PURE__ */ jsx(
@@ -58519,15 +59282,41 @@ var ImprovementCenterView = () => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 w-full md:w-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 w-full md:w-auto", children: [
+          /* @__PURE__ */ 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__ */ jsx("option", { value: "all", children: "All Shifts" }),
+                shiftOptions.filter((s) => s !== "all").map((shift) => /* @__PURE__ */ jsx("option", { value: shift, children: shift }, shift))
+              ]
+            }
+          ),
           /* @__PURE__ */ 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__ */ jsx("option", { value: opt.id, children: opt.label }, opt.id))
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx("option", { value: opt.id, children: opt.label }, opt.id))
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "all", children: "All Members" }),
+                teamMembers.map((member) => /* @__PURE__ */ jsx("option", { value: member.id, children: member.name }, member.id))
+              ]
             }
           ),
           /* @__PURE__ */ jsx(
@@ -58535,7 +59324,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__ */ jsx("option", { value: opt.id, children: opt.label }, opt.id))
             }
@@ -58550,29 +59339,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__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
+            children: /* @__PURE__ */ jsx("div", { className: "p-6 relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-4", children: [
                 /* @__PURE__ */ jsx("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 w-full", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+                    rec.ticket_status === "solved" ? /* @__PURE__ */ 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__ */ jsx(CheckCircleIcon, { className: "w-3.5 h-3.5" }),
                       "Resolved"
-                    ] }) : /* @__PURE__ */ 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__ */ 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__ */ jsx(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__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("div", { className: "h-3 w-px bg-gray-200" }),
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: rec.assigned_user_ids.map((uid) => {
+                        const user2 = teamMembersById.get(uid);
+                        if (!user2) {
+                          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                            /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs font-medium text-gray-500", children: "Unknown" })
+                          ] }, uid);
+                        }
+                        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+                          /* @__PURE__ */ 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__ */ jsx("span", { className: "text-xs font-medium text-gray-600", children: user2.name })
+                        ] }, user2.id);
+                      }) })
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: rec.title }),
-                    /* @__PURE__ */ jsxs("p", { className: "text-sm font-medium text-gray-500 mt-1", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 pr-12", children: rec.title }),
+                    /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                        /* @__PURE__ */ jsx("span", { className: "uppercase tracking-wide text-xs pt-0.5 text-gray-500 font-medium", children: rec.shift_label || `Shift ${rec.shift_id}` })
+                      ] })
                     ] })
                   ] })
                 ] }) }),
@@ -58583,40 +59390,14 @@ var ImprovementCenterView = () => {
                   rec.impact
                 ] }) })
               ] }),
-              /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsxs("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider flex items-center gap-2", children: [
-                      isVideo ? /* @__PURE__ */ jsx(PlayCircleIcon, { className: "w-4 h-4" }) : isChart ? /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(ChartBarIcon, { className: "w-4 h-4" }),
-                      title
-                    ] }),
-                    isVideo && clipCount > 1 && /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(PieChartEvidence, { data: ev.data }),
-                  ev.type === "timeseries" && Array.isArray(ev.x) && Array.isArray(ev.y) && /* @__PURE__ */ jsx(LineChartEvidence, { x: ev.x, y: ev.y, unit: ev.unit }),
-                  ev.type === "table" && Array.isArray(ev.columns) && Array.isArray(ev.rows) && /* @__PURE__ */ jsx(TableEvidence, { columns: ev.columns, rows: ev.rows })
-                ] }, `${rec.id}-ev-${idx}`);
-              }) }) : /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: isLoading ? "Loading evidence\u2026" : loadError ? loadError : "No evidence available" }) })
+              /* @__PURE__ */ 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__ */ jsx(
+                EvidenceCarousel,
+                {
+                  evidence: rec.evidence,
+                  recId: rec.id,
+                  clipsService
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: isLoading ? "Loading evidence\u2026" : loadError ? loadError : "No evidence available" }) })
             ] }) })
           },
           rec.id
@@ -58625,8 +59406,8 @@ var ImprovementCenterView = () => {
           /* @__PURE__ */ jsxs("div", { className: "text-center py-16 bg-white rounded-xl border border-gray-200 shadow-sm", children: [
             /* @__PURE__ */ jsx("div", { className: "mx-auto flex items-center justify-center w-16 h-16 rounded-full bg-green-50 mb-4", children: /* @__PURE__ */ jsx(CheckCircleIcon, { className: "w-8 h-8 text-green-500" }) }),
             /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "No tickets found" }),
-            /* @__PURE__ */ 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__ */ jsx(
+            /* @__PURE__ */ 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__ */ jsx(
               "button",
               {
                 onClick: clearFilters,
@@ -59097,4 +59878,4 @@ var streamProxyConfig = {
   }
 };
 
-export { ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, TeamUsagePdfGenerator, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, buildKPIsFromLineMetricsRow, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateTimeInZone, formatDuration, formatISTDate, formatIdleTime, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, optifyeAgentClient, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeReasons, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMultiLineShiftConfigs, useNavigation, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, userService, videoPrefetchManager, videoPreloader, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };
+export { ACTION_NAMES, AIAgentView_default as AIAgentView, AcceptInvite, AcceptInviteView_default as AcceptInviteView, AdvancedFilterDialog, AdvancedFilterPanel, AudioService, AuthCallback, AuthCallbackView_default as AuthCallbackView, AuthProvider, AuthService, AuthenticatedBottleneckClipsView, AuthenticatedFactoryView, AuthenticatedHelpView, AuthenticatedHomeView, AuthenticatedShiftsView, AuthenticatedTargetsView, AuthenticatedTicketsView, AuthenticatedWorkspaceHealthView, AxelNotificationPopup, AxelOrb, BackButton, BackButtonMinimal, BarChart, BaseHistoryCalendar, BottleneckClipsModal, BottleneckClipsView_default as BottleneckClipsView, BottlenecksContent, BreakNotificationPopup, CachePrefetchStatus, Card2 as Card, CardContent2 as CardContent, CardDescription2 as CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle2 as CardTitle, ChangeRoleDialog, ClipFilterProvider, CompactWorkspaceHealthCard, ConfirmRemoveUserDialog, CongratulationsOverlay, CroppedHlsVideoPlayer, CroppedVideoPlayer, CycleTimeChart, CycleTimeOverTimeChart, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_HOME_VIEW_CONFIG, DEFAULT_MAP_VIEW_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_SHIFT_DATA, DEFAULT_THEME_CONFIG, DEFAULT_VIDEO_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, DashboardHeader, DashboardLayout, DashboardOverridesProvider, DashboardProvider, DateDisplay_default as DateDisplay, DateTimeDisplay, DebugAuth, DebugAuthView_default as DebugAuthView, DetailedHealthStatus, DiagnosisVideoModal, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, ISTTimer_default as ISTTimer, ImprovementCenterView_default as ImprovementCenterView, InlineEditableText, InteractiveOnboardingTour, InvitationService, InvitationsTable, InviteUserDialog, KPICard, KPIDetailView_default as KPIDetailView, KPIGrid, KPIHeader, KPISection, KPIsOverviewView_default as KPIsOverviewView, LINE_1_UUID, LINE_2_UUID, LargeOutputProgressChart, LeaderboardDetailView_default as LeaderboardDetailView, Legend6 as Legend, LineAssignmentDropdown, LineChart, LineHistoryCalendar, LineMonthlyHistory, LineMonthlyPdfGenerator, LinePdfExportButton, LinePdfGenerator, LineWhatsAppShareButton, LinesService, LiveTimer, LoadingInline, LoadingOverlay_default as LoadingOverlay, LoadingPage_default as LoadingPage, LoadingSkeleton, LoadingState, LoginPage, LoginView_default as LoginView, Logo, MainLayout, MapGridView, MetricCard_default as MetricCard, MinimalOnboardingPopup, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlayPauseIndicator, PrefetchConfigurationError, PrefetchError, PrefetchEvents, PrefetchStatus, PrefetchTimeoutError, ProfileView_default as ProfileView, RegistryProvider, RoleBadge, S3ClipsSupabaseService as S3ClipsService, S3Service, SKUManagementView, SOPComplianceChart, SSEChatClient, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SessionTracker, SessionTrackingContext, SessionTrackingProvider, ShiftDisplay_default as ShiftDisplay, ShiftsView_default as ShiftsView, SideNavBar, SignupWithInvitation, SilentErrorBoundary, SimpleOnboardingPopup, SingleVideoStream_default as SingleVideoStream, Skeleton, SubscriptionManager, SubscriptionManagerProvider, SupabaseProvider, SupervisorDropdown_default as SupervisorDropdown, SupervisorManagementView_default as SupervisorManagementView, SupervisorService, TargetWorkspaceGrid, TargetsView_default as TargetsView, TeamManagementView_default as TeamManagementView, TeamUsagePdfGenerator, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UserManagementService, UserManagementTable, UserService, UserUsageDetailModal, UserUsageStats, VideoCard, VideoGridView, VideoPlayer, VideoPreloader, WORKSPACE_POSITIONS, WhatsAppShareButton, WorkspaceCard, WorkspaceDetailView_default as WorkspaceDetailView, WorkspaceDisplayNameExample, WorkspaceGrid, WorkspaceGridItem, WorkspaceHealthCard, WorkspaceHealthView_default as WorkspaceHealthView, WorkspaceHistoryCalendar, WorkspaceMetricCards, WorkspaceMetricCardsImpl, WorkspaceMonthlyDataFetcher, WorkspaceMonthlyHistory, WorkspaceMonthlyPdfGenerator, WorkspacePdfExportButton, WorkspacePdfGenerator, WorkspaceWhatsAppShareButton, actionService, aggregateKPIsFromLineMetricsRows, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, buildDateKey, buildKPIsFromLineMetricsRow, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, shuffleArray, simulateApiDelay, skuService, startCoreSessionRecording, stopCoreSessionRecording, storeWorkspaceMapping, streamProxyConfig, subscribeWorkspaceDisplayNames, throttledReloadDashboard, toUrlFriendlyName, trackCoreEvent, trackCorePageView, transformToChartData, updateThreadTitle, upsertWorkspaceDisplayNameInCache, useAccessControl, useActiveBreaks, useActiveLineId, useAllWorkspaceMetrics, useAnalyticsConfig, useAppTimezone, useAudioService, useAuth, useAuthConfig, useAxelNotifications, useCanSaveTargets, useClipFilter, useClipTypes, useClipTypesWithCounts, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeReasons, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMultiLineShiftConfigs, useNavigation, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, userService, videoPrefetchManager, videoPreloader, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };