@optifye/dashboard-core 6.12.34 → 6.12.35

package/dist/index.css

@@ -4473,6 +4473,9 @@ body {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-4 {
+  line-height: 1rem;
+}
 .leading-5 {
   line-height: 1.25rem;
 }

package/dist/index.js

@@ -59668,16 +59668,19 @@ var buildSnapshotRows = (entries, lines) => {
   }));
 };
 var formatCrossedLineNames = (event) => {
-  if (event.crossedLines.length === 1) {
-    return event.crossedLines[0].lineName;
-  }
-  return `${event.crossedLines.length} watched lines`;
+  const names = event.crossedLines.map((line) => line.lineName).filter(Boolean);
+  if (names.length === 0) return "another line";
+  if (names.length === 1) return names[0];
+  if (names.length === 2) return `${names[0]} and ${names[1]}`;
+  return `${names[0]}, ${names[1]} +${names.length - 2} more`;
 };
 var getDirectionCopy = (direction, event) => {
   const crossedNames = formatCrossedLineNames(event);
   const rankChange = Math.abs(event.previousRank - event.currentRank);
+  const movementLabel = direction === "up" ? "moved up" : "moved down";
   return direction === "up" ? {
-    title: `You just crossed ${crossedNames}`,
+    title: `${event.crossingLineName} ${movementLabel}`,
+    context: `You passed ${crossedNames}`,
     accent: "border-l-emerald-500",
     iconBg: "bg-emerald-100",
     iconText: "text-emerald-600",
@@ -59685,7 +59688,8 @@ var getDirectionCopy = (direction, event) => {
     action: "text-emerald-700 hover:text-emerald-800",
     rankChange
   } : {
-    title: `${crossedNames} just crossed you`,
+    title: `${event.crossingLineName} ${movementLabel}`,
+    context: `${crossedNames} crossed you`,
     accent: "border-l-red-500",
     iconBg: "bg-red-100",
     iconText: "text-red-600",
@@ -59786,6 +59790,7 @@ var LineOvertakeNotificationPopup = ({
             ) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start gap-2 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-semibold text-sm text-gray-900 leading-5", children: directionCopy.title }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs font-medium leading-4 text-slate-500", children: directionCopy.context }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[15px] font-semibold text-slate-500", children: "New rank:" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-[15px] font-bold ${directionCopy.pill}`, children: [
@@ -59805,7 +59810,7 @@ var LineOvertakeNotificationPopup = ({
                   onClick: onOpenLeaderboard,
                   className: `inline-flex items-center gap-1.5 text-xs font-semibold transition-colors ${directionCopy.action}`,
                   children: [
-                    "View leaderboard",
+                    "Open leaderboard",
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "w-3.5 h-3.5" })
                   ]
                 }

package/dist/index.mjs

@@ -59639,16 +59639,19 @@ var buildSnapshotRows = (entries, lines) => {
   }));
 };
 var formatCrossedLineNames = (event) => {
-  if (event.crossedLines.length === 1) {
-    return event.crossedLines[0].lineName;
-  }
-  return `${event.crossedLines.length} watched lines`;
+  const names = event.crossedLines.map((line) => line.lineName).filter(Boolean);
+  if (names.length === 0) return "another line";
+  if (names.length === 1) return names[0];
+  if (names.length === 2) return `${names[0]} and ${names[1]}`;
+  return `${names[0]}, ${names[1]} +${names.length - 2} more`;
 };
 var getDirectionCopy = (direction, event) => {
   const crossedNames = formatCrossedLineNames(event);
   const rankChange = Math.abs(event.previousRank - event.currentRank);
+  const movementLabel = direction === "up" ? "moved up" : "moved down";
   return direction === "up" ? {
-    title: `You just crossed ${crossedNames}`,
+    title: `${event.crossingLineName} ${movementLabel}`,
+    context: `You passed ${crossedNames}`,
     accent: "border-l-emerald-500",
     iconBg: "bg-emerald-100",
     iconText: "text-emerald-600",
@@ -59656,7 +59659,8 @@ var getDirectionCopy = (direction, event) => {
     action: "text-emerald-700 hover:text-emerald-800",
     rankChange
   } : {
-    title: `${crossedNames} just crossed you`,
+    title: `${event.crossingLineName} ${movementLabel}`,
+    context: `${crossedNames} crossed you`,
     accent: "border-l-red-500",
     iconBg: "bg-red-100",
     iconText: "text-red-600",
@@ -59757,6 +59761,7 @@ var LineOvertakeNotificationPopup = ({
             ) }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
               /* @__PURE__ */ jsx("div", { className: "flex items-start gap-2 mb-2", children: /* @__PURE__ */ jsx("h4", { className: "font-semibold text-sm text-gray-900 leading-5", children: directionCopy.title }) }),
+              /* @__PURE__ */ jsx("p", { className: "mb-3 text-xs font-medium leading-4 text-slate-500", children: directionCopy.context }),
               /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-[15px] font-semibold text-slate-500", children: "New rank:" }),
                 /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-[15px] font-bold ${directionCopy.pill}`, children: [
@@ -59776,7 +59781,7 @@ var LineOvertakeNotificationPopup = ({
                   onClick: onOpenLeaderboard,
                   className: `inline-flex items-center gap-1.5 text-xs font-semibold transition-colors ${directionCopy.action}`,
                   children: [
-                    "View leaderboard",
+                    "Open leaderboard",
                     /* @__PURE__ */ jsx(ArrowRight, { className: "w-3.5 h-3.5" })
                   ]
                 }

package/package.json

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