@optifye/dashboard-core 6.11.5 → 6.11.6

package/dist/index.mjs

@@ -3,14 +3,14 @@ import React141__default, { createContext, useRef, useCallback, useState, useMem
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouter } from 'next/router';
 import { fromZonedTime, formatInTimeZone, toZonedTime } from 'date-fns-tz';
-import { endOfDay, startOfDay, startOfMonth, isSameDay, endOfMonth, eachDayOfInterval, getDay, isWithinInterval, format, addDays, differenceInMinutes, addMinutes, subDays, subMonths, addMonths, parseISO, isValid, formatDistanceToNow, isToday, isFuture, isBefore } from 'date-fns';
+import { format, subMonths, endOfMonth, startOfMonth, endOfDay, eachDayOfInterval, getDay, isSameDay, isWithinInterval, startOfDay, addDays, differenceInMinutes, addMinutes, parseISO, subDays, addMonths, isValid, formatDistanceToNow, isToday, isFuture, isBefore } from 'date-fns';
 import mixpanel from 'mixpanel-browser';
 import { EventEmitter } from 'events';
 import { createClient, REALTIME_SUBSCRIBE_STATES } from '@supabase/supabase-js';
 import Hls, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
 import { memo, noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';
-import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, Wrench, XCircle, Package, UserX, Zap, HelpCircle, Tag, Palette, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, Sliders, Activity, Layers, Search, Edit2, ArrowRight, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Copy, ArrowUpRight, Settings, LifeBuoy, EyeOff, Flame, Crown, Medal } from 'lucide-react';
+import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, Map as Map$1, Video, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowLeft, Clock, Calendar, Save, AlertCircle, Loader2, Minus, ArrowDown, ArrowUp, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, Wrench, XCircle, Package, UserX, Zap, HelpCircle, Tag, Palette, CheckCircle2, RefreshCw, TrendingDown, FolderOpen, Folder, Sliders, Activity, Layers, Search, Edit2, ArrowRight, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Copy, Settings, LifeBuoy, EyeOff, Flame, Crown, Medal } from 'lucide-react';
 import { toast } from 'sonner';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, PieChart, Pie, Cell, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
@@ -623,6 +623,17 @@ var getMonthKeyBounds = (year, monthIndex) => {
   const endKey = buildDateKey(year, monthIndex, lastDay);
   return { startKey, endKey };
 };
+var getCurrentWeekToDateRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
+  const todayKey = formatInTimeZone(now4, timezone || "UTC", "yyyy-MM-dd");
+  const todayDate = parseISO(`${todayKey}T00:00:00`);
+  const dayOfWeek = getDay(todayDate);
+  const daysSinceMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+  const weekStart = subDays(todayDate, daysSinceMonday);
+  return {
+    startKey: format(weekStart, "yyyy-MM-dd"),
+    endKey: format(todayDate, "yyyy-MM-dd")
+  };
+};
 var normalizeDateKeyRange = (startKey, endKey, minKey, maxKey) => {
   const clampedStart = startKey < minKey ? minKey : startKey > maxKey ? maxKey : startKey;
   const clampedEnd = endKey < minKey ? minKey : endKey > maxKey ? maxKey : endKey;
@@ -2681,6 +2692,45 @@ var workspaceService = {
     }
   }
 };
+
+// src/lib/utils/workspaceHealthSummary.ts
+var computeWorkspaceHealthSummary = (data, lastUpdated = (/* @__PURE__ */ new Date()).toISOString()) => {
+  const totalWorkspaces = data.length;
+  const healthyWorkspaces = data.filter((workspace) => workspace.status === "healthy").length;
+  const unhealthyWorkspaces = data.filter((workspace) => workspace.status === "unhealthy").length;
+  const warningWorkspaces = data.filter((workspace) => workspace.status === "warning").length;
+  const workspacesWithUptime = data.filter(
+    (workspace) => workspace.hasUptimeData && workspace.uptimePercentage !== void 0 && workspace.uptimeDetails !== void 0
+  );
+  const workspacesWithoutUptimeData = totalWorkspaces - workspacesWithUptime.length;
+  let uptimePercentage = null;
+  let totalDowntimeMinutes;
+  if (workspacesWithUptime.length > 0) {
+    const totalUptime = workspacesWithUptime.reduce(
+      (sum, workspace) => sum + (workspace.uptimePercentage || 0),
+      0
+    );
+    uptimePercentage = totalUptime / workspacesWithUptime.length;
+    totalDowntimeMinutes = workspacesWithUptime.reduce((sum, workspace) => {
+      if (!workspace.uptimeDetails) {
+        return sum;
+      }
+      return sum + Math.max(0, workspace.uptimeDetails.expectedMinutes - workspace.uptimeDetails.actualMinutes);
+    }, 0);
+  }
+  return {
+    totalWorkspaces,
+    healthyWorkspaces,
+    unhealthyWorkspaces,
+    warningWorkspaces,
+    uptimePercentage,
+    workspacesWithoutUptimeData,
+    totalDowntimeMinutes,
+    lastUpdated
+  };
+};
+
+// src/lib/services/workspaceHealthService.ts
 var DATA_PROCESSING_DELAY_MINUTES = 5;
 var WorkspaceHealthService = class _WorkspaceHealthService {
   constructor() {
@@ -2820,6 +2870,24 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     }
     return "down";
   }
+  hasCompletedTimelineData(completedMinutes, shiftStartDate, outputHourly, outputArray, timezone) {
+    if (completedMinutes <= 0) {
+      return false;
+    }
+    for (let minuteIndex = 0; minuteIndex < completedMinutes; minuteIndex++) {
+      const minuteDate = addMinutes(shiftStartDate, minuteIndex);
+      const hourKey = formatInTimeZone(minuteDate, timezone, "H");
+      const minuteKey = Number.parseInt(formatInTimeZone(minuteDate, timezone, "m"), 10);
+      const hourBucket = outputHourly[hourKey];
+      if (Array.isArray(hourBucket) && hourBucket[minuteKey] !== void 0) {
+        return true;
+      }
+      if (minuteIndex < outputArray.length) {
+        return true;
+      }
+    }
+    return false;
+  }
   async getWorkspaceHealthStatus(options = {}) {
     const supabase = _getSupabaseInstance();
     if (!supabase) throw new Error("Supabase client not initialized");
@@ -2874,11 +2942,15 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       if (uptimeDetails) {
         return {
           ...workspace,
+          hasUptimeData: true,
           uptimePercentage: uptimeDetails.percentage,
           uptimeDetails
         };
       }
-      return workspace;
+      return {
+        ...workspace,
+        hasUptimeData: false
+      };
     });
     let filteredData = dataWithUptime;
     try {
@@ -3010,6 +3082,33 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
     const record = Array.isArray(data) && data.length > 0 ? data[0] : null;
     const outputHourly = this.normalizeOutputHourly(record?.output_hourly || {});
     const outputArray = Array.isArray(record?.output_array) ? record.output_array : [];
+    const hasData = Boolean(
+      record && this.hasCompletedTimelineData(
+        completedMinutes,
+        shiftStartDate,
+        outputHourly,
+        outputArray,
+        timezone
+      )
+    );
+    if (!hasData) {
+      return {
+        shiftId: queryShiftId,
+        shiftLabel,
+        shiftStart: formatInTimeZone(shiftStartDate, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX"),
+        shiftEnd: formatInTimeZone(shiftEndDate, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX"),
+        totalMinutes,
+        completedMinutes,
+        uptimeMinutes: 0,
+        downtimeMinutes: 0,
+        pendingMinutes,
+        uptimePercentage: 0,
+        hasData: false,
+        generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        points: [],
+        downtimeSegments: []
+      };
+    }
     const points = [];
     let uptimeMinutes = 0;
     let downtimeMinutes = 0;
@@ -3095,6 +3194,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       downtimeMinutes,
       pendingMinutes,
       uptimePercentage,
+      hasData: true,
       generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
       points,
       downtimeSegments: filteredSegments
@@ -3123,37 +3223,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
   async getHealthSummary(lineId, companyId) {
     this.clearCache();
     const workspaces = await this.getWorkspaceHealthStatus({ lineId, companyId });
-    const totalWorkspaces = workspaces.length;
-    const healthyWorkspaces = workspaces.filter((w) => w.status === "healthy").length;
-    const unhealthyWorkspaces = workspaces.filter((w) => w.status === "unhealthy").length;
-    const warningWorkspaces = workspaces.filter((w) => w.status === "warning").length;
-    let uptimePercentage = 0;
-    let totalDowntimeMinutes = 0;
-    if (totalWorkspaces > 0) {
-      const workspacesWithUptime = workspaces.filter((w) => w.uptimePercentage !== void 0 && w.uptimeDetails !== void 0);
-      if (workspacesWithUptime.length > 0) {
-        const totalUptime = workspacesWithUptime.reduce((sum, w) => sum + (w.uptimePercentage || 0), 0);
-        uptimePercentage = totalUptime / workspacesWithUptime.length;
-        totalDowntimeMinutes = workspacesWithUptime.reduce((sum, w) => {
-          if (w.uptimeDetails) {
-            const downtime = Math.max(0, w.uptimeDetails.expectedMinutes - w.uptimeDetails.actualMinutes);
-            return sum + downtime;
-          }
-          return sum;
-        }, 0);
-      } else {
-        uptimePercentage = healthyWorkspaces / totalWorkspaces * 100;
-      }
-    }
-    return {
-      totalWorkspaces,
-      healthyWorkspaces,
-      unhealthyWorkspaces,
-      warningWorkspaces,
-      uptimePercentage,
-      totalDowntimeMinutes,
-      lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
-    };
+    return computeWorkspaceHealthSummary(workspaces);
   }
   async getHealthMetrics(workspaceId, startDate, endDate) {
     const supabase = _getSupabaseInstance();
@@ -3192,7 +3262,8 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       ...data,
       status,
       timeSinceLastUpdate,
-      isStale
+      isStale,
+      hasUptimeData: false
     };
   }
   getStatusPriority(status) {
@@ -15936,7 +16007,8 @@ var useWorkspaceHealthById = (workspaceId, options) => {
           ...healthData,
           status,
           timeSinceLastUpdate,
-          isStale: !lastUpdate || now4.getTime() - lastUpdate.getTime() > 15 * 6e4
+          isStale: !lastUpdate || now4.getTime() - lastUpdate.getTime() > 15 * 6e4,
+          hasUptimeData: false
         };
         setWorkspace(workspaceWithStatus);
       } else {
@@ -47988,14 +48060,11 @@ var WorkspaceHealthCard = ({
   };
   const getDowntimeConfig = (uptimeDetails) => {
     if (!uptimeDetails) {
-      if (workspace.status === "healthy") {
-        return {
-          text: "0m",
-          className: "text-emerald-600 dark:text-emerald-400",
-          label: "Total Downtime"
-        };
-      }
-      return { text: "--", className: "text-slate-400", label: "Total Downtime" };
+      return {
+        text: "--",
+        className: "text-slate-400",
+        label: "Uptime Data"
+      };
     }
     const downtimeMinutes = Math.max(0, uptimeDetails.expectedMinutes - uptimeDetails.actualMinutes);
     if (downtimeMinutes === 0) {
@@ -48054,7 +48123,7 @@ var WorkspaceHealthCard = ({
             ] })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "mt-3 pt-3 border-t border-slate-100 dark:border-slate-800", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wide", children: "Total Downtime" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wide", children: downtimeConfig.label }),
             /* @__PURE__ */ jsx("span", { className: clsx("text-sm font-semibold", downtimeConfig.className), children: downtimeConfig.text })
           ] }) })
         ] }),
