@optifye/dashboard-core 6.10.14 → 6.10.15

package/dist/index.js

@@ -59553,16 +59553,59 @@ var ImprovementCenterView = () => {
     const diffDays = Math.max(0, Math.floor((now2.getTime() - firstSeen.getTime()) / (1e3 * 60 * 60 * 24)));
     return Math.max(1, Math.ceil(diffDays / 7));
   };
+  const toZonedDate = (value) => {
+    if (!value) return void 0;
+    const raw = new Date(value);
+    if (Number.isNaN(raw.getTime())) return void 0;
+    return new Date(raw.toLocaleString("en-US", { timeZone: timezone }));
+  };
+  const getDaySuffix = (day) => {
+    const dayMod = day % 100;
+    if (dayMod >= 11 && dayMod <= 13) return "th";
+    if (day % 10 === 1) return "st";
+    if (day % 10 === 2) return "nd";
+    if (day % 10 === 3) return "rd";
+    return "th";
+  };
   const formatOpenedDate = (firstSeenAt) => {
     if (!firstSeenAt) return void 0;
-    const raw = new Date(firstSeenAt);
-    if (Number.isNaN(raw.getTime())) return void 0;
-    const zoned = new Date(raw.toLocaleString("en-US", { timeZone: timezone }));
+    const zoned = toZonedDate(firstSeenAt);
+    if (!zoned) return void 0;
     const day = zoned.getDate();
     const month = zoned.toLocaleString("en-US", { month: "short" });
-    const dayMod = day % 100;
-    const suffix = dayMod >= 11 && dayMod <= 13 ? "th" : day % 10 === 1 ? "st" : day % 10 === 2 ? "nd" : day % 10 === 3 ? "rd" : "th";
-    return `${day}${suffix} ${month}`;
+    return `${day}${getDaySuffix(day)} ${month}`;
+  };
+  const formatMonthDay = (date) => {
+    const month = date.toLocaleString("en-US", { month: "short" });
+    return `${month} ${date.getDate()}`;
+  };
+  const formatDayMonth = (date, withSuffix = true) => {
+    const day = date.getDate();
+    const month = date.toLocaleString("en-US", { month: "short" });
+    return withSuffix ? `${day}${getDaySuffix(day)} ${month}` : `${day} ${month}`;
+  };
+  const formatPeriodRange = (start, end) => {
+    const startDate = toZonedDate(start);
+    const endDate = toZonedDate(end);
+    if (!startDate || !endDate) return void 0;
+    return `${formatMonthDay(startDate)} - ${formatMonthDay(endDate)}`;
+  };
+  const stripPeriodFromDescription = (description, start, end) => {
+    if (!description) return description;
+    const startDate = toZonedDate(start);
+    const endDate = toZonedDate(end);
+    if (!startDate || !endDate) return description;
+    const labels = [
+      `${formatMonthDay(startDate)} - ${formatMonthDay(endDate)}`,
+      `${formatDayMonth(startDate)} - ${formatDayMonth(endDate)}`,
+      `${formatDayMonth(startDate, false)} - ${formatDayMonth(endDate, false)}`
+    ];
+    let cleaned = description;
+    labels.forEach((label) => {
+      cleaned = cleaned.replace(`(${label})`, "").replace(` (${label})`, "");
+    });
+    cleaned = cleaned.replace(/\s{2,}/g, " ").replace(/\s+([.,])/g, "$1").trim();
+    return cleaned;
   };
   const configuredLines = React24.useMemo(() => {
     return entityConfig.lines || entityConfig.lineNames || {};
@@ -59772,7 +59815,7 @@ var ImprovementCenterView = () => {
       }
       if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
-    }).sort((a, b) => (b.weeks_open || 0) - (a.weeks_open || 0));
+    }).sort((a, b) => (a.issue_number || 0) - (b.issue_number || 0));
   }, [recommendations, selectedLineId, selectedStatus, selectedShift, selectedWeeksRange, selectedMemberId]);
   const stats = React24.useMemo(() => {
     const baseFiltered = recommendations.filter((rec) => {
@@ -59995,6 +60038,8 @@ var ImprovementCenterView = () => {
           const weeksOpen = rec.weeks_open || 1;
           const openLabel = weeksOpen <= 1 ? "Opened this week" : `Opened for ${weeksOpen} weeks`;
           const openedOnLabel = 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);
           return /* @__PURE__ */ jsxRuntime.jsx(
             motion.div,
             {
@@ -60017,7 +60062,7 @@ var ImprovementCenterView = () => {
                         /* @__PURE__ */ jsxRuntime.jsx(outline.ClockIcon, { className: "w-3.5 h-3.5" }),
                         openLabel
                       ] }),
-                      openedOnLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium text-gray-600 bg-gray-100 border border-gray-200", children: [
+                      openedOnLabel && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border border-gray-200 text-gray-600 bg-gray-50", children: [
                         "Opened on ",
                         openedOnLabel
                       ] }),
@@ -60047,14 +60092,22 @@ var ImprovementCenterView = () => {
                         (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
                           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "uppercase tracking-wide text-xs pt-0.5 text-gray-500 font-medium", children: rec.shift_label || `Shift ${rec.shift_id}` })
+                        ] }),
+                        periodLabel && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2022" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 font-medium", children: periodLabel })
                         ] })
                       ] })
                     ] })
                   ] }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: rec.description }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm text-gray-600", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: description }) }),
                   rec.resolution_instructions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-50 border border-blue-100 rounded-lg p-3", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-blue-800 font-medium flex items-start gap-2", children: [
                     /* @__PURE__ */ jsxRuntime.jsx(outline.CheckCircleIcon, { className: "w-5 h-5 flex-shrink-0" }),
-                    rec.resolution_instructions
+                    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold", children: "Resolution Condition:" }),
+                      " ",
+                      rec.resolution_instructions
+                    ] })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full md:w-1/2 lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index.mjs

