@optifye/dashboard-core 6.12.37 → 6.12.38

package/dist/index.css

@@ -4479,6 +4479,9 @@ body {
 .leading-5 {
   line-height: 1.25rem;
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-\[1\.45\] {
   line-height: 1.45;
 }

package/dist/index.js

@@ -72988,19 +72988,31 @@ var LeaderboardDetailView = React146.memo(({
     if (lineId2 === line2Id) return "Line 2";
     return `Line ${lineId2.substring(0, 8)}`;
   }, [dbLineNames, configuredLineNames, lineNames, line1Id, line2Id]);
-  const configuredLineIds = React146.useMemo(() => {
-    return getConfiguredLineIds(entityConfig);
-  }, [entityConfig]);
   const accessibleLineIdSet = React146.useMemo(
     () => new Set((userAccessibleLineIds || []).filter(Boolean)),
     [userAccessibleLineIds]
   );
+  const configuredLineIds = React146.useMemo(() => {
+    const allConfiguredLineIds = getConfiguredLineIds(entityConfig);
+    if (!userAccessibleLineIds) {
+      return allConfiguredLineIds;
+    }
+    if (accessibleLineIdSet.size === 0) {
+      return [];
+    }
+    return allConfiguredLineIds.filter((lineId2) => accessibleLineIdSet.has(lineId2));
+  }, [accessibleLineIdSet, entityConfig, userAccessibleLineIds]);
   const canOpenWorkspace = React146.useCallback((workspaceLineId) => {
     if (!workspaceLineId) return false;
     if (!userAccessibleLineIds) return true;
     if (accessibleLineIdSet.size === 0) return false;
     return accessibleLineIdSet.has(workspaceLineId);
   }, [accessibleLineIdSet, userAccessibleLineIds]);
+  React146.useEffect(() => {
+    if (selectedLineFilter !== "all" && !configuredLineIds.includes(selectedLineFilter)) {
+      setSelectedLineFilter("all");
+    }
+  }, [configuredLineIds, selectedLineFilter]);
   const { hasUptime: lineModeHasUptime, hasOutput: lineModeHasOutput } = React146.useMemo(() => {
     if (!lines || lines.length === 0) {
       return { hasUptime: false, hasOutput: false };
@@ -73431,6 +73443,13 @@ var LeaderboardDetailView = React146.memo(({
       fetchMonthlyLeaderboard();
     }
   }, [activeTab, fetchMonthlyLeaderboard]);
+  const retryLeaderboard = React146.useCallback(() => {
+    if (activeTab === "monthly") {
+      fetchMonthlyLeaderboard();
+      return;
+    }
+    fetchTodayLeaderboard();
+  }, [activeTab, fetchMonthlyLeaderboard, fetchTodayLeaderboard]);
   React146.useEffect(() => {
     if (!supabase || !entityConfig.companyId) return;
     if (!realtimeEnabled) return;
@@ -73694,9 +73713,26 @@ var LeaderboardDetailView = React146.memo(({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl text-gray-600", children: "Loading workspaces..." }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xl text-red-600", children: [
-      "Error: ",
-      error.message
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-4 rounded-lg border border-slate-200 bg-white p-6 text-center shadow-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-full bg-amber-50 text-amber-600", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-5 w-5", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold text-slate-900", children: "Leaderboard could not be refreshed" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm leading-6 text-slate-600", children: "Your access may have changed or the dashboard data service may be temporarily unavailable." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: retryLeaderboard,
+          className: "mt-5 inline-flex items-center justify-center gap-2 rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }),
+            "Retry"
+          ]
+        }
+      ),
+      error.code && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-3 text-xs text-slate-400", children: [
+        "Reference: ",
+        error.code
+      ] })
     ] }) });
   }
   const hasCycleTimeLeaderboardRows = sortedWorkspaces.some(

package/dist/index.mjs

@@ -10,7 +10,7 @@ import { EventEmitter } from 'events';
 import { createClient, REALTIME_SUBSCRIBE_STATES } from '@supabase/supabase-js';
 import Hls, { Events, ErrorTypes } from 'hls.js';
 import useSWR from 'swr';
-import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, HelpCircle, ClipboardX, Activity, Wrench, UserX, Clock, Package, RefreshCw, CheckCircle2, ArrowLeft, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, Palette, LockKeyhole, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Video, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, Flame, Crown, Medal } from 'lucide-react';
+import { Camera, AlertTriangle, ChevronDown, ChevronUp, Check, ShieldCheck, Star, Award, RefreshCw, Filter, X, Coffee, Plus, ArrowUp, ArrowDown, ArrowRight, HelpCircle, ClipboardX, Activity, Wrench, UserX, Clock, Package, CheckCircle2, ArrowLeft, Calendar, Save, AlertCircle, Loader2, Minus, ChevronLeft, ChevronRight, TrendingUp, Sparkles, Pause, Play, XCircle, Palette, LockKeyhole, TrendingDown, FolderOpen, Folder, ArrowDownWideNarrow, Tag, Sliders, Layers, Search, Edit2, CheckCircle, User, Users, Shield, Building2, Mail, Lock, Info, Share2, Trophy, Target, Download, Video, Copy, Sun, Moon, MousePointer, UserPlus, UserCog, Trash2, Eye, MoreVertical, BarChart3, Pencil, UserCheck, LogOut, Film, MessageSquare, Menu, Send, Settings, LifeBuoy, EyeOff, Zap, Flame, Crown, Medal } from 'lucide-react';
 import { memo, noop, warning, invariant, progress, secondsToMilliseconds, millisecondsToSeconds } from 'motion-utils';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, ReferenceLine, Tooltip, Legend, Bar, LabelList, ResponsiveContainer, LineChart as LineChart$1, Line, Customized, Cell, PieChart, Pie, ComposedChart, Area, ScatterChart, Scatter } from 'recharts';
 import { Slot } from '@radix-ui/react-slot';
