@optifye/dashboard-core 6.11.5 → 6.11.6

package/dist/index.js

@@ -652,6 +652,17 @@ var getMonthKeyBounds = (year, monthIndex) => {
   const endKey = buildDateKey(year, monthIndex, lastDay);
   return { startKey, endKey };
 };
+var getCurrentWeekToDateRange = (timezone, now4 = /* @__PURE__ */ new Date()) => {
+  const todayKey = dateFnsTz.formatInTimeZone(now4, timezone || "UTC", "yyyy-MM-dd");
+  const todayDate = dateFns.parseISO(`${todayKey}T00:00:00`);
+  const dayOfWeek = dateFns.getDay(todayDate);
+  const daysSinceMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
+  const weekStart = dateFns.subDays(todayDate, daysSinceMonday);
+  return {
+    startKey: dateFns.format(weekStart, "yyyy-MM-dd"),
+    endKey: dateFns.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;
@@ -2710,6 +2721,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() {
@@ -2849,6 +2899,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 = dateFns.addMinutes(shiftStartDate, minuteIndex);
+      const hourKey = dateFnsTz.formatInTimeZone(minuteDate, timezone, "H");
+      const minuteKey = Number.parseInt(dateFnsTz.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");
@@ -2903,11 +2971,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 {
@@ -3039,6 +3111,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: dateFnsTz.formatInTimeZone(shiftStartDate, timezone, "yyyy-MM-dd'T'HH:mm:ssXXX"),
+        shiftEnd: dateFnsTz.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;
@@ -3124,6 +3223,7 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       downtimeMinutes,
       pendingMinutes,
       uptimePercentage,
+      hasData: true,
       generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
       points,
       downtimeSegments: filteredSegments
@@ -3152,37 +3252,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();
@@ -3221,7 +3291,8 @@ var WorkspaceHealthService = class _WorkspaceHealthService {
       ...data,
       status,
       timeSinceLastUpdate,
-      isStale
+      isStale,
+      hasUptimeData: false
     };
   }
   getStatusPriority(status) {
@@ -15965,7 +16036,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 {
@@ -48017,14 +48089,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) {
@@ -48083,7 +48152,7 @@ var WorkspaceHealthCard = ({
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 pt-3 border-t border-slate-100 dark:border-slate-800", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wide", children: "Total Downtime" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wide", children: downtimeConfig.label }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("text-sm font-semibold", downtimeConfig.className), children: downtimeConfig.text })
           ] }) })
         ] }),
@@ -48106,8 +48175,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":
@@ -48176,7 +48245,7 @@ var CompactWorkspaceHealthCard = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-          workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          workspace.hasUptimeData && workspace.uptimePercentage !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400", children: [
               workspace.uptimePercentage.toFixed(1),
               "%"
@@ -48184,6 +48253,7 @@ var CompactWorkspaceHealthCard = ({
             downtimeMinutes !== null && downtimeMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-400", children: "\u2022" }),
             downtimeLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: downtimeLabel })
           ] }),