@@ -59524,16 +59524,59 @@ var ImprovementCenterView = () => {
     const diffDays = Math.max(0, Math.floor((now2.getTime() - firstSeen.getTime()) / (1e3 * 60 * 60 * 24)));
     return Math.max(1, Math.ceil(diffDays / 7));
   };
+  const toZonedDate = (value) => {
+    if (!value) return void 0;
+    const raw = new Date(value);
+    if (Number.isNaN(raw.getTime())) return void 0;
+    return new Date(raw.toLocaleString("en-US", { timeZone: timezone }));
+  };
+  const getDaySuffix = (day) => {
+    const dayMod = day % 100;
+    if (dayMod >= 11 && dayMod <= 13) return "th";
+    if (day % 10 === 1) return "st";
+    if (day % 10 === 2) return "nd";
+    if (day % 10 === 3) return "rd";
+    return "th";
+  };
   const formatOpenedDate = (firstSeenAt) => {
     if (!firstSeenAt) return void 0;
-    const raw = new Date(firstSeenAt);
-    if (Number.isNaN(raw.getTime())) return void 0;
-    const zoned = new Date(raw.toLocaleString("en-US", { timeZone: timezone }));
+    const zoned = toZonedDate(firstSeenAt);
+    if (!zoned) return void 0;
     const day = zoned.getDate();
     const month = zoned.toLocaleString("en-US", { month: "short" });
-    const dayMod = day % 100;
-    const suffix = dayMod >= 11 && dayMod <= 13 ? "th" : day % 10 === 1 ? "st" : day % 10 === 2 ? "nd" : day % 10 === 3 ? "rd" : "th";
-    return `${day}${suffix} ${month}`;
+    return `${day}${getDaySuffix(day)} ${month}`;
+  };
+  const formatMonthDay = (date) => {
+    const month = date.toLocaleString("en-US", { month: "short" });
+    return `${month} ${date.getDate()}`;
+  };
+  const formatDayMonth = (date, withSuffix = true) => {
+    const day = date.getDate();
+    const month = date.toLocaleString("en-US", { month: "short" });
+    return withSuffix ? `${day}${getDaySuffix(day)} ${month}` : `${day} ${month}`;
+  };
+  const formatPeriodRange = (start, end) => {
+    const startDate = toZonedDate(start);
+    const endDate = toZonedDate(end);
+    if (!startDate || !endDate) return void 0;
+    return `${formatMonthDay(startDate)} - ${formatMonthDay(endDate)}`;
+  };
+  const stripPeriodFromDescription = (description, start, end) => {
+    if (!description) return description;
+    const startDate = toZonedDate(start);
+    const endDate = toZonedDate(end);
+    if (!startDate || !endDate) return description;
+    const labels = [
+      `${formatMonthDay(startDate)} - ${formatMonthDay(endDate)}`,
+      `${formatDayMonth(startDate)} - ${formatDayMonth(endDate)}`,
+      `${formatDayMonth(startDate, false)} - ${formatDayMonth(endDate, false)}`
+    ];
+    let cleaned = description;
+    labels.forEach((label) => {
+      cleaned = cleaned.replace(`(${label})`, "").replace(` (${label})`, "");
+    });
+    cleaned = cleaned.replace(/\s{2,}/g, " ").replace(/\s+([.,])/g, "$1").trim();
+    return cleaned;
   };
   const configuredLines = useMemo(() => {
     return entityConfig.lines || entityConfig.lineNames || {};
@@ -59743,7 +59786,7 @@ var ImprovementCenterView = () => {
       }
       if (selectedMemberId !== "all" && !(rec.assigned_user_ids?.includes(selectedMemberId) || rec.assigned_to_user_id === selectedMemberId)) return false;
       return true;
-    }).sort((a, b) => (b.weeks_open || 0) - (a.weeks_open || 0));
+    }).sort((a, b) => (a.issue_number || 0) - (b.issue_number || 0));
   }, [recommendations, selectedLineId, selectedStatus, selectedShift, selectedWeeksRange, selectedMemberId]);
   const stats = useMemo(() => {
     const baseFiltered = recommendations.filter((rec) => {
@@ -59966,6 +60009,8 @@ var ImprovementCenterView = () => {
           const weeksOpen = rec.weeks_open || 1;
           const openLabel = weeksOpen <= 1 ? "Opened this week" : `Opened for ${weeksOpen} weeks`;
           const openedOnLabel = 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);
           return /* @__PURE__ */ jsx(
             motion.div,
             {
@@ -59988,7 +60033,7 @@ var ImprovementCenterView = () => {
                         /* @__PURE__ */ jsx(ClockIcon, { className: "w-3.5 h-3.5" }),
                         openLabel
                       ] }),
-                      openedOnLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium text-gray-600 bg-gray-100 border border-gray-200", children: [
+                      openedOnLabel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-medium border border-gray-200 text-gray-600 bg-gray-50", children: [
                         "Opened on ",
                         openedOnLabel
                       ] }),
@@ -60018,14 +60063,22 @@ var ImprovementCenterView = () => {
                         (rec.shift_label || rec.shift_id !== void 0) && /* @__PURE__ */ jsxs(Fragment, { children: [
                           /* @__PURE__ */ jsx("span", { children: "\u2022" }),
                           /* @__PURE__ */ jsx("span", { className: "uppercase tracking-wide text-xs pt-0.5 text-gray-500 font-medium", children: rec.shift_label || `Shift ${rec.shift_id}` })
+                        ] }),
+                        periodLabel && /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsx("span", { children: "\u2022" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-gray-500 font-medium", children: periodLabel })
                         ] })
                       ] })
                     ] })
                   ] }) }),
-                  /* @__PURE__ */ jsx("div", { className: "prose prose-sm text-gray-600", children: /* @__PURE__ */ jsx("p", { children: rec.description }) }),
+                  /* @__PURE__ */ jsx("div", { className: "prose prose-sm text-gray-600", children: /* @__PURE__ */ jsx("p", { children: description }) }),
                   rec.resolution_instructions && /* @__PURE__ */ jsx("div", { className: "bg-blue-50 border border-blue-100 rounded-lg p-3", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-blue-800 font-medium flex items-start gap-2", children: [
                     /* @__PURE__ */ jsx(CheckCircleIcon, { className: "w-5 h-5 flex-shrink-0" }),
-                    rec.resolution_instructions
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Resolution Condition:" }),
+                      " ",
+                      rec.resolution_instructions
+                    ] })
                   ] }) })
                 ] }),
                 /* @__PURE__ */ jsx("div", { className: "w-full md:w-1/2 lg:w-5/12 bg-gray-50 rounded-lg p-4 border border-gray-100", children: Array.isArray(rec.evidence) && rec.evidence.length > 0 ? /* @__PURE__ */ jsx(

package/package.json

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