@@ -72959,19 +72959,31 @@ var LeaderboardDetailView = memo$1(({
     if (lineId2 === line2Id) return "Line 2";
     return `Line ${lineId2.substring(0, 8)}`;
   }, [dbLineNames, configuredLineNames, lineNames, line1Id, line2Id]);
-  const configuredLineIds = useMemo(() => {
-    return getConfiguredLineIds(entityConfig);
-  }, [entityConfig]);
   const accessibleLineIdSet = useMemo(
     () => new Set((userAccessibleLineIds || []).filter(Boolean)),
     [userAccessibleLineIds]
   );
+  const configuredLineIds = useMemo(() => {
+    const allConfiguredLineIds = getConfiguredLineIds(entityConfig);
+    if (!userAccessibleLineIds) {
+      return allConfiguredLineIds;
+    }
+    if (accessibleLineIdSet.size === 0) {
+      return [];
+    }
+    return allConfiguredLineIds.filter((lineId2) => accessibleLineIdSet.has(lineId2));
+  }, [accessibleLineIdSet, entityConfig, userAccessibleLineIds]);
   const canOpenWorkspace = useCallback((workspaceLineId) => {
     if (!workspaceLineId) return false;
     if (!userAccessibleLineIds) return true;
     if (accessibleLineIdSet.size === 0) return false;
     return accessibleLineIdSet.has(workspaceLineId);
   }, [accessibleLineIdSet, userAccessibleLineIds]);
+  useEffect(() => {
+    if (selectedLineFilter !== "all" && !configuredLineIds.includes(selectedLineFilter)) {
+      setSelectedLineFilter("all");
+    }
+  }, [configuredLineIds, selectedLineFilter]);
   const { hasUptime: lineModeHasUptime, hasOutput: lineModeHasOutput } = useMemo(() => {
     if (!lines || lines.length === 0) {
       return { hasUptime: false, hasOutput: false };
@@ -73402,6 +73414,13 @@ var LeaderboardDetailView = memo$1(({
       fetchMonthlyLeaderboard();
     }
   }, [activeTab, fetchMonthlyLeaderboard]);
+  const retryLeaderboard = useCallback(() => {
+    if (activeTab === "monthly") {
+      fetchMonthlyLeaderboard();
+      return;
+    }
+    fetchTodayLeaderboard();
+  }, [activeTab, fetchMonthlyLeaderboard, fetchTodayLeaderboard]);
   useEffect(() => {
     if (!supabase || !entityConfig.companyId) return;
     if (!realtimeEnabled) return;
@@ -73665,9 +73684,26 @@ var LeaderboardDetailView = memo$1(({
     return /* @__PURE__ */ jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsx("div", { className: "text-xl text-gray-600", children: "Loading workspaces..." }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "text-xl text-red-600", children: [
-      "Error: ",
-      error.message
+    return /* @__PURE__ */ jsx("div", { className: `h-[calc(100vh-64px)] flex items-center justify-center bg-slate-50 ${className}`, children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-md mx-4 rounded-lg border border-slate-200 bg-white p-6 text-center shadow-sm", children: [
+      /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex h-11 w-11 items-center justify-center rounded-full bg-amber-50 text-amber-600", children: /* @__PURE__ */ jsx(AlertTriangle, { className: "h-5 w-5", "aria-hidden": "true" }) }),
+      /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-slate-900", children: "Leaderboard could not be refreshed" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm leading-6 text-slate-600", children: "Your access may have changed or the dashboard data service may be temporarily unavailable." }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: retryLeaderboard,
+          className: "mt-5 inline-flex items-center justify-center gap-2 rounded-md bg-slate-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-800 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2",
+          children: [
+            /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4", "aria-hidden": "true" }),
+            "Retry"
+          ]
+        }
+      ),
+      error.code && /* @__PURE__ */ jsxs("p", { className: "mt-3 text-xs text-slate-400", children: [
+        "Reference: ",
+        error.code
+      ] })
     ] }) });
   }
   const hasCycleTimeLeaderboardRows = sortedWorkspaces.some(

package/package.json

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