+          !workspace.hasUptimeData && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: "Uptime data unavailable" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: workspace.timeSinceLastUpdate }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("h-2 w-2 rounded-full", config.dot) }),
           onViewDetails && /* @__PURE__ */ jsxRuntime.jsx(
@@ -49756,7 +49826,28 @@ var SideNavBar = React141.memo(({
   const [isSettingsOpen, setIsSettingsOpen] = React141.useState(false);
   const settingsTriggerRef = React141.useRef(null);
   const [isAlertsOpen, setIsAlertsOpen] = React141.useState(false);
-  const [alertsCount, setAlertsCount] = React141.useState(0);
+  const [alertsCount, setAlertsCount] = React141.useState(null);
+  const [lastViewedCount, setLastViewedCount] = React141.useState(() => {
+    if (typeof window !== "undefined") {
+      return parseInt(localStorage.getItem("lastViewedAlertsCount") || "0", 10);
+    }
+    return 0;
+  });
+  React141.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 = React141.useRef(null);
   const alertsCompanyId = entityConfig.companyId || user?.company_id;
   const showAlertsButton = (role === "supervisor" || role === "optifye") && !!alertsCompanyId && !!supabase;
@@ -50045,10 +50136,7 @@ var SideNavBar = React141.memo(({
           children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
               /* @__PURE__ */ jsxRuntime.jsx(outline.BellIcon, { className: "w-5 h-5 mb-1" }),
-              alertsCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
-              ] })
+              unreadCount > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-[10px] font-medium leading-tight mt-1", children: "Alerts" })
           ]
@@ -50200,10 +50288,7 @@ var SideNavBar = React141.memo(({
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(outline.BellIcon, { className: getIconClass("/alerts") }),
-                  alertsCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute -top-1 -right-1 flex h-2.5 w-2.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative inline-flex rounded-full h-2.5 w-2.5 bg-red-500" })
-                  ] })
+                  unreadCount > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-base font-medium ml-3", children: "Alerts" })
               ]
@@ -50331,7 +50416,7 @@ var SideNavBar = React141.memo(({
         onClose: () => setIsAlertsOpen(false),
         triggerRef: alertsTriggerRef,
         companyId: alertsCompanyId,
-        alertsCount,
+        alertsCount: alertsCount ?? 0,
         onAlertsLoaded: setAlertsCount
       }
     )
@@ -57380,6 +57465,7 @@ var WEEKDAYS4 = ["S", "M", "T", "W", "T", "F", "S"];
 var MonthlyRangeFilter = ({
   month,
   year,
+  timezone,
   value,
   onChange,
   onMonthNavigate,
@@ -57387,32 +57473,34 @@ var MonthlyRangeFilter = ({
   variant = "default",
   showLabel = true
 }) => {
-  const presets = [
+  const todayKey = React141.useMemo(
+    () => dateFnsTz.formatInTimeZone(/* @__PURE__ */ new Date(), timezone || "UTC", "yyyy-MM-dd"),
+    [timezone]
+  );
+  const todayDate = React141.useMemo(() => parseDateKeyToDate(todayKey), [todayKey]);
+  const presets = React141.useMemo(() => [
     {
-      label: "Last Week",
-      getValue: () => ({
-        start: dateFns.startOfDay(dateFns.subDays(/* @__PURE__ */ new Date(), 6)),
-        end: dateFns.endOfDay(/* @__PURE__ */ new Date())
-      })
+      label: "This Week",
+      getValue: () => getCurrentWeekToDateRange(timezone)
     },
     {
       label: "Last Month",
       getValue: () => {
-        const lastMonth = dateFns.subMonths(/* @__PURE__ */ new Date(), 1);
+        const lastMonth = dateFns.subMonths(todayDate, 1);
         return {
-          start: dateFns.startOfMonth(lastMonth),
-          end: dateFns.endOfMonth(lastMonth)
+          startKey: dateFns.format(dateFns.startOfMonth(lastMonth), "yyyy-MM-dd"),
+          endKey: dateFns.format(dateFns.endOfMonth(lastMonth), "yyyy-MM-dd")
         };
       }
     },
     {
       label: "This Month",
       getValue: () => ({
-        start: dateFns.startOfMonth(/* @__PURE__ */ new Date()),
-        end: dateFns.endOfDay(/* @__PURE__ */ new Date())
+        startKey: dateFns.format(dateFns.startOfMonth(todayDate), "yyyy-MM-dd"),
+        endKey: dateFns.format(todayDate, "yyyy-MM-dd")
       })
     }
-  ];
+  ], [timezone, todayDate]);
   const monthBounds = React141.useMemo(() => getMonthKeyBounds(year, month), [year, month]);
   const normalizedRange = React141.useMemo(() => {
     return normalizeDateKeyRange(value.startKey, value.endKey, monthBounds.startKey, monthBounds.endKey);
@@ -57433,15 +57521,15 @@ var MonthlyRangeFilter = ({
   const [rangeEnd, setRangeEnd] = React141.useState(parseDateKeyToDate(normalizedRange.endKey));
   const [selecting, setSelecting] = React141.useState(false);
   const [activePreset, setActivePreset] = React141.useState(null);
-  const today = React141.useMemo(() => dateFns.endOfDay(/* @__PURE__ */ new Date()), []);
+  const today = React141.useMemo(() => dateFns.endOfDay(todayDate), [todayDate]);
   React141.useEffect(() => {
     setCalendarMonth(month);
     setCalendarYear(year);
   }, [month, year]);
   React141.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);
@@ -57449,11 +57537,11 @@ var MonthlyRangeFilter = ({
       setCalendarYear(year);
       const match = presets.find((p) => {
         const val = p.getValue();
-        return dateFns.isSameDay(val.start, start) && dateFns.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]);
   React141.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -57483,7 +57571,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);
@@ -57523,8 +57613,7 @@ var MonthlyRangeFilter = ({
     const nextMonthDate = dateFns.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);
@@ -57532,7 +57621,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 = React141.useMemo(() => new Date(calendarYear, calendarMonth), [calendarYear, calendarMonth]);
   const calendarDays = React141.useMemo(() => {
     const start = dateFns.startOfMonth(monthDate);
@@ -66713,7 +66802,8 @@ var useWorkspaceHealth = (options) => {
     healthyWorkspaces: 0,
     unhealthyWorkspaces: 0,
     warningWorkspaces: 0,
-    uptimePercentage: 100,
+    uptimePercentage: null,
+    workspacesWithoutUptimeData: 0,
     lastUpdated: (/* @__PURE__ */ new Date()).toISOString()
   });
   const [loading, setLoading] = React141.useState(true);
@@ -66721,36 +66811,10 @@ var useWorkspaceHealth = (options) => {
   const isFetchingRef = React141.useRef(false);
   const refreshIntervalRef = React141.useRef(null);
   const healthTable = databaseConfig?.tables?.workspace_health || "workspace_health_status";
-  const computeSummary = React141.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 = React141.useCallback(
+    (data) => computeWorkspaceHealthSummary(data),
+    []
+  );
   const fetchWorkspacesHealth = React141.useCallback(async () => {
     if (isFetchingRef.current) return;
     if (isShiftConfigLoading) {
@@ -66905,7 +66969,7 @@ var UptimeTimelineStrip = ({
   shiftEnd,
   timezone,
   className = "",
-  uptimePercentage = 0,
+  uptimePercentage = null,
   downtimeMinutes = 0
 }) => {
   const segments = React141.useMemo(() => {
@@ -66970,7 +67034,7 @@ var UptimeTimelineStrip = ({
     return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: `relative w-full ${className}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-3 text-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-900 font-semibold", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center mb-3 text-sm", children: typeof uptimePercentage === "number" ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-900 font-semibold", children: [
       uptimePercentage.toFixed(1),
       " % uptime ",
       downtimeMinutes > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-gray-600 font-normal", children: [
@@ -66978,7 +67042,7 @@ var UptimeTimelineStrip = ({
         formatDowntimeLabel(downtimeMinutes),
         ")"
       ] })
-    ] }) }),
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-600 font-medium", children: "Uptime data unavailable" }) }),
     /* @__PURE__ */ jsxRuntime.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);
@@ -67099,7 +67163,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 = React141.useMemo(
     () => [...downtimeSegments].sort(
       (a, b) => new Date(b.startTime).getTime() - new Date(a.startTime).getTime()
@@ -67221,7 +67286,7 @@ var WorkspaceUptimeDetailModal = ({
                     shiftEnd: timeline?.shiftEnd || (/* @__PURE__ */ new Date()).toISOString(),
                     timezone,
                     uptimePercentage,
-                    downtimeMinutes
+                    downtimeMinutes: hasTimelineData ? downtimeMinutes : 0
                   }
                 ),
                 loading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-600 mt-4", children: [
@@ -67231,7 +67296,7 @@ var WorkspaceUptimeDetailModal = ({
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900 uppercase tracking-wider mb-3", children: "Downtime Logs" }),
-                downtimeSegments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "No downtime events recorded for this shift." }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+                !hasTimelineData ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "No uptime data available for this shift." }) }) : downtimeSegments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-gray-100 bg-gray-50/50 px-5 py-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: "No downtime events recorded for this shift." }) }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "div",
                     {
@@ -67356,6 +67421,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";
@@ -67465,13 +67531,16 @@ var WorkspaceHealthView = ({
                 /* @__PURE__ */ jsxRuntime.jsx(CardHeader2, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "System Availability" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(CardContent2, { children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx("text-3xl font-bold", getUptimeColor(summary.uptimePercentage)), children: [
-                      summary.uptimePercentage.toFixed(1),
-                      "%"
-                    ] }),
-                    summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className: "h-5 w-5 text-red-500" })
+                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-gray-400" }) : summary.uptimePercentage >= 97 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-5 w-5 text-green-500" }) : summary.uptimePercentage >= 90 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "h-5 w-5 text-yellow-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { className: "h-5 w-5 text-red-500" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: "Overall system uptime today" })
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "text-xs text-amber-600 mt-1", children: [
+                    summary.workspacesWithoutUptimeData,
+                    " workspace",
+                    summary.workspacesWithoutUptimeData === 1 ? "" : "s",
+                    " missing uptime data"
+                  ] })
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "bg-white", children: [
@@ -69117,6 +69186,155 @@ Please ensure:
 var AuthenticatedTicketsView = withAuth(React141__namespace.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__ */ jsxRuntime.jsxs("div", { className: className || "flex flex-wrap items-center gap-x-4 gap-y-3", children: [
+    gainSummary && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }),
+            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "16 7 22 7 22 13" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: gainSummary.primary })
+        ]
+      }
+    ),
+    showTargetReadjustment && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.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;
@@ -69294,6 +69512,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] = React141.useState(0);
   const [videos, setVideos] = React141.useState([]);
@@ -69615,6 +69851,7 @@ var EvidenceCarousel = ({ evidence, clipsService }) => {
 };
 var ImprovementCenterView = () => {
   const { navigate } = useNavigation();
+  const router$1 = router.useRouter();
   const supabase = useSupabase();
   const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
@@ -69625,6 +69862,7 @@ var ImprovementCenterView = () => {
   const [selectedShift, setSelectedShift] = React141.useState("all");
   const [selectedWeeksRange, setSelectedWeeksRange] = React141.useState("all");
   const [selectedMemberId, setSelectedMemberId] = React141.useState("all");
+  const [selectedSortBy, setSelectedSortBy] = React141.useState("all");
   const [recommendations, setRecommendations] = React141.useState([]);
   const [isLoading, setIsLoading] = React141.useState(false);
   const [loadError, setLoadError] = React141.useState(null);
@@ -69663,14 +69901,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()}`;
@@ -69752,6 +69982,9 @@ var ImprovementCenterView = () => {
     return map;
   }, [companyLines, configuredLines]);
   const companyId = user?.company_id || entityConfig.companyId;
+  const focusIssueId = React141.useMemo(() => {
+    return getQueryParam(router$1.query.focusIssueId) || getQueryParamFromAsPath(router$1.asPath, "focusIssueId");
+  }, [router$1.asPath, router$1.query.focusIssueId]);
   const clipsService = React141.useMemo(() => {
     try {
       return new S3ClipsSupabaseService(dashboardConfig);
@@ -69759,6 +69992,11 @@ var ImprovementCenterView = () => {
       return null;
     }
   }, [dashboardConfig]);
+  const { supervisorsByLineId } = useSupervisorsByLineIds(scopeLineIds, {
+    enabled: !!companyId && scopeLineIds.length > 0,
+    companyId,
+    useBackend: true
+  });
   React141.useEffect(() => {
     let cancelled = false;
     const loadTeamMembers = async () => {
@@ -69870,8 +70108,17 @@ var ImprovementCenterView = () => {
   const teamMembersById = React141.useMemo(() => {
     return new Map(teamMembers.map((member) => [member.id, member]));
   }, [teamMembers]);
+  const getRecommendationDisplayMetadata = React141__namespace.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 = React141.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;
@@ -69885,12 +70132,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 = React141.useMemo(() => {
     const baseFiltered = recommendations.filter((rec) => {
       if (selectedLineId !== "all" && rec.line_id !== selectedLineId) return false;
@@ -69919,7 +70198,8 @@ var ImprovementCenterView = () => {
         status: selectedStatus,
         shift: selectedShift,
         weeks_range: selectedWeeksRange,
-        member_id: selectedMemberId
+        member_id: selectedMemberId,
+        sort_by: selectedSortBy
       }
     });
     setSelectedLineId("all");
@@ -69927,6 +70207,7 @@ var ImprovementCenterView = () => {
     setSelectedShift("all");
     setSelectedWeeksRange("all");
     setSelectedMemberId("all");
+    setSelectedSortBy("all");
   };
   const shiftOptions = React141.useMemo(() => {
     const shifts = /* @__PURE__ */ new Set();
@@ -70006,6 +70287,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__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-gray-50 flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-30 bg-white border-b border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 sm:px-6 lg:px-8 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 min-w-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -70045,11 +70334,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__ */ jsxRuntime.jsx(outline.FunnelIcon, { className: "w-4 h-4" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Filters" }),
-                (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all") && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.ChevronDownIcon, { className: `w-3 h-3 ml-1 transition-transform ${isFilterOpen ? "rotate-180" : ""}` })
               ]
             }
@@ -70057,7 +70346,7 @@ var ImprovementCenterView = () => {
           isFilterOpen && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-gray-900", children: "Filter View" }),
-              (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all") && /* @__PURE__ */ jsxRuntime.jsx(
+              (selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || selectedLineId !== "all" || selectedSortBy !== "all") && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: clearFilters,
@@ -70067,6 +70356,7 @@ var ImprovementCenterView = () => {
               )
             ] }),
             /* @__PURE__ */ jsxRuntime.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" },
@@ -70082,12 +70372,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__ */ jsxRuntime.jsx("option", { value: val, children: label }, val);
                   })
                 }
@@ -70100,23 +70397,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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "p-5 relative", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row gap-5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 mb-3", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-4 h-4" }),
                       "Resolved"
@@ -70145,32 +70444,44 @@ var ImprovementCenterView = () => {
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900 mb-2", children: rec.title }),
-                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "uppercase tracking-wide text-sm ml-1", children: [
-                      "\xB7 ",
-                      rec.shift_label || `Shift ${rec.shift_id}`
-                    ] }),
-                    periodLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                      " \xB7 ",
-                      periodLabel
-                    ] })
-                  ] }),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "uppercase tracking-wide text-sm ml-1", children: [
+                          "\xB7 ",
+                          rec.shift_label || `Shift ${rec.shift_id}`
+                        ] }),
+                        periodLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                          " \xB7 ",
+                          periodLabel
+                        ] })
+                      ]
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-gray-600 leading-relaxed", children: description }),
-                  rec.resolution_instructions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group inline-flex mt-4", children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.EyeIcon, { className: "w-4 h-4" }),
-                      "Resolution Goal"
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 w-80", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-500 uppercase tracking-wide mb-1.5", children: "How this ticket gets resolved" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-gray-700 leading-relaxed", children: rec.resolution_instructions })
+                  hasSignalContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 flex flex-wrap items-center gap-x-4 gap-y-3", children: [
+                    rec.resolution_instructions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group inline-flex", children: [
+                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(outline.EyeIcon, { className: "w-4 h-4" }),
+                        "Resolve"
                       ] }),
-                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-xl border border-gray-100 p-4 w-80", children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-500 uppercase tracking-wide mb-1.5", children: "How this ticket gets resolved" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base text-gray-700 leading-relaxed", children: rec.resolution_instructions })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ImprovementRecommendationSignals_default, { recommendation: rec })
                   ] })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
@@ -70190,8 +70501,8 @@ var ImprovementCenterView = () => {
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center py-16 bg-white rounded-xl border border-gray-200 shadow-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto flex items-center justify-center w-16 h-16 rounded-full bg-green-50 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-8 h-8 text-green-500" }) }),
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: "No tickets found" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 max-w-md mx-auto", children: selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" ? "Try adjusting your filters to see more results." : "All monitored long-term patterns were evaluated and remained within limits. This is a success state!" }),
-            (selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all") && /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 max-w-md mx-auto", children: selectedLineId !== "all" || selectedStatus !== "all" || selectedShift !== "all" || selectedWeeksRange !== "all" || selectedMemberId !== "all" || 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__ */ jsxRuntime.jsx(
               "button",
               {
                 onClick: clearFilters,
@@ -72265,7 +72576,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: [] },
@@ -72291,15 +72602,6 @@ var toNumber3 = (value) => {
   return null;
 };
 var roundOne = (value) => Math.round(value * 10) / 10;
-var getLastSevenDayRange = (timezone) => {
-  const todayKey = dateFnsTz.formatInTimeZone(/* @__PURE__ */ new Date(), timezone || "UTC", "yyyy-MM-dd");
-  const endDate = dateFns.parseISO(`${todayKey}T00:00:00`);
-  const startDate = dateFns.subDays(endDate, 6);
-  return {
-    startKey: dateFns.format(startDate, "yyyy-MM-dd"),
-    endKey: dateFns.format(endDate, "yyyy-MM-dd")
-  };
-};
 var formatIdleDuration = (seconds) => {
   if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
     return "--";
@@ -72314,23 +72616,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) {
@@ -72342,14 +72632,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 {
@@ -72407,12 +72689,15 @@ var OverviewIdleBreakdownSkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs("div",
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 bg-slate-200 rounded w-20" })
   ] }, i)) })
 ] });