@@ -48077,8 +48146,8 @@ var CompactWorkspaceHealthCard = ({
   className = "",
   onViewDetails
 }) => {
-  const downtimeMinutes = workspace.uptimeDetails ? Math.max(0, workspace.uptimeDetails.expectedMinutes - workspace.uptimeDetails.actualMinutes) : null;
-  const downtimeLabel = downtimeMinutes === null ? "No downtime data" : downtimeMinutes === 0 ? "No downtime" : `${downtimeMinutes} min down`;
+  const downtimeMinutes = workspace.hasUptimeData && workspace.uptimeDetails ? Math.max(0, workspace.uptimeDetails.expectedMinutes - workspace.uptimeDetails.actualMinutes) : null;
+  const downtimeLabel = !workspace.hasUptimeData ? "Uptime data unavailable" : downtimeMinutes === null ? "No downtime data" : downtimeMinutes === 0 ? "No downtime" : `${downtimeMinutes} min down`;
   const getStatusConfig = () => {
     switch (workspace.status) {
       case "healthy":
@@ -48147,7 +48216,7 @@ var CompactWorkspaceHealthCard = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          workspace.hasUptimeData && workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: [
               workspace.uptimePercentage.toFixed(1),
               "%"
@@ -48155,6 +48224,7 @@ var CompactWorkspaceHealthCard = ({
             downtimeMinutes !== null && downtimeMinutes > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-400", children: "\u2022" }),
             downtimeLabel && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: downtimeLabel })
           ] }),
+          !workspace.hasUptimeData && /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Uptime data unavailable" }),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: workspace.timeSinceLastUpdate }),
           /* @__PURE__ */ jsx("div", { className: clsx("h-2 w-2 rounded-full", config.dot) }),
           onViewDetails && /* @__PURE__ */ jsx(
@@ -49727,7 +49797,28 @@ var SideNavBar = memo$1(({
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
   const settingsTriggerRef = useRef(null);
   const [isAlertsOpen, setIsAlertsOpen] = useState(false);
-  const [alertsCount, setAlertsCount] = useState(0);
+  const [alertsCount, setAlertsCount] = useState(null);
+  const [lastViewedCount, setLastViewedCount] = useState(() => {
+    if (typeof window !== "undefined") {
+      return parseInt(localStorage.getItem("lastViewedAlertsCount") || "0", 10);
+    }
+    return 0;
+  });
+  useEffect(() => {
+    if (alertsCount === null) return;
+    setLastViewedCount((prev) => {
+      if (isAlertsOpen) {
+        localStorage.setItem("lastViewedAlertsCount", alertsCount.toString());
+        return alertsCount;
+      }
+      if (alertsCount < prev) {
+        localStorage.setItem("lastViewedAlertsCount", alertsCount.toString());
+        return alertsCount;
+      }
+      return prev;
+    });
+  }, [alertsCount, isAlertsOpen]);
+  const unreadCount = alertsCount !== null ? Math.max(0, alertsCount - lastViewedCount) : 0;
   const alertsTriggerRef = useRef(null);
   const alertsCompanyId = entityConfig.companyId || user?.company_id;
   const showAlertsButton = (role === "supervisor" || role === "optifye") && !!alertsCompanyId && !!supabase;
@@ -50016,10 +50107,7 @@ var SideNavBar = memo$1(({
           children: [
             /* @__PURE__ */ jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ jsx(BellIcon, { className: "w-5 h-5 mb-1" }),
-              alertsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
-                /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
-                /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
-              ] })
+              unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-red-500 px-1 text-[9px] font-bold text-white shadow-sm ring-2 ring-white", children: unreadCount > 99 ? "99+" : unreadCount })
             ] }),
             /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight mt-1", children: "Alerts" })
           ]
@@ -50171,10 +50259,7 @@ var SideNavBar = memo$1(({
               children: [
                 /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsx(BellIcon, { className: getIconClass("/alerts") }),
-                  alertsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
-                    /* @__PURE__ */ jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
-                    /* @__PURE__ */ jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
-                  ] })
+                  unreadCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 flex h-4 min-w-[16px] items-center justify-center rounded-full bg-red-500 px-1 text-[9px] font-bold text-white shadow-sm ring-2 ring-white", children: unreadCount > 99 ? "99+" : unreadCount })
                 ] }),
                 /* @__PURE__ */ jsx("span", { className: "text-base font-medium ml-3", children: "Alerts" })
               ]
