@optifye/dashboard-core 6.12.34 → 6.12.36

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

@@ -59619,6 +59619,11 @@ var isLeaderboardRoute = (asPath) => {
   if (path !== "/kpis") return false;
   return new URLSearchParams(queryString2).get("tab") === "leaderboard";
 };
+var isAuthRoute = (asPath) => {
+  const { path } = getRoutePathAndQuery(asPath);
+  return path === "/login" || path === "/debug-auth" || path === "/accept-invite" || path === "/auth/callback";
+};
+var isSuppressedRoute = (asPath) => isLeaderboardRoute(asPath) || isAuthRoute(asPath);
 var getLocalQaSimulationMode = (asPath) => {
   if (typeof window === "undefined") return null;
   if (process.env.NODE_ENV === "production") return null;
@@ -59668,16 +59673,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 +59693,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 +59795,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 +59815,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" })
                   ]
                 }
@@ -59868,7 +59878,7 @@ var LineOvertakeNotificationManager = ({
   const [visibleLines, setVisibleLines] = React146.useState([]);
   const [linesLoaded, setLinesLoaded] = React146.useState(false);
   const [notificationEvents, setNotificationEvents] = React146.useState([]);
-  const isOnLeaderboardRoute = isLeaderboardRoute(router$1.asPath);
+  const isOnSuppressedRoute = isSuppressedRoute(router$1.asPath);
   const qaSimulationMode = getLocalQaSimulationMode(router$1.asPath);
   const qaSimulationEnabled = Boolean(qaSimulationMode);
   const realRoleMode = resolveRoleMode(user?.role_level || user?.role);
@@ -59945,17 +59955,17 @@ var LineOvertakeNotificationManager = ({
     scopeKeyRef.current = scopeKey;
   }, [scopeKey]);
   React146.useEffect(() => {
-    if (!isOnLeaderboardRoute) return;
+    if (!isOnSuppressedRoute) return;
     previousSnapshotRef.current = null;
     notificationEventsRef.current = [];
     setNotificationEvents([]);
     setVisibleLines([]);
     setLinesLoaded(false);
-  }, [isOnLeaderboardRoute]);
+  }, [isOnSuppressedRoute]);
   React146.useEffect(() => {
     let cancelled = false;
     const loadLines = async () => {
-      if (isOnLeaderboardRoute) {
+      if (isOnSuppressedRoute) {
         setVisibleLines([]);
         setLinesLoaded(false);
         return;
@@ -59994,7 +60004,7 @@ var LineOvertakeNotificationManager = ({
     return () => {
       cancelled = true;
     };
-  }, [companyId, isOnLeaderboardRoute, qaSimulationEnabled, roleMode, supabase]);
+  }, [companyId, isOnSuppressedRoute, qaSimulationEnabled, roleMode, supabase]);
   const openLeaderboard = React146.useCallback(() => {
     notificationEventsRef.current = [];
     setNotificationEvents([]);
@@ -60040,7 +60050,7 @@ var LineOvertakeNotificationManager = ({
     });
   }, [dedupeScopeKey]);
   const pollLeaderboard = React146.useCallback(async () => {
-    if (isOnLeaderboardRoute) return;
+    if (isOnSuppressedRoute) return;
     if (qaSimulationEnabled) {
       if (pollInFlightRef.current) return;
       pollInFlightRef.current = true;
@@ -60099,7 +60109,7 @@ var LineOvertakeNotificationManager = ({
     companyId,
     currentShift.date,
     currentShift.shiftId,
-    isOnLeaderboardRoute,
+    isOnSuppressedRoute,
     linesLoaded,
     qaSimulationEnabled,
     qaSimulationMode,
@@ -60121,7 +60131,7 @@ var LineOvertakeNotificationManager = ({
       window.clearInterval(intervalId);
     };
   }, [pollIntervalMs, pollLeaderboard]);
-  if (isOnLeaderboardRoute) return null;
+  if (isOnSuppressedRoute) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     LineOvertakeNotificationPopup,
     {

package/dist/index.mjs

@@ -59590,6 +59590,11 @@ var isLeaderboardRoute = (asPath) => {
   if (path !== "/kpis") return false;
   return new URLSearchParams(queryString2).get("tab") === "leaderboard";
 };
+var isAuthRoute = (asPath) => {
+  const { path } = getRoutePathAndQuery(asPath);
+  return path === "/login" || path === "/debug-auth" || path === "/accept-invite" || path === "/auth/callback";
+};
+var isSuppressedRoute = (asPath) => isLeaderboardRoute(asPath) || isAuthRoute(asPath);
 var getLocalQaSimulationMode = (asPath) => {
   if (typeof window === "undefined") return null;
   if (process.env.NODE_ENV === "production") return null;
@@ -59639,16 +59644,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 +59664,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 +59766,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 +59786,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" })
                   ]
                 }
@@ -59839,7 +59849,7 @@ var LineOvertakeNotificationManager = ({
   const [visibleLines, setVisibleLines] = useState([]);
   const [linesLoaded, setLinesLoaded] = useState(false);
   const [notificationEvents, setNotificationEvents] = useState([]);
-  const isOnLeaderboardRoute = isLeaderboardRoute(router.asPath);
+  const isOnSuppressedRoute = isSuppressedRoute(router.asPath);
   const qaSimulationMode = getLocalQaSimulationMode(router.asPath);
   const qaSimulationEnabled = Boolean(qaSimulationMode);
   const realRoleMode = resolveRoleMode(user?.role_level || user?.role);
@@ -59916,17 +59926,17 @@ var LineOvertakeNotificationManager = ({
     scopeKeyRef.current = scopeKey;
   }, [scopeKey]);
   useEffect(() => {
-    if (!isOnLeaderboardRoute) return;
+    if (!isOnSuppressedRoute) return;
     previousSnapshotRef.current = null;
     notificationEventsRef.current = [];
     setNotificationEvents([]);
     setVisibleLines([]);
     setLinesLoaded(false);
-  }, [isOnLeaderboardRoute]);
+  }, [isOnSuppressedRoute]);
   useEffect(() => {
     let cancelled = false;
     const loadLines = async () => {
-      if (isOnLeaderboardRoute) {
+      if (isOnSuppressedRoute) {
         setVisibleLines([]);
         setLinesLoaded(false);
         return;
@@ -59965,7 +59975,7 @@ var LineOvertakeNotificationManager = ({
     return () => {
       cancelled = true;
     };
-  }, [companyId, isOnLeaderboardRoute, qaSimulationEnabled, roleMode, supabase]);
+  }, [companyId, isOnSuppressedRoute, qaSimulationEnabled, roleMode, supabase]);
   const openLeaderboard = useCallback(() => {
     notificationEventsRef.current = [];
     setNotificationEvents([]);
@@ -60011,7 +60021,7 @@ var LineOvertakeNotificationManager = ({
     });
   }, [dedupeScopeKey]);
   const pollLeaderboard = useCallback(async () => {
-    if (isOnLeaderboardRoute) return;
+    if (isOnSuppressedRoute) return;
     if (qaSimulationEnabled) {
       if (pollInFlightRef.current) return;
       pollInFlightRef.current = true;
@@ -60070,7 +60080,7 @@ var LineOvertakeNotificationManager = ({
     companyId,
     currentShift.date,
     currentShift.shiftId,
-    isOnLeaderboardRoute,
+    isOnSuppressedRoute,
     linesLoaded,
     qaSimulationEnabled,
     qaSimulationMode,
@@ -60092,7 +60102,7 @@ var LineOvertakeNotificationManager = ({
       window.clearInterval(intervalId);
     };
   }, [pollIntervalMs, pollLeaderboard]);
-  if (isOnLeaderboardRoute) return null;
+  if (isOnSuppressedRoute) return null;
   return /* @__PURE__ */ jsx(
     LineOvertakeNotificationPopup,
     {

package/package.json

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