-var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-  /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-4 w-4 rounded-full" }),
-  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-3 w-40" }),
-    /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-2.5 w-24" })
-  ] })
+var OverviewImprovementsSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4 py-3", children: Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-5 w-10 rounded-full flex-shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-2 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-3 w-40" }),
+      /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-2.5 w-24" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxRuntime.jsx(SectionPulse, { className: "h-6 w-20 rounded-full" }) })
 ] }, index)) });
 var PlantHeadView = () => {
   const supabase = useSupabase();
@@ -72422,7 +72707,7 @@ var PlantHeadView = () => {
   const { accessibleLineIds } = useUserLineAccess();
   const mobileMenuContext = useMobileMenu();
   useHideMobileHeader(!!mobileMenuContext);
-  const [dateRange, setDateRange] = React141__namespace.default.useState(() => getLastSevenDayRange("UTC"));
+  const [dateRange, setDateRange] = React141__namespace.default.useState(() => getCurrentWeekToDateRange(appTimezone));
   const [trendMode, setTrendMode] = React141__namespace.default.useState("all");
   const [poorestLineMode, setPoorestLineMode] = React141__namespace.default.useState("output");
   const [overview, setOverview] = React141__namespace.default.useState(EMPTY_OVERVIEW);
@@ -72436,9 +72721,12 @@ var PlantHeadView = () => {
   const [improvements, setImprovements] = React141__namespace.default.useState([]);
   const [isImprovementsLoading, setIsImprovementsLoading] = React141__namespace.default.useState(false);
   const [isFilterOpen, setIsFilterOpen] = React141__namespace.default.useState(false);
+  const [isIdleContributorsOpen, setIsIdleContributorsOpen] = React141__namespace.default.useState(false);
+  const [isIdleContributorsPinned, setIsIdleContributorsPinned] = React141__namespace.default.useState(false);
   const filterRef = React141__namespace.default.useRef(null);
   const filterButtonRef = React141__namespace.default.useRef(null);
   const mobileFilterButtonRef = React141__namespace.default.useRef(null);
+  const idleContributorsRef = React141__namespace.default.useRef(null);
   React141__namespace.default.useEffect(() => {
     trackCorePageView("Operations Overview");
   }, []);
@@ -72479,11 +72767,11 @@ var PlantHeadView = () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, []);
-  const hasInitializedRangeRef = React141__namespace.default.useRef(false);
+  const initializedTimezoneRef = React141__namespace.default.useRef(appTimezone);
   React141__namespace.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__namespace.default.useMemo(
@@ -72494,6 +72782,10 @@ var PlantHeadView = () => {
     () => scopedLineIds.slice().sort().join(","),
     [scopedLineIds]
   );
+  React141__namespace.default.useEffect(() => {
+    setIsIdleContributorsOpen(false);
+    setIsIdleContributorsPinned(false);
+  }, [companyId, dateRange.endKey, dateRange.startKey, lineIdsKey, trendMode]);
   const { supervisorsByLineId } = useSupervisorsByLineIds(scopedLineIds, {
     enabled: !!companyId && scopedLineIds.length > 0,
     companyId,
@@ -72691,11 +72983,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);
     };
@@ -72741,7 +73038,99 @@ var PlantHeadView = () => {
       comparisonLabel
     });
   }, [comparisonLabel, overview.summary?.avg_idle_per_workstation?.delta_seconds]);