@@ -50302,7 +50387,7 @@ var SideNavBar = memo$1(({
         onClose: () => setIsAlertsOpen(false),
         triggerRef: alertsTriggerRef,
         companyId: alertsCompanyId,
-        alertsCount,
+        alertsCount: alertsCount ?? 0,
         onAlertsLoaded: setAlertsCount
       }
     )
@@ -57351,6 +57436,7 @@ var WEEKDAYS4 = ["S", "M", "T", "W", "T", "F", "S"];
 var MonthlyRangeFilter = ({
   month,
   year,
+  timezone,
   value,
   onChange,
   onMonthNavigate,
@@ -57358,32 +57444,34 @@ var MonthlyRangeFilter = ({
   variant = "default",
   showLabel = true
 }) => {
-  const presets = [
+  const todayKey = useMemo(
+    () => formatInTimeZone(/* @__PURE__ */ new Date(), timezone || "UTC", "yyyy-MM-dd"),
+    [timezone]
+  );
+  const todayDate = useMemo(() => parseDateKeyToDate(todayKey), [todayKey]);
+  const presets = useMemo(() => [
     {
-      label: "Last Week",
-      getValue: () => ({
-        start: startOfDay(subDays(/* @__PURE__ */ new Date(), 6)),
-        end: endOfDay(/* @__PURE__ */ new Date())
-      })
+      label: "This Week",
+      getValue: () => getCurrentWeekToDateRange(timezone)
     },
     {
       label: "Last Month",
       getValue: () => {
-        const lastMonth = subMonths(/* @__PURE__ */ new Date(), 1);
+        const lastMonth = subMonths(todayDate, 1);
         return {
-          start: startOfMonth(lastMonth),
-          end: endOfMonth(lastMonth)
+          startKey: format(startOfMonth(lastMonth), "yyyy-MM-dd"),
+          endKey: format(endOfMonth(lastMonth), "yyyy-MM-dd")
         };
       }
     },
     {
       label: "This Month",
       getValue: () => ({
-        start: startOfMonth(/* @__PURE__ */ new Date()),
-        end: endOfDay(/* @__PURE__ */ new Date())
+        startKey: format(startOfMonth(todayDate), "yyyy-MM-dd"),
+        endKey: format(todayDate, "yyyy-MM-dd")
       })
     }
-  ];
+  ], [timezone, todayDate]);
   const monthBounds = useMemo(() => getMonthKeyBounds(year, month), [year, month]);
   const normalizedRange = useMemo(() => {
     return normalizeDateKeyRange(value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey);
@@ -57404,15 +57492,15 @@ var MonthlyRangeFilter = ({
   const [rangeEnd, setRangeEnd] = useState(parseDateKeyToDate(normalizedRange.endKey));
   const [selecting, setSelecting] = useState(false);
   const [activePreset, setActivePreset] = useState(null);
-  const today = useMemo(() => endOfDay(/* @__PURE__ */ new Date()), []);
+  const today = useMemo(() => endOfDay(todayDate), [todayDate]);
   useEffect(() => {
     setCalendarMonth(month);
     setCalendarYear(year);
   }, [month, year]);
   useEffect(() => {
     if (isOpen) {
-      const start = parseDateKeyToDate(normalizedRange.startKey);
-      const end = parseDateKeyToDate(normalizedRange.endKey);
+      const start = parseDateKeyToDate(value.startKey);
+      const end = parseDateKeyToDate(value.endKey);
       setRangeStart(start);
       setRangeEnd(end);
       setSelecting(false);
@@ -57420,11 +57508,11 @@ var MonthlyRangeFilter = ({
       setCalendarYear(year);
       const match = presets.find((p) => {
         const val = p.getValue();
-        return isSameDay(val.start, start) && isSameDay(val.end, end);
+        return val.startKey === value.startKey && val.endKey === value.endKey;
       });
       setActivePreset(match ? match.label : "Custom");
     }
-  }, [isOpen, normalizedRange.startKey, normalizedRange.endKey, month, year]);
+  }, [isOpen, month, presets, value.endKey, value.startKey, year]);
   useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -57454,7 +57542,9 @@ var MonthlyRangeFilter = ({
     }
   };
   const handlePresetClick = (preset) => {
-    const { start, end } = preset.getValue();
+    const { startKey, endKey } = preset.getValue();
+    const start = parseDateKeyToDate(startKey);
+    const end = parseDateKeyToDate(endKey);
     setRangeStart(start);
     setRangeEnd(end);
     setSelecting(false);
@@ -57494,8 +57584,7 @@ var MonthlyRangeFilter = ({
     const nextMonthDate = addMonths(new Date(calendarYear, calendarMonth), 1);
     const newMonth = nextMonthDate.getMonth();
     const newYear = nextMonthDate.getFullYear();
-    const currentDate = /* @__PURE__ */ new Date();
-    if (newYear > currentDate.getFullYear() || newYear === currentDate.getFullYear() && newMonth > currentDate.getMonth()) {
+    if (newYear > todayDate.getFullYear() || newYear === todayDate.getFullYear() && newMonth > todayDate.getMonth()) {
       return;
     }
     setCalendarMonth(newMonth);
@@ -57503,7 +57592,7 @@ var MonthlyRangeFilter = ({
     onMonthNavigate?.(newMonth, newYear);
   };
   const canGoPrevious = !(calendarYear === 2023 && calendarMonth === 0);
-  const canGoNext = !(calendarYear === (/* @__PURE__ */ new Date()).getFullYear() && calendarMonth === (/* @__PURE__ */ new Date()).getMonth());
+  const canGoNext = !(calendarYear === todayDate.getFullYear() && calendarMonth === todayDate.getMonth());
   const monthDate = useMemo(() => new Date(calendarYear, calendarMonth), [calendarYear, calendarMonth]);
   const calendarDays = useMemo(() => {
     const start = startOfMonth(monthDate);
@@ -66684,7 +66773,8 @@ var useWorkspaceHealth = (options) => {
     healthyWorkspaces: 0,
     unhealthyWorkspaces: 0,
     warningWorkspaces: 0,
-    uptimePercentage: 100,
+    uptimePercentage: null,
+    workspacesWithoutUptimeData: 0,
     lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
   });
   const [loading, setLoading] = useState(true);
@@ -66692,36 +66782,10 @@ var useWorkspaceHealth = (options) => {
   const isFetchingRef = useRef(false);
   const refreshIntervalRef = useRef(null);
   const healthTable = databaseConfig?.tables?.workspace_health || "workspace_health_status";
-  const computeSummary = useCallback((data) => {
-    const total = data.length;
-    const healthy = data.filter((w) => w.status === "healthy").length;
-    const unhealthy = data.filter((w) => w.status === "unhealthy").length;
-    const warning6 = data.filter((w) => w.status === "warning").length;
-    let uptimePercentage = total > 0 ? healthy / total * 100 : 100;
-    let totalDowntimeMinutes;
-    const withUptime = data.filter(
-      (w) => w.uptimePercentage !== void 0 && w.uptimeDetails !== void 0
-    );
-    if (withUptime.length > 0) {
-      const totalUptime = withUptime.reduce((sum, w) => sum + (w.uptimePercentage || 0), 0);
-      uptimePercentage = totalUptime / withUptime.length;
-      totalDowntimeMinutes = withUptime.reduce((sum, w) => {
-        if (w.uptimeDetails) {
-          return sum + Math.max(0, w.uptimeDetails.expectedMinutes - w.uptimeDetails.actualMinutes);
-        }
-        return sum;
-      }, 0);
-    }
-    return {
-      totalWorkspaces: total,
-      healthyWorkspaces: healthy,
-      unhealthyWorkspaces: unhealthy,
-      warningWorkspaces: warning6,
-      uptimePercentage,
-      totalDowntimeMinutes,
-      lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
-    };
-  }, []);
+  const computeSummary = useCallback(
+    (data) => computeWorkspaceHealthSummary(data),
+    []
+  );
   const fetchWorkspacesHealth = useCallback(async () => {
     if (isFetchingRef.current) return;
     if (isShiftConfigLoading) {
@@ -66876,7 +66940,7 @@ var UptimeTimelineStrip = ({
   shiftEnd,
   timezone,
   className = "",
-  uptimePercentage = 0,
+  uptimePercentage = null,
   downtimeMinutes = 0
 }) => {
   const segments = useMemo(() => {
@@ -66941,7 +67005,7 @@ var UptimeTimelineStrip = ({
     return /* @__PURE__ */ jsx("div", { className: "w-full rounded-xl border border-dashed border-gray-200 bg-gray-50/50 p-6 text-center text-sm text-gray-600", children: "No uptime data available for this shift yet." });
   }
   return /* @__PURE__ */ jsxs("div", { className: `relative w-full ${className}`, children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-3 text-sm", children: /* @__PURE__ */ jsxs("span", { className: "text-gray-900 font-semibold", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center mb-3 text-sm", children: typeof uptimePercentage === "number" ? /* @__PURE__ */ jsxs("span", { className: "text-gray-900 font-semibold", children: [
       uptimePercentage.toFixed(1),
       " % uptime ",
       downtimeMinutes > 0 && /* @__PURE__ */ jsxs("span", { className: "text-gray-600 font-normal", children: [
@@ -66949,7 +67013,7 @@ var UptimeTimelineStrip = ({
         formatDowntimeLabel(downtimeMinutes),
         ")"
       ] })
-    ] }) }),
+    ] }) : /* @__PURE__ */ jsx("span", { className: "text-gray-600 font-medium", children: "Uptime data unavailable" }) }),
     /* @__PURE__ */ jsx("div", { className: "relative flex h-4 overflow-hidden rounded-lg border border-gray-200 shadow-sm bg-white", children: segments.map((segment, index) => {
       const startDate = new Date(segment.startTimestamp);
       const endDate = new Date(segment.endTimestamp);
@@ -67070,7 +67134,8 @@ var WorkspaceUptimeDetailModal = ({
   const downtimeSegments = timeline?.downtimeSegments || [];
   downtimeSegments.length;
   const downtimeMinutes = timeline?.downtimeMinutes ?? 0;
-  const uptimePercentage = timeline?.uptimePercentage ?? workspace?.uptimePercentage ?? 0;
+  const hasTimelineData = Boolean(timeline?.hasData);
+  const uptimePercentage = hasTimelineData ? timeline?.uptimePercentage ?? workspace?.uptimePercentage ?? null : null;
   const allInterruptionsSorted = useMemo(
     () => [...downtimeSegments].sort(
       (a, b) => new Date(b.startTime).getTime() - new Date(a.startTime).getTime()
@@ -67192,7 +67257,7 @@ var WorkspaceUptimeDetailModal = ({
                     shiftEnd: timeline?.shiftEnd || (/* @__PURE__ */ new Date()).toISOString(),
                     timezone,
                     uptimePercentage,
-                    downtimeMinutes
+                    downtimeMinutes: hasTimelineData ? downtimeMinutes : 0
                   }
                 ),
                 loading && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-600 mt-4", children: [
@@ -67202,7 +67267,7 @@ var WorkspaceUptimeDetailModal = ({
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pt-4", children: [
                 /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wider mb-3", children: "Downtime Logs" }),
-                downtimeSegments.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "No downtime events recorded for this shift." }) }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                !hasTimelineData ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "No uptime data available for this shift." }) }) : downtimeSegments.length === 0 ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600", children: "No downtime events recorded for this shift." }) }) : /* @__PURE__ */ jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsx(
                     "div",
                     {
@@ -67327,6 +67392,7 @@ var WorkspaceHealthView = ({
     }
   };
   const getUptimeColor = (percentage) => {
+    if (percentage === null) return "text-gray-500 dark:text-gray-400";
     if (percentage >= 97) return "text-green-600 dark:text-green-400";
     if (percentage >= 90) return "text-yellow-600 dark:text-yellow-400";
     return "text-red-600 dark:text-red-400";
@@ -67436,13 +67502,16 @@ var WorkspaceHealthView = ({
                 /* @__PURE__ */ jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "System Availability" }) }),
                 /* @__PURE__ */ jsxs(CardContent2, { children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
-                    /* @__PURE__ */ jsxs("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: [
-                      summary.uptimePercentage.toFixed(1),
-                      "%"
-                    ] }),
-                    summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsx(Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-5 w-5 text-red-500" })
+                    /* @__PURE__ */ jsx("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: summary.uptimePercentage === null ? "No data" : `${summary.uptimePercentage.toFixed(1)}%` }),
+                    summary.uptimePercentage === null ? /* @__PURE__ */ jsx(Activity, { className: "h-5 w-5 text-gray-400" }) : summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsx(TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsx(Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsx(TrendingDown, { className: "h-5 w-5 text-red-500" })
                   ] }),
-                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Overall system uptime today" })
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: summary.uptimePercentage === null ? "Uptime metrics unavailable for visible workspaces" : "Overall system uptime today" }),
+                  summary.workspacesWithoutUptimeData > 0 && /* @__PURE__ */ jsxs("p", { className: "text-xs text-amber-600 mt-1", children: [
+                    summary.workspacesWithoutUptimeData,
+                    " workspace",
+                    summary.workspacesWithoutUptimeData === 1 ? "" : "s",
+                    " missing uptime data"
+                  ] })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(Card2, { className: "bg-white", children: [
@@ -69088,6 +69157,155 @@ Please ensure:
 var AuthenticatedTicketsView = withAuth(React141__default.memo(TicketsView));
 var TicketsView_default = TicketsView;
 
+// src/lib/utils/improvementDisplay.ts
+var LINE_WIDE_ISSUE_LABEL = "Line-wide issue";
+var UNKNOWN_LINE_LABEL = "Unknown line";
+var UNKNOWN_WORKSTATION_LABEL = "Unknown workstation";
+var UNASSIGNED_SUPERVISOR_LABEL = "Unassigned";
+var normalizeLabel = (value) => {
+  if (typeof value !== "string") return void 0;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+};
+var toFiniteNumber = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var normalizeSupervisorNames = (supervisors) => {
+  if (!supervisors) return [];
+  if (typeof supervisors === "string") {
+    const label = normalizeLabel(supervisors);
+    return label ? [label] : [];
+  }
+  return supervisors.map((supervisor) => {
+    if (typeof supervisor === "string") {
+      return normalizeLabel(supervisor);
+    }
+    return normalizeLabel(supervisor?.displayName);
+  }).filter((name) => !!name);
+};
+var formatImprovementTicketNumber = (issueNumber) => {
+  if (typeof issueNumber !== "number" || !Number.isFinite(issueNumber)) {
+    return null;
+  }
+  return `#${issueNumber}`;
+};
+var formatImprovementPieceGain = (pcsGain) => {
+  const rounded = Math.round(pcsGain);
+  return `+${rounded.toLocaleString("en-US")} pcs / day`;
+};
+var getPositiveImprovementGain = ({
+  estimated_gain_pieces
+}) => {
+  const issueGain = toFiniteNumber(estimated_gain_pieces);
+  return {
+    pcsGain: issueGain !== null && issueGain > 0 ? issueGain : null
+  };
+};
+var getImprovementDisplayMetadata = ({
+  location,
+  line,
+  workspaceId,
+  supervisors
+}) => {
+  const supervisorNames = normalizeSupervisorNames(supervisors);
+  const workstationLabel = workspaceId ? normalizeLabel(location) ?? UNKNOWN_WORKSTATION_LABEL : LINE_WIDE_ISSUE_LABEL;
+  const lineLabel = normalizeLabel(line) ?? UNKNOWN_LINE_LABEL;
+  const supervisorLabel = supervisorNames.length > 0 ? supervisorNames.join(", ") : UNASSIGNED_SUPERVISOR_LABEL;
+  return {
+    workstationLabel,
+    lineLabel,
+    supervisorLabel,
+    metadataLabel: [workstationLabel, lineLabel, supervisorLabel].join(" \xB7 ")
+  };
+};
+var toFiniteNumber2 = (value) => {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim().length > 0) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+};
+var getImprovementGainSummary = (recommendation) => {
+  const { pcsGain } = getPositiveImprovementGain(recommendation);
+  if (pcsGain !== null) {
+    return {
+      primary: formatImprovementPieceGain(pcsGain)
+    };
+  }
+  return null;
+};
+var needsTargetReadjustment = (recommendation) => {
+  if (recommendation.targets_need_reassignment === true) return true;
+  const metrics2 = recommendation.metrics || {};
+  return metrics2.targets_need_reassignment_current === true;
+};
+var compareImprovementRecommendationPriority = (left, right) => {
+  const leftIndustrial = left.industrial_eng_bottleneck ? 1 : 0;
+  const rightIndustrial = right.industrial_eng_bottleneck ? 1 : 0;
+  if (leftIndustrial !== rightIndustrial) {
+    return rightIndustrial - leftIndustrial;
+  }
+  const leftGain = toFiniteNumber2(left.estimated_gain_pieces);
+  const rightGain = toFiniteNumber2(right.estimated_gain_pieces);
+  if (leftGain !== rightGain) {
+    if (leftGain === null) return 1;
+    if (rightGain === null) return -1;
+    return rightGain - leftGain;
+  }
+  const leftRatio = toFiniteNumber2(left.gain_to_target_ratio);
+  const rightRatio = toFiniteNumber2(right.gain_to_target_ratio);
+  if (leftRatio !== rightRatio) {
+    if (leftRatio === null) return 1;
+    if (rightRatio === null) return -1;
+    return rightRatio - leftRatio;
+  }
+  return (left.issue_number || Number.MAX_SAFE_INTEGER) - (right.issue_number || Number.MAX_SAFE_INTEGER);
+};
+var ImprovementRecommendationSignals = ({
+  recommendation,
+  className
+}) => {
+  const gainSummary = getImprovementGainSummary(recommendation);
+  const showTargetReadjustment = needsTargetReadjustment(recommendation);
+  if (!gainSummary && !showTargetReadjustment) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: className || "flex flex-wrap items-center gap-x-4 gap-y-3", children: [
+    gainSummary && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-testid": "improvement-gain-chip",
+        className: "inline-flex items-center gap-1.5 rounded-full border border-emerald-200 bg-emerald-50 px-3 py-1.5 text-sm font-medium text-emerald-700 shadow-sm",
+        children: [
+          /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "lucide lucide-trending-up w-4 h-4", children: [
+            /* @__PURE__ */ jsx("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }),
+            /* @__PURE__ */ jsx("polyline", { points: "16 7 22 7 22 13" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold", children: gainSummary.primary })
+        ]
+      }
+    ),
+    showTargetReadjustment && /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "data-testid": "targets-readjustment-chip",
+        className: "inline-flex items-center gap-1.5 rounded-full border border-amber-200 bg-white px-3 py-1.5 text-sm font-medium text-amber-700 shadow-sm",
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "h-4 w-4 text-amber-600" }),
+          "Targets need readjustment"
+        ]
+      }
+    )
+  ] });
+};
+var ImprovementRecommendationSignals_default = ImprovementRecommendationSignals;
+
 // src/lib/api/s3-clips-parser.ts
 function parseS3Uri(s3Uri, sopCategories) {
   const path = new URL(s3Uri).pathname;
@@ -69265,6 +69483,24 @@ var buildInitials = (name) => {
   const second = parts.length > 1 ? parts[1]?.[0] || "" : "";
   return `${first}${second}`.toUpperCase();
 };
+var getQueryParam = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : null;
+  }
+  if (Array.isArray(value)) {
+    const firstValue = value[0];
+    return getQueryParam(firstValue);
+  }
+  return null;
+};
+var getQueryParamFromAsPath = (asPath, key) => {
+  if (!asPath || !asPath.includes("?")) return null;
+  const queryString = asPath.split("?")[1]?.split("#")[0];
+  if (!queryString) return null;
+  const value = new URLSearchParams(queryString).get(key);
+  return getQueryParam(value ?? void 0);
+};
 var ClipVideoCarousel = ({ clips, clipsService }) => {
   const [currentIndex, setCurrentIndex] = useState(0);
   const [videos, setVideos] = useState([]);
@@ -69586,6 +69822,7 @@ var EvidenceCarousel = ({ evidence, clipsService }) => {
 };
 var ImprovementCenterView = () => {
   const { navigate } = useNavigation();
+  const router = useRouter();
   const supabase = useSupabase();
   const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
@@ -69596,6 +69833,7 @@ var ImprovementCenterView = () => {
   const [selectedShift, setSelectedShift] = useState("all");
   const [selectedWeeksRange, setSelectedWeeksRange] = useState("all");
   const [selectedMemberId, setSelectedMemberId] = useState("all");
+  const [selectedSortBy, setSelectedSortBy] = useState("all");
   const [recommendations, setRecommendations] = useState([]);
   const [isLoading, setIsLoading] = useState(false);
   const [loadError, setLoadError] = useState(null);
@@ -69634,14 +69872,6 @@ var ImprovementCenterView = () => {
     if (day % 10 === 3) return "rd";
     return "th";
   };
-  const formatOpenedDate = (firstSeenAt) => {
-    if (!firstSeenAt) return void 0;
-    const zoned = toZonedDate(firstSeenAt);
-    if (!zoned) return void 0;
-    const day = zoned.getDate();
-    const month = zoned.toLocaleString("en-US", { month: "short" });
-    return `${day}${getDaySuffix(day)} ${month}`;
-  };
   const formatMonthDay = (date) => {
     const month = date.toLocaleString("en-US", { month: "short" });
     return `${month} ${date.getDate()}`;
@@ -69723,6 +69953,9 @@ var ImprovementCenterView = () => {
     return map;
   }, [companyLines, configuredLines]);
   const companyId = user?.company_id || entityConfig.companyId;
+  const focusIssueId = useMemo(() => {
+    return getQueryParam(router.query.focusIssueId) || getQueryParamFromAsPath(router.asPath, "focusIssueId");
+  }, [router.asPath, router.query.focusIssueId]);
   const clipsService = useMemo(() => {
     try {
       return new S3ClipsSupabaseService(dashboardConfig);
@@ -69730,6 +69963,11 @@ var ImprovementCenterView = () => {
       return null;
     }
   }, [dashboardConfig]);
+  const { supervisorsByLineId } = useSupervisorsByLineIds(scopeLineIds, {
+    enabled: !!companyId && scopeLineIds.length > 0,
+    companyId,
+    useBackend: true
+  });
   useEffect(() => {
     let cancelled = false;
     const loadTeamMembers = async () => {
@@ -69841,8 +70079,17 @@ var ImprovementCenterView = () => {
   const teamMembersById = useMemo(() => {
     return new Map(teamMembers.map((member) => [member.id, member]));
   }, [teamMembers]);
+  const getRecommendationDisplayMetadata = React141__default.useCallback((rec) => {
+    const supervisors = rec.line_id ? supervisorsByLineId.get(rec.line_id) || [] : [];
+    return getImprovementDisplayMetadata({
+      location: rec.location,
+      line: rec.line,
+      workspaceId: rec.workspace_id,
+      supervisors
+    });
+  }, [supervisorsByLineId]);
   const filteredRecommendations = useMemo(() => {
-    return recommendations.filter((rec) => {
+    const sortedRecommendations = recommendations.filter((rec) => {
       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;
@@ -69856,12 +70103,44 @@ var ImprovementCenterView = () => {
       if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
     }).sort((a, b) => {
-      const aIndustrial = a.industrial_eng_bottleneck ? 1 : 0;
-      const bIndustrial = b.industrial_eng_bottleneck ? 1 : 0;
-      if (aIndustrial !== bIndustrial) return bIndustrial - aIndustrial;
-      return (a.issue_number || 0) - (b.issue_number || 0);
+      if (selectedSortBy === "highest_to_lowest") {
+        const gainA = toFiniteNumber2(a.estimated_gain_pieces) || 0;
+        const gainB = toFiniteNumber2(b.estimated_gain_pieces) || 0;
+        if (gainA !== gainB) {
+          return gainB - gainA;
+        }
+      } else if (selectedSortBy === "lowest_to_highest") {
+        const gainA = toFiniteNumber2(a.estimated_gain_pieces) || 0;
+        const gainB = toFiniteNumber2(b.estimated_gain_pieces) || 0;
+        if (gainA !== gainB) {
+          return gainA - gainB;
+        }
+      }
+      return compareImprovementRecommendationPriority(a, b);
     });
-  }, [recommendations, selectedLineId, selectedStatus, selectedShift, selectedWeeksRange, selectedMemberId]);
+    if (!focusIssueId) {
+      return sortedRecommendations;
+    }
+    const focusedIndex = sortedRecommendations.findIndex((rec) => rec.issue_id === focusIssueId);
+    if (focusedIndex <= 0) {
+      return sortedRecommendations;
+    }
+    const focusedItem = sortedRecommendations[focusedIndex];
+    return [
+      focusedItem,
+      ...sortedRecommendations.slice(0, focusedIndex),
+      ...sortedRecommendations.slice(focusedIndex + 1)
+    ];
+  }, [
+    focusIssueId,
+    recommendations,
+    selectedLineId,
+    selectedMemberId,
+    selectedShift,
+    selectedStatus,
+    selectedWeeksRange,
+    selectedSortBy
+  ]);
   const stats = useMemo(() => {
     const baseFiltered = recommendations.filter((rec) => {
       if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
@@ -69890,7 +70169,8 @@ var ImprovementCenterView = () => {
         status: selectedStatus,
         shift: selectedShift,
         weeks_range: selectedWeeksRange,
-        member_id: selectedMemberId
+        member_id: selectedMemberId,
+        sort_by: selectedSortBy
       }
     });
     setSelectedLineId("all");
@@ -69898,6 +70178,7 @@ var ImprovementCenterView = () => {
     setSelectedShift("all");
     setSelectedWeeksRange("all");
     setSelectedMemberId("all");
+    setSelectedSortBy("all");
   };
   const shiftOptions = useMemo(() => {
     const shifts = /* @__PURE__ */ new Set();
@@ -69977,6 +70258,14 @@ var ImprovementCenterView = () => {
     });
     setSelectedLineId(lineId);
   };
+  const handleSortByChange = (sortBy) => {
+    trackCoreEvent("Improvement Center Filter Applied", {
+      filter_type: "sort_by",
+      filter_value: sortBy,
+      previous_value: selectedSortBy
+    });
+    setSelectedSortBy(sortBy);
+  };
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-gray-50 flex flex-col", children: [
     /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-30 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(
@@ -70016,11 +70305,11 @@ var ImprovementCenterView = () => {
             "button",
             {
               onClick: () => setIsFilterOpen(!isFilterOpen),
-              className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all") ? "bg-blue-50 border-blue-200 text-blue-700" : "bg-white border-gray-200 text-gray-700 hover:bg-gray-50"}`,
+              className: `flex items-center gap-2 px-3 py-1.5 rounded-lg border text-sm font-medium transition-all shadow-sm ${isFilterOpen || (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all" || selectedSortBy !== "all") ? "bg-blue-50 border-blue-200 text-blue-700" : "bg-white border-gray-200 text-gray-700 hover:bg-gray-50"}`,
               children: [
                 /* @__PURE__ */ jsx(FunnelIcon, { className: "w-4 h-4" }),
                 /* @__PURE__ */ jsx("span", { children: "Filters" }),
-                (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all") && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5 bg-blue-100 text-blue-700 text-xs rounded-full font-bold ml-1", children: [selectedShift, selectedWeeksRange, selectedMemberId, selectedLineId].filter((v) => v !== "all").length }),
+                (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all" || selectedSortBy !== "all") && /* @__PURE__ */ jsx("span", { className: "flex items-center justify-center w-5 h-5 bg-blue-100 text-blue-700 text-xs rounded-full font-bold ml-1", children: [selectedShift, selectedWeeksRange, selectedMemberId, selectedLineId].filter((v) => v !== "all").length + (selectedSortBy !== "all" ? 1 : 0) }),
                 /* @__PURE__ */ jsx(ChevronDownIcon, { className: `w-3 h-3 ml-1 transition-transform ${isFilterOpen ? "rotate-180" : ""}` })
               ]
             }
@@ -70028,7 +70317,7 @@ var ImprovementCenterView = () => {
           isFilterOpen && /* @__PURE__ */ jsxs("div", { className: "absolute right-0 top-full mt-2 w-72 bg-white rounded-xl shadow-xl border border-gray-100 p-4 z-50 animate-in fade-in zoom-in-95 duration-100", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Filter View" }),
-              (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all") && /* @__PURE__ */ jsx(
+              (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all" || selectedSortBy !== "all") && /* @__PURE__ */ jsx(
                 "button",
                 {
                   onClick: clearFilters,
@@ -70038,6 +70327,7 @@ var ImprovementCenterView = () => {
               )
             ] }),
             /* @__PURE__ */ jsx("div", { className: "space-y-3", children: [
+              { value: selectedSortBy, onChange: handleSortByChange, options: [{ id: "all", label: "All" }, { id: "highest_to_lowest", label: "Highest to Lowest" }, { id: "lowest_to_highest", label: "Lowest to Highest" }], label: "Priority" },
               { value: selectedShift, onChange: handleShiftFilterChange, options: shiftOptions, label: "Shift" },
               { value: selectedWeeksRange, onChange: handleWeeksFilterChange, options: weekOptions.map((o) => o.id), labels: weekOptions, label: "Duration" },
               { value: selectedMemberId, onChange: handleMemberFilterChange, options: ["all", ...teamMembers.map((m) => m.id)], labels: teamMembers, label: "Member" },
@@ -70053,12 +70343,19 @@ var ImprovementCenterView = () => {
                   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.75rem center`, backgroundRepeat: `no-repeat`, backgroundSize: `1.2em 1.2em` },
                   children: filter2.options.map((opt) => {
                     const val = typeof opt === "string" ? opt : opt.id;
-                    let label = val;
-                    if (filter2.labels) {
-                      const found = filter2.labels.find((l) => (l.id || l.user_id || l) === val);
+                    let label;
+                    if (val === "all") {
+                      label = filter2.label === "Priority" ? "All Priorities" : `All ${filter2.label}s`;
+                    } else if (typeof opt === "object" && opt !== null && typeof opt.label === "string" && opt.label.length > 0) {
+                      label = opt.label;
+                    } else if (filter2.labels) {
+                      const found = filter2.labels.find(
+                        (l) => (l.id || l.user_id || l) === val
+                      );
                       label = found ? found.label || found.name || found : val;
+                    } else {
+                      label = val;
                     }
-                    if (val === "all") label = `All ${filter2.label}s`;
                     return /* @__PURE__ */ jsx("option", { value: val, children: label }, val);
                   })
                 }
@@ -70071,23 +70368,25 @@ var ImprovementCenterView = () => {
         filteredRecommendations.length > 0 ? filteredRecommendations.map((rec, index) => {
           const weeksOpen = rec.weeks_open || 1;
           const openLabel = weeksOpen <= 1 ? "Opened this week" : `Opened for ${weeksOpen} weeks`;
-          formatOpenedDate(rec.first_seen_at);
           const periodLabel = formatPeriodRange(rec.period_start, rec.period_end);
           const description = stripPeriodFromDescription(rec.description, rec.period_start, rec.period_end);
+          const ticketLabel = formatImprovementTicketNumber(rec.issue_number) || `#${index + 1}`;
+          const displayMetadata = getRecommendationDisplayMetadata(rec);
+          const hasSignalContent = Boolean(
+            rec.resolution_instructions || rec.targets_need_reassignment || rec.estimated_gain_pieces !== void 0 || rec.metrics && Object.keys(rec.metrics).length > 0
+          );
           return /* @__PURE__ */ jsx(
             motion.div,
             {
               initial: { opacity: 0, y: 20 },
               animate: { opacity: 1, y: 0 },
               transition: { delay: index * 0.1 },
+              "data-testid": `improvement-card-${rec.issue_id}`,
               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-5 relative", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-5", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-3", children: [
-                    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-sm font-semibold text-gray-600 bg-gray-100 border border-gray-200", children: [
-                      "#",
-                      rec.issue_number ?? index + 1
-                    ] }),
+                    /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-sm font-semibold text-gray-600 bg-gray-100 border border-gray-200", children: ticketLabel }),
                     rec.ticket_status === "solved" ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-sm font-medium bg-emerald-50 text-emerald-700 border border-emerald-100", children: [
                       /* @__PURE__ */ jsx(CheckCircleIcon, { className: "w-4 h-4" }),
                       "Resolved"
@@ -70116,32 +70415,44 @@ var ImprovementCenterView = () => {
                     ] })
                   ] }),
                   /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: rec.title }),
-                  /* @__PURE__ */ jsxs("p", { className: "text-base text-gray-500 mb-3", children: [
-                    rec.location,
-                    " \xB7 ",
-                    rec.line,
-                    (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxs("span", { className: "uppercase tracking-wide text-sm ml-1", children: [
-                      "\xB7 ",
-                      rec.shift_label || `Shift ${rec.shift_id}`
-                    ] }),
-                    periodLabel && /* @__PURE__ */ jsxs("span", { children: [
-                      " \xB7 ",
-                      periodLabel
-                    ] })
-                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      className: "text-base text-gray-500 mb-3",
+                      title: displayMetadata.metadataLabel,
+                      children: [
+                        displayMetadata.workstationLabel,
+                        " \xB7 ",
+                        displayMetadata.lineLabel,
+                        " \xB7 ",
+                        displayMetadata.supervisorLabel,
+                        (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxs("span", { className: "uppercase tracking-wide text-sm ml-1", children: [
+                          "\xB7 ",
+                          rec.shift_label || `Shift ${rec.shift_id}`
+                        ] }),
+                        periodLabel && /* @__PURE__ */ jsxs("span", { children: [
+                          " \xB7 ",
+                          periodLabel
+                        ] })
+                      ]
+                    }
+                  ),
                   /* @__PURE__ */ jsx("p", { className: "text-base text-gray-600 leading-relaxed", children: description }),
-                  rec.resolution_instructions && /* @__PURE__ */ jsxs("div", { className: "relative group inline-flex mt-4", children: [
-                    /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-sm font-medium bg-blue-50 text-blue-600 border border-blue-200 cursor-help transition-colors group-hover:bg-blue-100", children: [
-                      /* @__PURE__ */ jsx(EyeIcon, { className: "w-4 h-4" }),
-                      "Resolution Goal"
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { className: "absolute left-0 bottom-full mb-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50 pointer-events-none", children: [
-                      /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 w-80", children: [
-                        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 uppercase tracking-wide mb-1.5", children: "How this ticket gets resolved" }),
-                        /* @__PURE__ */ jsx("p", { className: "text-base text-gray-700 leading-relaxed", children: rec.resolution_instructions })
+                  hasSignalContent && /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-wrap items-center gap-x-4 gap-y-3", children: [
+                    rec.resolution_instructions && /* @__PURE__ */ jsxs("div", { className: "relative group inline-flex", children: [
+                      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-sm font-medium bg-blue-50 text-blue-600 border border-blue-200 cursor-help transition-colors group-hover:bg-blue-100 shadow-sm", children: [
+                        /* @__PURE__ */ jsx(EyeIcon, { className: "w-4 h-4" }),
+                        "Resolve"
                       ] }),
-                      /* @__PURE__ */ jsx("div", { className: "absolute left-4 top-full w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-transparent border-t-white", style: { filter: "drop-shadow(0 1px 1px rgba(0,0,0,0.05))" } })
-                    ] })
+                      /* @__PURE__ */ jsxs("div", { className: "absolute left-0 bottom-full mb-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50 pointer-events-none", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 w-80", children: [
+                          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 uppercase tracking-wide mb-1.5", children: "How this ticket gets resolved" }),
+                          /* @__PURE__ */ jsx("p", { className: "text-base text-gray-700 leading-relaxed", children: rec.resolution_instructions })
+                        ] }),
+                        /* @__PURE__ */ jsx("div", { className: "absolute left-6 top-full w-0 h-0 border-l-[6px] border-r-[6px] border-t-[6px] border-transparent border-t-white", style: { filter: "drop-shadow(0 1px 1px rgba(0,0,0,0.05))" } })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsx(ImprovementRecommendationSignals_default, { recommendation: rec })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "w-full lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100 flex-shrink-0", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsx(
@@ -70161,8 +70472,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: 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(
+            /* @__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" || selectedSortBy !== "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" || selectedSortBy !== "all") && /* @__PURE__ */ jsx(
               "button",
               {
                 onClick: clearFilters,
@@ -72236,7 +72547,7 @@ var EMPTY_OVERVIEW = {
   },
   summary: {
     plant_efficiency: { current: null, previous: null, delta_pp: null },
-    avg_idle_per_workstation: { current_seconds: null, previous_seconds: null, delta_seconds: null }
+    avg_idle_per_workstation: { current_seconds: null, previous_seconds: null, delta_seconds: null, top_contributors: [] }
   },
   poorest_lines: { output: [], uptime: [] },
   trend: { shift_mode: "all", points: [] },
@@ -72262,15 +72573,6 @@ var toNumber3 = (value) => {
   return null;
 };
 var roundOne = (value) => Math.round(value * 10) / 10;
-var getLastSevenDayRange = (timezone) => {
-  const todayKey = formatInTimeZone(/* @__PURE__ */ new Date(), timezone || "UTC", "yyyy-MM-dd");
-  const endDate = parseISO(`${todayKey}T00:00:00`);
-  const startDate = subDays(endDate, 6);
-  return {
-    startKey: format(startDate, "yyyy-MM-dd"),
-    endKey: format(endDate, "yyyy-MM-dd")
-  };
-};
 var formatIdleDuration = (seconds) => {
   if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
     return "--";
@@ -72285,23 +72587,11 @@ var formatComparisonWindow = (dayCount) => {
   if (!dayCount || !Number.isFinite(dayCount)) return "previous range";
   return `previous ${dayCount} ${dayCount === 1 ? "day" : "days"}`;
 };
-var shuffle = (items) => {
-  const next = [...items];
-  for (let i = next.length - 1; i > 0; i -= 1) {
-    const swapIndex = Math.floor(Math.random() * (i + 1));
-    [next[i], next[swapIndex]] = [next[swapIndex], next[i]];
-  }
-  return next;
-};
 var buildImprovementMetric = (recommendation) => {
+  const { pcsGain } = getPositiveImprovementGain(recommendation);
   const metrics2 = recommendation.metrics || {};
-  const efficiencyGain = toNumber3(metrics2.efficiency_gain_pct);
-  if (efficiencyGain !== null) {
-    return `+${roundOne(efficiencyGain)}% Efficiency`;
-  }
-  const outputGain = toNumber3(metrics2.output_gain);
-  if (outputGain !== null) {
-    return `+${Math.round(outputGain)} Units`;
+  if (pcsGain !== null) {
+    return formatImprovementPieceGain(pcsGain);
   }
   const idleMinutes = toNumber3(metrics2.idle_minutes);
   if (idleMinutes !== null) {
@@ -72313,14 +72603,6 @@ var buildImprovementMetric = (recommendation) => {
   }
   return "Review Issue";
 };
-var buildImprovementImpact = (recommendation) => {
-  if (recommendation.issue_severity !== void 0 && recommendation.issue_severity !== null) {
-    if (recommendation.issue_severity >= 3) return "High";
-    if (recommendation.issue_severity >= 2) return "Medium";
-    return "Low";
-  }
-  return "Medium";
-};
 var buildDeltaBadge = (delta, options) => {
   if (delta === null || delta === void 0 || !Number.isFinite(delta)) {
     return {
@@ -72378,12 +72660,15 @@ var OverviewIdleBreakdownSkeleton = () => /* @__PURE__ */ jsxs("div", { classNam
     /* @__PURE__ */ jsx("div", { className: "h-3 bg-slate-200 rounded w-20" })
   ] }, i)) })
 ] });
-var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-  /* @__PURE__ */ jsx(SectionPulse, { className: "h-4 w-4 rounded-full" }),
-  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2", children: [
-    /* @__PURE__ */ jsx(SectionPulse, { className: "h-3 w-40" }),
-    /* @__PURE__ */ jsx(SectionPulse, { className: "h-2.5 w-24" })
-  ] })
+var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+    /* @__PURE__ */ jsx(SectionPulse, { className: "h-5 w-10 rounded-full flex-shrink-0" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-2 min-w-0", children: [
+      /* @__PURE__ */ jsx(SectionPulse, { className: "h-3 w-40" }),
+      /* @__PURE__ */ jsx(SectionPulse, { className: "h-2.5 w-24" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsx(SectionPulse, { className: "h-6 w-20 rounded-full" }) })
 ] }, index)) });
 var PlantHeadView = () => {
   const supabase = useSupabase();
@@ -72393,7 +72678,7 @@ var PlantHeadView = () => {
   const { accessibleLineIds } = useUserLineAccess();
   const mobileMenuContext = useMobileMenu();
   useHideMobileHeader(!!mobileMenuContext);
-  const [dateRange, setDateRange] = React141__default.useState(() => getLastSevenDayRange("UTC"));
+  const [dateRange, setDateRange] = React141__default.useState(() => getCurrentWeekToDateRange(appTimezone));
   const [trendMode, setTrendMode] = React141__default.useState("all");
   const [poorestLineMode, setPoorestLineMode] = React141__default.useState("output");
   const [overview, setOverview] = React141__default.useState(EMPTY_OVERVIEW);
@@ -72407,9 +72692,12 @@ var PlantHeadView = () => {
   const [improvements, setImprovements] = React141__default.useState([]);
   const [isImprovementsLoading, setIsImprovementsLoading] = React141__default.useState(false);
   const [isFilterOpen, setIsFilterOpen] = React141__default.useState(false);
+  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React141__default.useState(false);
+  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React141__default.useState(false);
   const filterRef = React141__default.useRef(null);
   const filterButtonRef = React141__default.useRef(null);
   const mobileFilterButtonRef = React141__default.useRef(null);
+  const idleContributorsRef = React141__default.useRef(null);
   React141__default.useEffect(() => {
     trackCorePageView("Operations Overview");
   }, []);
@@ -72450,11 +72738,11 @@ var PlantHeadView = () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const hasInitializedRangeRef = React141__default.useRef(false);
+  const initializedTimezoneRef = React141__default.useRef(appTimezone);
   React141__default.useEffect(() => {
-    if (hasInitializedRangeRef.current) return;
-    setDateRange(getLastSevenDayRange(appTimezone));
-    hasInitializedRangeRef.current = true;
+    if (initializedTimezoneRef.current === appTimezone) return;
+    setDateRange(getCurrentWeekToDateRange(appTimezone));
+    initializedTimezoneRef.current = appTimezone;
   }, [appTimezone]);
   const companyId = entityConfig.companyId;
   const scopedLineIds = React141__default.useMemo(
@@ -72465,6 +72753,10 @@ var PlantHeadView = () => {
     () => scopedLineIds.slice().sort().join(","),
     [scopedLineIds]
   );
+  React141__default.useEffect(() => {
+    setIsIdleContributorsOpen(false);
+    setIsIdleContributorsPinned(false);
+  }, [companyId, dateRange.endKey, dateRange.startKey, lineIdsKey, trendMode]);
   const { supervisorsByLineId } = useSupervisorsByLineIds(scopedLineIds, {
     enabled: !!companyId && scopedLineIds.length > 0,
     companyId,
@@ -72662,11 +72954,16 @@ var PlantHeadView = () => {
       const scopedRecommendations = (response.recommendations || []).filter((recommendation) => {
         return !recommendation.line_id || allowedLineIds.has(recommendation.line_id);
       });
-      const nextImprovements = shuffle(scopedRecommendations).slice(0, 3).map((recommendation) => ({
-        id: recommendation.id,
+      const nextImprovements = [...scopedRecommendations].sort(compareImprovementRecommendationPriority).slice(0, 3).map((recommendation) => ({
+        id: recommendation.issue_id || recommendation.id,
+        issueId: recommendation.issue_id || recommendation.id,
+        issueNumber: recommendation.issue_number,
         title: recommendation.title?.trim() || "Untitled issue",
-        impact: buildImprovementImpact(recommendation),
-        metric: buildImprovementMetric(recommendation)
+        metric: buildImprovementMetric(recommendation),
+        location: recommendation.location,
+        line: recommendation.line,
+        lineId: recommendation.line_id,
+        workspaceId: recommendation.workspace_id
       }));
       setImprovements(nextImprovements);
     };
@@ -72712,7 +73009,99 @@ var PlantHeadView = () => {
       comparisonLabel
     });
   }, [comparisonLabel, overview.summary?.avg_idle_per_workstation?.delta_seconds]);
+  const canInspectIdleContributors = React141__default.useMemo(() => {
+    return !isSnapshotLoading && overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0;
+  }, [isSnapshotLoading, overview.summary?.avg_idle_per_workstation?.current_seconds]);
+  const idleTopContributors = React141__default.useMemo(() => {
+    return (overview.summary?.avg_idle_per_workstation?.top_contributors || []).map((item) => ({
+      workspaceId: item.workspace_id || "",
+      workspaceName: item.workspace_name?.trim() || item.workspace_id || "Unknown",
+      lineId: item.line_id || "",
+      lineName: item.line_name?.trim() || "Unknown Line",
+      avgIdleSeconds: toNumber3(item.avg_idle_seconds)
+    })).slice(0, 5);
+  }, [overview.summary?.avg_idle_per_workstation?.top_contributors]);
+  const showIdleContributorLineNames = React141__default.useMemo(() => {
+    return (overview.scope?.line_count ?? 0) > 1;
+  }, [overview.scope?.line_count]);
+  const closeIdleContributors = React141__default.useCallback(() => {
+    setIsIdleContributorsOpen(false);
+    setIsIdleContributorsPinned(false);
+  }, []);
+  const handleIdleContributorsToggle = React141__default.useCallback(() => {
+    if (!canInspectIdleContributors) return;
+    setIsIdleContributorsPinned((prev) => {
+      const next = !prev;
+      setIsIdleContributorsOpen(next);
+      return next;
+    });
+  }, [canInspectIdleContributors]);
+  const handleIdleContributorsKeyDown = React141__default.useCallback((event) => {
+    if (!canInspectIdleContributors) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleIdleContributorsToggle();
+      return;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      closeIdleContributors();
+    }
+  }, [canInspectIdleContributors, closeIdleContributors, handleIdleContributorsToggle]);
+  React141__default.useEffect(() => {
+    if (!isIdleContributorsOpen) return void 0;
+    const handleClickOutside = (event) => {
+      if (!isIdleContributorsPinned) return;
+      if (idleContributorsRef.current && !idleContributorsRef.current.contains(event.target)) {
+        closeIdleContributors();
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        closeIdleContributors();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    document.addEventListener("touchstart", handleClickOutside);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("touchstart", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [closeIdleContributors, isIdleContributorsOpen, isIdleContributorsPinned]);
+  const currentWeekRange = React141__default.useMemo(
+    () => getCurrentWeekToDateRange(appTimezone),
+    [appTimezone]
+  );
+  const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
   const trendData = React141__default.useMemo(() => {
+    const pointsByDate = new Map(
+      (overview.trend?.points || []).flatMap((point) => {
+        if (!point.date) return [];
+        const pointDate = parseDateKeyToDate(point.date);
+        return [[point.date, {
+          name: format(pointDate, "MMM d"),
+          dayOfWeek: format(pointDate, "EEEE"),
+          efficiency: (() => {
+            const value = toNumber3(point.avg_efficiency);
+            return value === null ? void 0 : value;
+          })()
+        }]];
+      })
+    );
+    if (isCurrentWeekToDateRange) {
+      const weekStart = parseDateKeyToDate(currentWeekRange.startKey);
+      return Array.from({ length: 7 }, (_, index) => {
+        const date = addDays(weekStart, index);
+        const dateKey = format(date, "yyyy-MM-dd");
+        return pointsByDate.get(dateKey) || {
+          name: format(date, "MMM d"),
+          dayOfWeek: format(date, "EEEE"),
+          efficiency: void 0
+        };
+      });
+    }
     return (overview.trend?.points || []).map((point) => {
       const pointDate = point.date ? parseDateKeyToDate(point.date) : null;
       return {
@@ -72724,7 +73113,7 @@ var PlantHeadView = () => {
         })()
       };
     });
-  }, [overview.trend?.points]);
+  }, [currentWeekRange.startKey, isCurrentWeekToDateRange, overview.trend?.points]);
   const trendPlayKey = React141__default.useMemo(() => {
     return `${trendViewOpenNonce}:${trendFetchNonce}`;
   }, [trendFetchNonce, trendViewOpenNonce]);
@@ -72771,6 +73160,33 @@ var PlantHeadView = () => {
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
   }, []);
+  const displayImprovements = React141__default.useMemo(() => {
+    return improvements.map((item) => {
+      const supervisors = item.lineId ? supervisorsByLineId.get(item.lineId) || [] : [];
+      return {
+        ...item,
+        ticketLabel: formatImprovementTicketNumber(item.issueNumber),
+        ...getImprovementDisplayMetadata({
+          location: item.location,
+          line: item.line,
+          workspaceId: item.workspaceId,
+          supervisors
+        })
+      };
+    });
+  }, [improvements, supervisorsByLineId]);
+  const mobileSubtitle = React141__default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${format(parseDateKeyToDate(dateRange.startKey), "do MMM")}`;
+    }
+    return `${format(parseDateKeyToDate(dateRange.startKey), "do MMM")} - ${format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
+  const desktopSubtitle = React141__default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")}`;
+    }
+    return `${format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")} - ${format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
     /* @__PURE__ */ jsx("header", { className: "sticky top-0 z-10 bg-white border-b flex-shrink-0 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "px-3 sm:px-4 md:px-6 py-2 sm:py-3 relative", children: [
       /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
@@ -72783,11 +73199,7 @@ var PlantHeadView = () => {
         ) : /* @__PURE__ */ jsx("div", { className: "w-8 flex-shrink-0" }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: [
-            format(parseDateKeyToDate(dateRange.startKey), "do MMM"),
-            " - ",
-            format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")
-          ] })
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: mobileSubtitle })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsx(
@@ -72819,11 +73231,7 @@ var PlantHeadView = () => {
       /* @__PURE__ */ jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
         /* @__PURE__ */ jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
           /* @__PURE__ */ jsx("h1", { className: "text-2xl md:text-3xl lg:text-4xl font-semibold text-gray-900 tracking-tight text-center pointer-events-auto leading-tight mb-0.5", children: "Operations Overview" }),
-          /* @__PURE__ */ jsxs("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: [
-            format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy"),
-            " - ",
-            format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")
-          ] })
+          /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: desktopSubtitle })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
           /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsx(
@@ -72911,16 +73319,92 @@ var PlantHeadView = () => {
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "bg-white rounded-xl shadow-sm border border-slate-100 p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left",
+            ref: idleContributorsRef,
+            "data-testid": "idle-kpi-card-region",
+            className: "relative",
+            onMouseEnter: () => {
+              if (canInspectIdleContributors) {
+                setIsIdleContributorsOpen(true);
+              }
+            },
+            onMouseLeave: () => {
+              if (!isIdleContributorsPinned) {
+                setIsIdleContributorsOpen(false);
+              }
+            },
+            onFocus: () => {
+              if (canInspectIdleContributors) {
+                setIsIdleContributorsOpen(true);
+              }
+            },
+            onBlur: (event) => {
+              if (isIdleContributorsPinned) return;
+              const nextTarget = event.relatedTarget;
+              if (nextTarget && idleContributorsRef.current?.contains(nextTarget)) return;
+              setIsIdleContributorsOpen(false);
+            },
             children: [
-              /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
-              isSnapshotLoading ? /* @__PURE__ */ jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(overview.summary.avg_idle_per_workstation.current_seconds) }),
-                /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
-                  idleBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-                  /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
-                ] })
-              ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  "data-testid": "idle-kpi-card",
+                  role: canInspectIdleContributors ? "button" : void 0,
+                  tabIndex: canInspectIdleContributors ? 0 : -1,
+                  "aria-controls": canInspectIdleContributors ? "idle-kpi-popover" : void 0,
+                  "aria-expanded": canInspectIdleContributors ? isIdleContributorsOpen : void 0,
+                  className: `bg-white rounded-xl border p-4 md:p-5 flex flex-col justify-center min-h-[100px] text-left transition-all ${canInspectIdleContributors ? "cursor-pointer hover:shadow-md focus:outline-none focus:ring-2 focus:ring-indigo-200" : ""} ${isIdleContributorsOpen ? "shadow-md border-indigo-100" : "shadow-sm border-slate-100"}`,
+                  onClick: handleIdleContributorsToggle,
+                  onKeyDown: handleIdleContributorsKeyDown,
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
+                    isSnapshotLoading ? /* @__PURE__ */ jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+                      /* @__PURE__ */ jsx("span", { className: "text-2xl sm:text-3xl font-bold text-slate-800 tracking-tight", children: formatIdleDuration(overview.summary.avg_idle_per_workstation.current_seconds) }),
+                      /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
+                        idleBadge.icon === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                        /* @__PURE__ */ jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
+                      ] })
+                    ] }) : /* @__PURE__ */ jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+                  ]
+                }
+              ),
+              canInspectIdleContributors && isIdleContributorsOpen ? /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  id: "idle-kpi-popover",
+                  "data-testid": "idle-kpi-popover",
+                  className: "absolute left-0 right-0 top-full z-20 mt-2 bg-white p-4 border border-gray-100 shadow-xl rounded-xl sm:left-auto sm:right-0 sm:w-[320px] min-w-[280px]",
+                  children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pb-3 mb-3 border-b border-slate-100", children: [
+                      /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full flex-shrink-0 bg-red-500" }),
+                      /* @__PURE__ */ jsx("span", { className: "font-semibold text-slate-800 text-[15px]", children: "Idle Time per Workstation" })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("p", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-3", children: "TOP CONTRIBUTORS" }),
+                      idleTopContributors.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-2.5", children: idleTopContributors.map((contributor, index) => /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: "flex items-start justify-between gap-3",
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ jsx(
+                                "div",
+                                {
+                                  className: "text-slate-600 text-[13px] truncate",
+                                  title: contributor.workspaceName,
+                                  children: contributor.workspaceName
+                                }
+                              ),
+                              showIdleContributorLineNames && contributor.lineName ? /* @__PURE__ */ jsx("div", { className: "text-[11px] font-medium text-slate-400 truncate", title: contributor.lineName, children: contributor.lineName }) : null
+                            ] }),
+                            /* @__PURE__ */ jsx("div", { className: "text-slate-500 text-[13px] text-right whitespace-nowrap", children: formatIdleDuration(contributor.avgIdleSeconds) })
+                          ]
+                        },
+                        `${contributor.workspaceId || contributor.workspaceName}-${index}`
+                      )) }) : /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-dashed border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-500", children: "No workstation idle averages available for this range." })
+                    ] })
+                  ]
+                }
+              ) : null
             ]
           }
         )
@@ -73074,24 +73558,48 @@ var PlantHeadView = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsx(OverviewImprovementsSkeleton, {}) : improvements.length > 0 ? improvements.map((item) => /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsx(OverviewImprovementsSkeleton, {}) : displayImprovements.length > 0 ? displayImprovements.map((item) => /* @__PURE__ */ jsxs(
               "div",
               {
+                "data-testid": `plant-head-improvement-${item.issueId}`,
                 onClick: () => {
-                  trackCoreEvent("Operations Overview Improvement Clicked", { issue_id: item.id, title: item.title });
-                  navigate("/improvement-center");
+                  trackCoreEvent("Operations Overview Improvement Clicked", {
+                    issue_id: item.issueId,
+                    issue_number: item.issueNumber,
+                    title: item.title
+                  });
+                  const params = new URLSearchParams({
+                    focusIssueId: item.issueId
+                  });
+                  navigate(`/improvement-center?${params.toString()}`);
                 },
                 className: "flex items-center justify-between py-3 border-b border-slate-50 last:border-0 group cursor-pointer",
-                children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
-                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(ArrowUpRight, { className: "w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" }) }),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600 mb-0.5", children: item.title }),
-                    /* @__PURE__ */ jsxs("p", { className: "text-[10px] font-medium text-slate-400", children: [
-                      "Impact: ",
-                      /* @__PURE__ */ jsx("span", { className: "text-slate-500 font-semibold", children: item.impact })
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+                    item.ticketLabel && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full border border-indigo-100 bg-indigo-50 px-2 py-0.5 text-[10px] font-semibold text-indigo-600", children: item.ticketLabel }) }),
+                    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 min-w-0 mb-0.5", children: /* @__PURE__ */ jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600", children: item.title }) }),
+                      /* @__PURE__ */ jsx(
+                        "p",
+                        {
+                          className: "text-[10px] font-medium text-slate-400 truncate",
+                          title: item.metadataLabel,
+                          children: item.metadataLabel
+                        }
+                      )
                     ] })
-                  ] })
-                ] })
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: `inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-[11px] ${item.metric.includes("pcs / day") || item.metric.includes("gain") ? "border-emerald-100 bg-emerald-50 text-emerald-700" : item.metric.includes("Idle") ? "border-amber-100 bg-amber-50 text-amber-700" : "border-slate-100 bg-slate-50 text-slate-600"}`,
+                      children: [
+                        (item.metric.includes("pcs / day") || item.metric.includes("gain")) && /* @__PURE__ */ jsx(TrendingUp, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: item.metric })
+                      ]
+                    }
+                  ) })
+                ]
               },
               item.id
             )) : /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: "No open improvement issues" }) })
@@ -73578,4 +74086,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, AvatarUpload, 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, ClipsCostView_default as ClipsCostView, 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, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, 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, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, 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, SettingsPopup, 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, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, 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, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, 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, useClipsInit, useCompanyClipsCost, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, 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, AvatarUpload, 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, ClipsCostView_default as ClipsCostView, 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, EFFICIENCY_ON_TRACK_THRESHOLD, EmptyStateMessage, EncouragementOverlay, FactoryAssignmentDropdown, FactoryView_default as FactoryView, FileManagerFilters, FilterDialogTrigger, FirstTimeLoginDebug, FirstTimeLoginHandler, FittingTitle, GaugeChart, GridComponentsPlaceholder, HamburgerButton, Header, HealthDateShiftSelector, HealthStatusGrid, HealthStatusIndicator, HelpView_default as HelpView, HlsVideoPlayer, HomeView_default as HomeView, HourlyOutputChart2 as HourlyOutputChart, HourlyUptimeChart, ISTTimer_default as ISTTimer, IdleTimeVlmConfigProvider, 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, MobileMenuProvider, NewClipsNotification, NoWorkspaceData, OnboardingDemo, OnboardingTour, OptifyeAgentClient, OptifyeLogoLoader_default as OptifyeLogoLoader, OutputProgressChart, PageHeader, PieChart4 as PieChart, PlantHeadView_default as PlantHeadView, 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, SettingsPopup, 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, ThreadSidebar, TicketHistory_default as TicketHistory, TicketHistoryService, TicketsView_default as TicketsView, TimeDisplay_default as TimeDisplay, TimePickerDropdown, Timer_default as Timer, TimezoneProvider, TimezoneService, UptimeDonutChart, UptimeLineChart, UptimeMetricCards, UserAvatar, 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, alertsService, apiUtils, areAllLinesOnSameShift, authCoreService, authOTPService, authRateLimitService, awardsService, buildDateKey, buildKPIsFromLineMetricsRow, buildShiftGroupsKey, captureSentryException, captureSentryMessage, checkRateLimit2 as checkRateLimit, clearAllRateLimits2 as clearAllRateLimits, clearRateLimit2 as clearRateLimit, clearS3VideoCache, clearS3VideoFromCache, clearSentryContext, clearWorkspaceDisplayNamesCache, cn, createDefaultKPIs, createInvitationService, createLinesService, createSessionTracker, createStorageService, createStreamProxyHandler, createSupabaseClient, createSupervisorService, createThrottledReload, createUserManagementService, createUserService, dashboardService, deleteThread, fetchIdleTimeReasons, filterDataByDateKeyRange, forceRefreshWorkspaceDisplayNames, formatAwardMonth, formatDateInZone, formatDateKeyForDisplay, formatDateTimeInZone, formatDuration2 as formatDuration, formatISTDate, formatIdleTime, formatRangeLabel, formatReasonLabel, formatRelativeTime, formatTimeInZone, fromUrlFriendlyName, getAllLineDisplayNames, getAllThreadMessages, getAllWorkspaceDisplayNamesAsync, getAllWorkspaceDisplayNamesSnapshot, getAnonClient, getAvailableShiftIds, getAwardBadgeType, getAwardDescription, getAwardTitle, getBrowserName, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getConfiguredLineIds, getCoreSessionRecordingProperties, getCoreSessionReplayUrl, getCurrentShift, getCurrentShiftForLine, getCurrentTimeInZone, getCurrentWeekToDateRange, getDashboardHeaderTimeInZone, getDateKeyFromDate, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultLineId, getDefaultTabForWorkspace, getInitials, getLineDisplayName, getManufacturingInsights, getMetricsTablePrefix, getMonthKeyBounds, getMonthWeekRanges, getNextUpdateInterval, getOperationalDate, getReasonColor, getS3SignedUrl, getS3VideoSrc, getShiftData, getShiftNameById, getShiftWorkDurationSeconds, getShortShiftName, getShortWorkspaceDisplayName, getShortWorkspaceDisplayNameAsync, getStoredWorkspaceMappings, getSubscriptionManager, getThreadMessages, getUniformShiftGroup, getUserThreads, getUserThreadsPaginated, getWorkspaceDisplayName, getWorkspaceDisplayNameAsync, getWorkspaceDisplayNamesMap, getWorkspaceFromUrl, getWorkspaceNavigationParams, groupLinesByShift, hasAnyShiftData, identifyCoreUser, initializeCoreMixpanel, isEfficiencyOnTrack, isFullMonthRange, isLegacyConfiguration, isPrefetchError, isSafari, isTransitionPeriod, isUrlPermanentlyFailed, isValidFactoryViewConfiguration, isValidLineInfoPayload, isValidPrefetchParams, isValidPrefetchStatus, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, isWorkspaceDisplayNamesLoaded, isWorkspaceDisplayNamesLoading, lineLeaderboardService, linesService, mergeWithDefaultConfig, migrateLegacyConfiguration, normalizeDateKeyRange, optifyeAgentClient, parseDateKeyToDate, parseS3Uri, preInitializeWorkspaceDisplayNames, preloadS3Video, preloadS3VideoUrl, preloadS3VideosUrl, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, refreshWorkspaceDisplayNames, resetCoreMixpanel, resetFailedUrl, resetSubscriptionManager, s3VideoPreloader, setSentryUserContext, setSentryWorkspaceContext, 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, useClipsInit, useCompanyClipsCost, useCompanyUsersUsage, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useDynamicShiftConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHasLineAccess, useHideMobileHeader, useHistoricWorkspaceMetrics, useHlsStream, useHlsStreamWithCropping, useHookOverride, useHourEndTimer, useHourlyTargetAchievements, useHourlyTargetMisses, useIdleTimeClipClassifications, useIdleTimeReasons, useIdleTimeVlmConfig, useKpiTrends, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineShiftConfig, useLineSupervisor, useLineWorkspaceMetrics, useLines, useMessages, useMetrics, useMobileMenu, useMonthlyTrend, useMultiLineShiftConfigs, useNavigation, useOperationalShiftKey, useOptionalSupabase, useOverrides, usePageOverride, usePrefetchClipCounts, useRealtimeLineMetrics, useRegistry, useSKUs, useSessionKeepAlive, useSessionTracking, useSessionTrackingContext, useShiftConfig, useShiftGroups, useShifts, useSubscriptionManager, useSubscriptionManagerSafe, useSupabase, useSupabaseClient, useSupervisorsByLineIds, useTargets, useTeamManagementPermissions, useTheme, useThemeConfig, useThreads, useTicketHistory, useTimezoneContext, useUserLineAccess, useUserUsage, useVideoConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceDisplayName, useWorkspaceDisplayNames, useWorkspaceDisplayNamesMap, useWorkspaceHealthById, useWorkspaceHealthLastSeen, useWorkspaceHealthStatus, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, useWorkspaceUptimeTimeline, useWorkspaceVideoStreams, userService, videoPrefetchManager, videoPreloader, weeklyTopPerformerService, whatsappService, withAccessControl, withAuth, withRegistry, withTimezone, workspaceHealthService, workspaceService };