+  const canInspectIdleContributors = React141__namespace.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__namespace.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__namespace.default.useMemo(() => {
+    return (overview.scope?.line_count ?? 0) > 1;
+  }, [overview.scope?.line_count]);
+  const closeIdleContributors = React141__namespace.default.useCallback(() => {
+    setIsIdleContributorsOpen(false);
+    setIsIdleContributorsPinned(false);
+  }, []);
+  const handleIdleContributorsToggle = React141__namespace.default.useCallback(() => {
+    if (!canInspectIdleContributors) return;
+    setIsIdleContributorsPinned((prev) => {
+      const next = !prev;
+      setIsIdleContributorsOpen(next);
+      return next;
+    });
+  }, [canInspectIdleContributors]);
+  const handleIdleContributorsKeyDown = React141__namespace.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__namespace.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__namespace.default.useMemo(
+    () => getCurrentWeekToDateRange(appTimezone),
+    [appTimezone]
+  );
+  const isCurrentWeekToDateRange = dateRange.startKey === currentWeekRange.startKey && dateRange.endKey === currentWeekRange.endKey;
   const trendData = React141__namespace.default.useMemo(() => {
+    const pointsByDate = new Map(
+      (overview.trend?.points || []).flatMap((point) => {
+        if (!point.date) return [];
+        const pointDate = parseDateKeyToDate(point.date);
+        return [[point.date, {
+          name: dateFns.format(pointDate, "MMM d"),
+          dayOfWeek: dateFns.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 = dateFns.addDays(weekStart, index);
+        const dateKey = dateFns.format(date, "yyyy-MM-dd");
+        return pointsByDate.get(dateKey) || {
+          name: dateFns.format(date, "MMM d"),
+          dayOfWeek: dateFns.format(date, "EEEE"),
+          efficiency: void 0
+        };
+      });
+    }
     return (overview.trend?.points || []).map((point) => {
       const pointDate = point.date ? parseDateKeyToDate(point.date) : null;
       return {
@@ -72753,7 +73142,7 @@ var PlantHeadView = () => {
         })()
       };
     });
-  }, [overview.trend?.points]);
+  }, [currentWeekRange.startKey, isCurrentWeekToDateRange, overview.trend?.points]);
   const trendPlayKey = React141__namespace.default.useMemo(() => {
     return `${trendViewOpenNonce}:${trendFetchNonce}`;
   }, [trendFetchNonce, trendViewOpenNonce]);
@@ -72800,6 +73189,33 @@ var PlantHeadView = () => {
     if (!dayOfWeek || typeof label !== "string") return label;
     return `${label} (${dayOfWeek})`;
   }, []);
+  const displayImprovements = React141__namespace.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__namespace.default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")}`;
+    }
+    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
+  const desktopSubtitle = React141__namespace.default.useMemo(() => {
+    if (isCurrentWeekToDateRange) {
+      return `Week of ${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")}`;
+    }
+    return `${dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy")} - ${dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")}`;
+  }, [dateRange.endKey, dateRange.startKey, isCurrentWeekToDateRange]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col min-h-screen bg-slate-50 w-full font-sans", children: [
     /* @__PURE__ */ jsxRuntime.jsx("header", { className: "sticky top-0 z-10 bg-white border-b flex-shrink-0 shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 sm:px-4 md:px-6 py-2 sm:py-3 relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
@@ -72812,11 +73228,7 @@ var PlantHeadView = () => {
         ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 flex-shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-lg font-semibold text-gray-900 text-center px-1 truncate max-w-[200px]", children: "Operations Overview" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: [
-            dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMM"),
-            " - ",
-            dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMM, yyyy")
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-slate-500 text-center mt-0.5", children: mobileSubtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0 flex items-center gap-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -72848,11 +73260,7 @@ var PlantHeadView = () => {
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden sm:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center relative min-h-[56px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute left-1/2 -translate-x-1/2 flex flex-col items-center pointer-events-none", children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: [
-            dateFns.format(parseDateKeyToDate(dateRange.startKey), "do MMMM, yyyy"),
-            " - ",
-            dateFns.format(parseDateKeyToDate(dateRange.endKey), "do MMMM, yyyy")
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium text-slate-500 text-center pointer-events-auto", children: desktopSubtitle })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute right-0 flex items-center gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -72940,16 +73348,92 @@ var PlantHeadView = () => {
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
-              isSnapshotLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
-                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
-                  idleBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
-                ] })
-              ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "mb-1", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-700", children: "Idle Time per Workstation" }) }),
+                    isSnapshotLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewMetricCardSkeleton, {}) : overview.summary?.avg_idle_per_workstation?.current_seconds !== null && overview.summary?.avg_idle_per_workstation?.current_seconds !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 sm:gap-3 mt-1", children: [
+                      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 px-2.5 py-1 rounded-full ${idleBadge.className}`, children: [
+                        idleBadge.icon === "up" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : idleBadge.icon === "down" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3.5 h-3.5", strokeWidth: 2.5 }) : null,
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs sm:text-sm font-medium", children: idleBadge.text })
+                      ] })
+                    ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-sm text-slate-400", children: "No idle time data available" })
+                  ]
+                }
+              ),
+              canInspectIdleContributors && isIdleContributorsOpen ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 pb-3 mb-3 border-b border-slate-100", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 rounded-full flex-shrink-0 bg-red-500" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-slate-800 text-[15px]", children: "Idle Time per Workstation" })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400 mb-3", children: "TOP CONTRIBUTORS" }),
+                      idleTopContributors.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2.5", children: idleTopContributors.map((contributor, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+                        "div",
+                        {
+                          className: "flex items-start justify-between gap-3",
+                          children: [
+                            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                              /* @__PURE__ */ jsxRuntime.jsx(
+                                "div",
+                                {
+                                  className: "text-slate-600 text-[13px] truncate",
+                                  title: contributor.workspaceName,
+                                  children: contributor.workspaceName
+                                }
+                              ),
+                              showIdleContributorLineNames && contributor.lineName ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[11px] font-medium text-slate-400 truncate", title: contributor.lineName, children: contributor.lineName }) : null
+                            ] }),
+                            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-slate-500 text-[13px] text-right whitespace-nowrap", children: formatIdleDuration(contributor.avgIdleSeconds) })
+                          ]
+                        },
+                        `${contributor.workspaceId || contributor.workspaceName}-${index}`
+                      )) }) : /* @__PURE__ */ jsxRuntime.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
             ]
           }
         )
@@ -73103,24 +73587,48 @@ var PlantHeadView = () => {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewImprovementsSkeleton, {}) : improvements.length > 0 ? improvements.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-0 flex flex-col px-5 py-2 justify-start overflow-auto", children: isImprovementsLoading ? /* @__PURE__ */ jsxRuntime.jsx(OverviewImprovementsSkeleton, {}) : displayImprovements.length > 0 ? displayImprovements.map((item) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: "w-4 h-4 text-slate-400 group-hover:text-indigo-500 transition-colors" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "text-[10px] font-medium text-slate-400", children: [
-                      "Impact: ",
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-500 font-semibold", children: item.impact })
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0 pr-4", children: [
+                    item.ticketLabel && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 min-w-0 mb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[13px] font-semibold text-slate-800 truncate transition-colors group-hover:text-indigo-600", children: item.title }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "p",
+                        {
+                          className: "text-[10px] font-medium text-slate-400 truncate",
+                          title: item.metadataLabel,
+                          children: item.metadataLabel
+                        }
+                      )
                     ] })
-                  ] })
-                ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end flex-shrink-0 ml-4", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "h-3 w-3" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: item.metric })
+                      ]
+                    }
+                  ) })
+                ]
               },
               item.id
             )) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-8 text-center text-sm text-slate-400", children: "No open improvement issues" }) })
@@ -73908,6 +74416,7 @@ exports.getCoreSessionReplayUrl = getCoreSessionReplayUrl;
 exports.getCurrentShift = getCurrentShift;
 exports.getCurrentShiftForLine = getCurrentShiftForLine;
 exports.getCurrentTimeInZone = getCurrentTimeInZone;
+exports.getCurrentWeekToDateRange = getCurrentWeekToDateRange;
 exports.getDashboardHeaderTimeInZone = getDashboardHeaderTimeInZone;
 exports.getDateKeyFromDate = getDateKeyFromDate;
 exports.getDaysDifferenceInZone = getDaysDifferenceInZone;