@optifye/dashboard-core 6.10.34 → 6.10.35

package/dist/index.d.mts

@@ -4674,6 +4674,8 @@ interface UseSupervisorsByLineIdsResult {
 }
 declare const useSupervisorsByLineIds: (lineIds: string[] | undefined, options?: {
     enabled?: boolean;
+    companyId?: string;
+    useBackend?: boolean;
 }) => UseSupervisorsByLineIdsResult;
 
 /**
@@ -6084,6 +6086,10 @@ type LineLeaderboardEntry = {
     days_with_output: number;
     total_output: number;
 };
+type DailyLineLeaderboardEntry = {
+    line_id: string;
+    avg_efficiency: number | null;
+};
 declare const lineLeaderboardService: {
     getLineLeaderboard(supabase: SupabaseClient$1, params: {
         companyId: string;
@@ -6092,6 +6098,13 @@ declare const lineLeaderboardService: {
         lineIds?: string[];
         limit?: number;
     }): Promise<LineLeaderboardEntry[]>;
+    getDailyLineLeaderboard(supabase: SupabaseClient$1, params: {
+        companyId: string;
+        date: string;
+        shiftId: number;
+        lineIds?: string[];
+        limit?: number;
+    }): Promise<DailyLineLeaderboardEntry[]>;
 };
 
 /**

package/dist/index.d.ts

@@ -4674,6 +4674,8 @@ interface UseSupervisorsByLineIdsResult {
 }
 declare const useSupervisorsByLineIds: (lineIds: string[] | undefined, options?: {
     enabled?: boolean;
+    companyId?: string;
+    useBackend?: boolean;
 }) => UseSupervisorsByLineIdsResult;
 
 /**
@@ -6084,6 +6086,10 @@ type LineLeaderboardEntry = {
     days_with_output: number;
     total_output: number;
 };
+type DailyLineLeaderboardEntry = {
+    line_id: string;
+    avg_efficiency: number | null;
+};
 declare const lineLeaderboardService: {
     getLineLeaderboard(supabase: SupabaseClient$1, params: {
         companyId: string;
@@ -6092,6 +6098,13 @@ declare const lineLeaderboardService: {
         lineIds?: string[];
         limit?: number;
     }): Promise<LineLeaderboardEntry[]>;
+    getDailyLineLeaderboard(supabase: SupabaseClient$1, params: {
+        companyId: string;
+        date: string;
+        shiftId: number;
+        lineIds?: string[];
+        limit?: number;
+    }): Promise<DailyLineLeaderboardEntry[]>;
 };
 
 /**

package/dist/index.js

@@ -7754,6 +7754,23 @@ var lineLeaderboardService = {
       `/api/dashboard/line-leaderboard?${searchParams.toString()}`
     );
     return data?.entries ?? [];
+  },
+  async getDailyLineLeaderboard(supabase, params) {
+    const searchParams = new URLSearchParams();
+    searchParams.set("company_id", params.companyId);
+    searchParams.set("date", params.date);
+    searchParams.set("shift_id", params.shiftId.toString());
+    if (params.lineIds && params.lineIds.length > 0) {
+      searchParams.set("line_ids", params.lineIds.join(","));
+    }
+    if (typeof params.limit === "number") {
+      searchParams.set("limit", params.limit.toString());
+    }
+    const data = await fetchBackendJson(
+      supabase,
+      `/api/dashboard/line-leaderboard-daily?${searchParams.toString()}`
+    );
+    return data?.entries ?? [];
   }
 };
 var SupabaseContext = React26.createContext(void 0);
@@ -15979,7 +15996,10 @@ function useLineSupervisor(lineId) {
 }
 var useSupervisorsByLineIds = (lineIds, options) => {
   const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
   const enabled = options?.enabled ?? true;
+  const useBackend = options?.useBackend ?? false;
+  const resolvedCompanyId = options?.companyId || entityConfig.companyId;
   const lineIdsKey = React26.useMemo(() => (lineIds || []).slice().sort().join(","), [lineIds]);
   const targetLineIdSet = React26.useMemo(() => new Set(lineIds || []), [lineIdsKey]);
   const [supervisorsByLineId, setSupervisorsByLineId] = React26.useState(/* @__PURE__ */ new Map());
@@ -15995,37 +16015,72 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     try {
       setIsLoading(true);
       setError(null);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
-      if (fetchError) {
-        throw fetchError;
-      }
       const nextSupervisorsByLineId = /* @__PURE__ */ new Map();
       const nextAllSupervisorsMap = /* @__PURE__ */ new Map();
-      (data || []).forEach((row) => {
-        const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
-        const email = row.email || "";
-        let displayName;
-        if (row.first_name) {
-          displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
-        } else {
-          displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
-        }
-        const supervisor = {
-          userId: row.user_id,
-          email,
-          displayName,
-          profilePhotoUrl: row.profile_photo_url
-        };
-        nextAllSupervisorsMap.set(supervisor.userId, supervisor);
-        if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
-        assignedLineIds.forEach((lineId) => {
-          if (typeof lineId !== "string") return;
-          if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
-          const existing = nextSupervisorsByLineId.get(lineId) || [];
-          existing.push(supervisor);
-          nextSupervisorsByLineId.set(lineId, existing);
+      if (useBackend && resolvedCompanyId) {
+        const searchParams = new URLSearchParams({
+          company_id: resolvedCompanyId
         });
-      });
+        if (lineIdsKey) {
+          searchParams.set("line_ids", lineIdsKey);
+        }
+        const data = await fetchBackendJson(supabase, `/api/dashboard/line-supervisors?${searchParams.toString()}`);
+        (data?.supervisors || []).forEach((row) => {
+          const assignedLineIds = Array.isArray(row.line_ids) ? row.line_ids : [];
+          if (!assignedLineIds.length) return;
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url ?? null
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      } else {
+        const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
+        if (fetchError) {
+          throw fetchError;
+        }
+        (data || []).forEach((row) => {
+          const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      }
       const nextSupervisorNamesByLineId = /* @__PURE__ */ new Map();
       nextSupervisorsByLineId.forEach((supervisors, lineId) => {
         nextSupervisorNamesByLineId.set(lineId, supervisors.map((s) => s.displayName).join(", "));
@@ -16041,7 +16096,7 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, supabase, targetLineIdSet]);
+  }, [enabled, supabase, targetLineIdSet, useBackend, resolvedCompanyId, lineIdsKey]);
   React26.useEffect(() => {
     fetchSupervisors();
   }, [fetchSupervisors, lineIdsKey]);
@@ -55012,6 +55067,7 @@ var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Fini
 var LinesLeaderboard = ({
   lines,
   onLineClick,
+  assignedLineIds,
   timeRange,
   setTimeRange,
   todayEfficiencyByLineId,
@@ -55024,6 +55080,17 @@ var LinesLeaderboard = ({
   monthEndDate
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
+  const assignedLineIdSet = React26__namespace.default.useMemo(
+    () => new Set(assignedLineIds || []),
+    [assignedLineIds]
+  );
+  const canClickLine = React26__namespace.default.useCallback(
+    (lineId) => {
+      if (!assignedLineIds) return true;
+      return assignedLineIdSet.has(lineId);
+    },
+    [assignedLineIds, assignedLineIdSet]
+  );
   const handleTimeRangeChange = React26__namespace.default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
@@ -55036,6 +55103,7 @@ var LinesLeaderboard = ({
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
   const handleLeaderboardLineClick = React26__namespace.default.useCallback((item, clickSource) => {
+    if (!canClickLine(item.line.id)) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
       line_name: item.line.line_name,
@@ -55047,7 +55115,7 @@ var LinesLeaderboard = ({
       supervisor_name: item.supervisorName || "Unassigned"
     });
     onLineClick(item.line);
-  }, [onLineClick, timeRange]);
+  }, [canClickLine, onLineClick, timeRange]);
   const viewLoadedTrackedRef = React26__namespace.default.useRef(null);
   const leaderboardData = React26__namespace.default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
@@ -55201,11 +55269,12 @@ var LinesLeaderboard = ({
         const isFirst = item.rank === 1;
         const isSecond = item.rank === 2;
         item.rank === 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             onClick: () => handleLeaderboardLineClick(item, "podium"),
-            className: `relative flex flex-col items-center cursor-pointer z-10 transition-transform hover:scale-105`,
+            className: `relative flex flex-col items-center z-10 transition-transform ${isClickable ? "cursor-pointer hover:scale-105" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `relative -mb-4 z-20 ${isFirst ? "animate-float-slow" : isSecond ? "animate-float-medium" : "animate-float-fast"}`, children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: `absolute inset-0 rounded-full blur-xl opacity-40 ${isFirst ? "bg-yellow-400" : isSecond ? "bg-gray-400" : "bg-orange-400"}` }),
@@ -55266,11 +55335,12 @@ var LinesLeaderboard = ({
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboardData.map((item) => {
         const isTopThree = item.rank <= 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "tr",
           {
             onClick: () => handleLeaderboardLineClick(item, isTopThree ? "podium" : "table"),
-            className: `hover:bg-gray-50 transition-colors cursor-pointer group ${isTopThree ? "sm:hidden" : ""}`,
+            className: `transition-colors ${isTopThree ? "sm:hidden" : ""} ${isClickable ? "hover:bg-gray-50 cursor-pointer group" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-gray-100 text-gray-600 font-bold text-sm", children: item.rank }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -55465,6 +55535,7 @@ var KPIsOverviewView = ({
   lineIds
 }) => {
   const [lines, setLines] = React26.useState([]);
+  const [leaderboardLines, setLeaderboardLines] = React26.useState([]);
   const [activeTab, setActiveTab] = React26.useState("today");
   const [timeRange, setTimeRange] = React26.useState("today");
   const [loading, setLoading] = React26.useState(true);
@@ -55480,11 +55551,16 @@ var KPIsOverviewView = ({
   });
   const [topPerformerLoading, setTopPerformerLoading] = React26.useState(true);
   const [topPerformerImageError, setTopPerformerImageError] = React26.useState(false);
+  const [todayEfficiencyByLineId, setTodayEfficiencyByLineId] = React26.useState(/* @__PURE__ */ new Map());
+  const [dailyLoading, setDailyLoading] = React26.useState(false);
+  const [dailyError, setDailyError] = React26.useState(null);
   const [monthlyEfficiencyByLineId, setMonthlyEfficiencyByLineId] = React26.useState(/* @__PURE__ */ new Map());
   const [monthlyLoading, setMonthlyLoading] = React26.useState(false);
   const [monthlyError, setMonthlyError] = React26.useState(null);
+  const dailyRequestKeyRef = React26.useRef(null);
   const monthlyRequestKeyRef = React26.useRef(null);
   const supabase = useSupabase();
+  const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const configCompanyId = (dashboardConfig && typeof dashboardConfig === "object" && "company" in dashboardConfig ? dashboardConfig.company?.id : void 0) || dashboardConfig.customConfig?.companyId || dashboardConfig.customConfig?.company_id;
@@ -55499,6 +55575,16 @@ var KPIsOverviewView = ({
   const dbTimezone = useAppTimezone();
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const { startDate: monthStartDate, endDate: monthEndDateKey, monthEndDate } = getMonthDateInfo(configuredTimezone);
+  const isSupervisor = user?.role_level === "supervisor";
+  const assignedLineIdsForLeaderboard = isSupervisor ? lineIds : void 0;
+  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
+  const currentShiftDate = currentShiftDetails.date;
+  const currentShiftId = currentShiftDetails.shiftId;
+  const shiftEndDate = React26__namespace.default.useMemo(
+    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
+    [currentShiftDetails, configuredTimezone]
+  );
+  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const factoryViewId = entityConfig.factoryViewId || "factory";
   const {
     lineMetrics,
@@ -55516,19 +55602,14 @@ var KPIsOverviewView = ({
     });
     return map;
   }, [lineMetrics]);
-  const todayEfficiencyByLineId = React26__namespace.default.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    kpisByLineId.forEach((kpis, lineId) => {
-      const value = kpis?.efficiency?.value;
-      if (typeof value === "number" && Number.isFinite(value)) {
-        map.set(lineId, value);
-      }
-    });
-    return map;
-  }, [kpisByLineId]);
-  const visibleLineIds = React26__namespace.default.useMemo(() => lines.map((l) => l.id), [lines]);
-  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(visibleLineIds, {
-    enabled: supervisorEnabled && visibleLineIds.length > 0
+  const supervisorLineIds = React26__namespace.default.useMemo(
+    () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
+    [leaderboardLines, lines]
+  );
+  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(supervisorLineIds, {
+    enabled: supervisorEnabled && supervisorLineIds.length > 0,
+    companyId: resolvedCompanyId,
+    useBackend: true
   });
   React26.useEffect(() => {
     let isMounted = true;
@@ -55589,9 +55670,41 @@ var KPIsOverviewView = ({
     };
     fetchLines();
   }, [supabase, dashboardConfig, lineIds]);
+  React26.useEffect(() => {
+    let isMounted = true;
+    const fetchLeaderboardLines = async () => {
+      if (!supabase || !resolvedCompanyId) {
+        setLeaderboardLines(lines);
+        return;
+      }
+      try {
+        const linesService2 = new LinesService(supabase);
+        const companyLines = await linesService2.getLinesByCompanyId(resolvedCompanyId);
+        if (!isMounted) return;
+        const transformed = companyLines.map((line) => ({
+          id: line.id,
+          line_name: line.name,
+          factory_id: line.factoryId || "",
+          factory_name: "N/A",
+          company_id: line.companyId,
+          company_name: "",
+          enable: line.isActive ?? true
+        }));
+        setLeaderboardLines(transformed);
+      } catch (err) {
+        console.error("[KPIsOverviewView] Failed to load leaderboard lines:", err);
+        if (!isMounted) return;
+        setLeaderboardLines(lines);
+      }
+    };
+    fetchLeaderboardLines();
+    return () => {
+      isMounted = false;
+    };
+  }, [supabase, resolvedCompanyId, lines]);
   const fetchMonthlyLeaderboard = React26.useCallback(async () => {
-    if (!supabase || !resolvedCompanyId || lines.length === 0) return;
-    const targetLineIds = lines.map((line) => line.id);
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
     const lineIdsKey = targetLineIds.slice().sort().join(",");
     const requestKey = `${resolvedCompanyId}|${monthStartDate}|${monthEndDateKey}|${lineIdsKey}`;
     if (monthlyRequestKeyRef.current === requestKey) return;
@@ -55605,8 +55718,7 @@ var KPIsOverviewView = ({
       const entries = await lineLeaderboardService.getLineLeaderboard(supabase, {
         companyId: resolvedCompanyId,
         startDate: monthStartDate,
-        endDate: monthEndDateKey,
-        lineIds: targetLineIds
+        endDate: monthEndDateKey
       });
       const nextMap = /* @__PURE__ */ new Map();
       targetLineIds.forEach((lineId) => nextMap.set(lineId, 0));
@@ -55639,11 +55751,47 @@ var KPIsOverviewView = ({
     } finally {
       setMonthlyLoading(false);
     }
-  }, [supabase, resolvedCompanyId, lines, monthStartDate, monthEndDateKey]);
+  }, [supabase, resolvedCompanyId, leaderboardLines, monthStartDate, monthEndDateKey]);
+  const fetchDailyLeaderboard = React26.useCallback(async () => {
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    if (!currentShiftDate) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
+    const lineIdsKey = targetLineIds.slice().sort().join(",");
+    const requestKey = `${resolvedCompanyId}|${currentShiftDate}|${currentShiftId}|${lineIdsKey}`;
+    if (dailyRequestKeyRef.current === requestKey) return;
+    dailyRequestKeyRef.current = requestKey;
+    setDailyLoading(true);
+    setDailyError(null);
+    try {
+      const entries = await lineLeaderboardService.getDailyLineLeaderboard(supabase, {
+        companyId: resolvedCompanyId,
+        date: currentShiftDate,
+        shiftId: currentShiftId
+      });
+      const nextMap = /* @__PURE__ */ new Map();
+      entries.forEach((entry) => {
+        const value = Number(entry.avg_efficiency);
+        if (Number.isFinite(value)) {
+          nextMap.set(entry.line_id, value);
+        }
+      });
+      setTodayEfficiencyByLineId(nextMap);
+    } catch (err) {
+      console.error("[KPIsOverviewView] Failed to load daily leaderboard:", err);
+      setDailyError("Failed to load daily leaderboard");
+      dailyRequestKeyRef.current = null;
+    } finally {
+      setDailyLoading(false);
+    }
+  }, [supabase, resolvedCompanyId, leaderboardLines, currentShiftDate, currentShiftId]);
   React26.useEffect(() => {
     if (activeTab !== "leaderboard") return;
     fetchMonthlyLeaderboard();
   }, [activeTab, timeRange, fetchMonthlyLeaderboard]);
+  React26.useEffect(() => {
+    if (activeTab !== "leaderboard" || timeRange !== "today") return;
+    fetchDailyLeaderboard();
+  }, [activeTab, timeRange, fetchDailyLeaderboard]);
   const formatTopPerformerWeek = (periodStart, periodEnd) => {
     if (!periodStart || !periodEnd) return "Last Week";
     const startDate = /* @__PURE__ */ new Date(`${periodStart}T00:00:00`);
@@ -55739,14 +55887,15 @@ var KPIsOverviewView = ({
   }, [onBackClick, backLinkUrl, navigation]);
   const handleTabChange = React26.useCallback((newTab) => {
     if (newTab === activeTab) return;
+    const trackedLineCount = newTab === "leaderboard" ? leaderboardLines.length : lines.length;
     trackCoreEvent("Leaderboard Tab Switched", {
       from_tab: activeTab,
       to_tab: newTab,
       from_page: "kpis_overview",
-      lines_count: lines.length
+      lines_count: trackedLineCount
     });
     setActiveTab(newTab);
-  }, [activeTab, lines.length]);
+  }, [activeTab, leaderboardLines.length, lines.length]);
   const formatLocalDate2 = (date) => {
     const options = {
       year: "numeric",
@@ -55764,12 +55913,6 @@ var KPIsOverviewView = ({
     return `${startLabel} - ${endLabel}, ${now4.getFullYear()}`;
   };
   const isMonthlyMode = activeTab === "leaderboard" && timeRange === "monthly";
-  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
-  const shiftEndDate = React26__namespace.default.useMemo(
-    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
-    [currentShiftDetails, configuredTimezone]
-  );
-  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const showTopPerformerImage = Boolean(topPerformer.imageUrl) && !topPerformerImageError;
   typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency);
   topPerformerLoading ? "--" : typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency) ? `${topPerformer.efficiency.toFixed(1)}%` : "--";
@@ -56122,15 +56265,16 @@ var KPIsOverviewView = ({
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx(
         LinesLeaderboard,
         {
-          lines,
+          lines: leaderboardLines,
           onLineClick: (line) => handleLineClick(line),
+          assignedLineIds: assignedLineIdsForLeaderboard,
           timeRange,
           setTimeRange,
           todayEfficiencyByLineId,
           monthlyEfficiencyByLineId,
           supervisorsByLineId,
           supervisorNamesByLineId,
-          isLoadingToday: metricsLoading,
+          isLoadingToday: dailyLoading,
           isLoadingMonthly: monthlyLoading,
           shiftEndDate,
           monthEndDate

package/dist/index.mjs

@@ -7725,6 +7725,23 @@ var lineLeaderboardService = {
       `/api/dashboard/line-leaderboard?${searchParams.toString()}`
     );
     return data?.entries ?? [];
+  },
+  async getDailyLineLeaderboard(supabase, params) {
+    const searchParams = new URLSearchParams();
+    searchParams.set("company_id", params.companyId);
+    searchParams.set("date", params.date);
+    searchParams.set("shift_id", params.shiftId.toString());
+    if (params.lineIds && params.lineIds.length > 0) {
+      searchParams.set("line_ids", params.lineIds.join(","));
+    }
+    if (typeof params.limit === "number") {
+      searchParams.set("limit", params.limit.toString());
+    }
+    const data = await fetchBackendJson(
+      supabase,
+      `/api/dashboard/line-leaderboard-daily?${searchParams.toString()}`
+    );
+    return data?.entries ?? [];
   }
 };
 var SupabaseContext = createContext(void 0);
@@ -15950,7 +15967,10 @@ function useLineSupervisor(lineId) {
 }
 var useSupervisorsByLineIds = (lineIds, options) => {
   const supabase = useSupabase();
+  const entityConfig = useEntityConfig();
   const enabled = options?.enabled ?? true;
+  const useBackend = options?.useBackend ?? false;
+  const resolvedCompanyId = options?.companyId || entityConfig.companyId;
   const lineIdsKey = useMemo(() => (lineIds || []).slice().sort().join(","), [lineIds]);
   const targetLineIdSet = useMemo(() => new Set(lineIds || []), [lineIdsKey]);
   const [supervisorsByLineId, setSupervisorsByLineId] = useState(/* @__PURE__ */ new Map());
@@ -15966,37 +15986,72 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     try {
       setIsLoading(true);
       setError(null);
-      const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
-      if (fetchError) {
-        throw fetchError;
-      }
       const nextSupervisorsByLineId = /* @__PURE__ */ new Map();
       const nextAllSupervisorsMap = /* @__PURE__ */ new Map();
-      (data || []).forEach((row) => {
-        const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
-        const email = row.email || "";
-        let displayName;
-        if (row.first_name) {
-          displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
-        } else {
-          displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
-        }
-        const supervisor = {
-          userId: row.user_id,
-          email,
-          displayName,
-          profilePhotoUrl: row.profile_photo_url
-        };
-        nextAllSupervisorsMap.set(supervisor.userId, supervisor);
-        if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
-        assignedLineIds.forEach((lineId) => {
-          if (typeof lineId !== "string") return;
-          if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
-          const existing = nextSupervisorsByLineId.get(lineId) || [];
-          existing.push(supervisor);
-          nextSupervisorsByLineId.set(lineId, existing);
+      if (useBackend && resolvedCompanyId) {
+        const searchParams = new URLSearchParams({
+          company_id: resolvedCompanyId
         });
-      });
+        if (lineIdsKey) {
+          searchParams.set("line_ids", lineIdsKey);
+        }
+        const data = await fetchBackendJson(supabase, `/api/dashboard/line-supervisors?${searchParams.toString()}`);
+        (data?.supervisors || []).forEach((row) => {
+          const assignedLineIds = Array.isArray(row.line_ids) ? row.line_ids : [];
+          if (!assignedLineIds.length) return;
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url ?? null
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      } else {
+        const { data, error: fetchError } = await supabase.from("user_roles").select("user_id, email, first_name, last_name, properties, profile_photo_url").eq("role_level", "supervisor");
+        if (fetchError) {
+          throw fetchError;
+        }
+        (data || []).forEach((row) => {
+          const assignedLineIds = row?.properties?.line_id || row?.properties?.line_ids || [];
+          const email = row.email || "";
+          let displayName;
+          if (row.first_name) {
+            displayName = row.last_name ? `${row.first_name} ${row.last_name}` : row.first_name;
+          } else {
+            displayName = (typeof email === "string" && email.includes("@") ? email.split("@")[0] : email) || email;
+          }
+          const supervisor = {
+            userId: row.user_id,
+            email,
+            displayName,
+            profilePhotoUrl: row.profile_photo_url
+          };
+          nextAllSupervisorsMap.set(supervisor.userId, supervisor);
+          if (!Array.isArray(assignedLineIds) || assignedLineIds.length === 0) return;
+          assignedLineIds.forEach((lineId) => {
+            if (typeof lineId !== "string") return;
+            if (targetLineIdSet.size > 0 && !targetLineIdSet.has(lineId)) return;
+            const existing = nextSupervisorsByLineId.get(lineId) || [];
+            existing.push(supervisor);
+            nextSupervisorsByLineId.set(lineId, existing);
+          });
+        });
+      }
       const nextSupervisorNamesByLineId = /* @__PURE__ */ new Map();
       nextSupervisorsByLineId.forEach((supervisors, lineId) => {
         nextSupervisorNamesByLineId.set(lineId, supervisors.map((s) => s.displayName).join(", "));
@@ -16012,7 +16067,7 @@ var useSupervisorsByLineIds = (lineIds, options) => {
     } finally {
       setIsLoading(false);
     }
-  }, [enabled, supabase, targetLineIdSet]);
+  }, [enabled, supabase, targetLineIdSet, useBackend, resolvedCompanyId, lineIdsKey]);
   useEffect(() => {
     fetchSupervisors();
   }, [fetchSupervisors, lineIdsKey]);
@@ -54983,6 +55038,7 @@ var LeaderboardCountdown = ({ targetDate, format: format7, finishedLabel = "Fini
 var LinesLeaderboard = ({
   lines,
   onLineClick,
+  assignedLineIds,
   timeRange,
   setTimeRange,
   todayEfficiencyByLineId,
@@ -54995,6 +55051,17 @@ var LinesLeaderboard = ({
   monthEndDate
 }) => {
   const formatEfficiency = (value) => typeof value === "number" && Number.isFinite(value) ? `${value.toFixed(1)}%` : "--";
+  const assignedLineIdSet = React26__default.useMemo(
+    () => new Set(assignedLineIds || []),
+    [assignedLineIds]
+  );
+  const canClickLine = React26__default.useCallback(
+    (lineId) => {
+      if (!assignedLineIds) return true;
+      return assignedLineIdSet.has(lineId);
+    },
+    [assignedLineIds, assignedLineIdSet]
+  );
   const handleTimeRangeChange = React26__default.useCallback((newRange) => {
     if (newRange === timeRange) return;
     trackCoreEvent("Leaderboard Time Range Changed", {
@@ -55007,6 +55074,7 @@ var LinesLeaderboard = ({
     setTimeRange(newRange);
   }, [timeRange, lines.length, monthlyEfficiencyByLineId, setTimeRange]);
   const handleLeaderboardLineClick = React26__default.useCallback((item, clickSource) => {
+    if (!canClickLine(item.line.id)) return;
     trackCoreEvent("Leaderboard Line Clicked", {
       line_id: item.line.id,
       line_name: item.line.line_name,
@@ -55018,7 +55086,7 @@ var LinesLeaderboard = ({
       supervisor_name: item.supervisorName || "Unassigned"
     });
     onLineClick(item.line);
-  }, [onLineClick, timeRange]);
+  }, [canClickLine, onLineClick, timeRange]);
   const viewLoadedTrackedRef = React26__default.useRef(null);
   const leaderboardData = React26__default.useMemo(() => {
     const loading = timeRange === "today" ? isLoadingToday : isLoadingMonthly;
@@ -55172,11 +55240,12 @@ var LinesLeaderboard = ({
         const isFirst = item.rank === 1;
         const isSecond = item.rank === 2;
         item.rank === 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxs(
           "div",
           {
             onClick: () => handleLeaderboardLineClick(item, "podium"),
-            className: `relative flex flex-col items-center cursor-pointer z-10 transition-transform hover:scale-105`,
+            className: `relative flex flex-col items-center z-10 transition-transform ${isClickable ? "cursor-pointer hover:scale-105" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsxs("div", { className: `relative -mb-4 z-20 ${isFirst ? "animate-float-slow" : isSecond ? "animate-float-medium" : "animate-float-fast"}`, children: [
                 /* @__PURE__ */ jsx("div", { className: `absolute inset-0 rounded-full blur-xl opacity-40 ${isFirst ? "bg-yellow-400" : isSecond ? "bg-gray-400" : "bg-orange-400"}` }),
@@ -55237,11 +55306,12 @@ var LinesLeaderboard = ({
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: leaderboardData.map((item) => {
         const isTopThree = item.rank <= 3;
+        const isClickable = canClickLine(item.line.id);
         return /* @__PURE__ */ jsxs(
           "tr",
           {
             onClick: () => handleLeaderboardLineClick(item, isTopThree ? "podium" : "table"),
-            className: `hover:bg-gray-50 transition-colors cursor-pointer group ${isTopThree ? "sm:hidden" : ""}`,
+            className: `transition-colors ${isTopThree ? "sm:hidden" : ""} ${isClickable ? "hover:bg-gray-50 cursor-pointer group" : "cursor-not-allowed"}`,
             children: [
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-8 h-8 rounded-full bg-gray-100 text-gray-600 font-bold text-sm", children: item.rank }) }),
               /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
@@ -55436,6 +55506,7 @@ var KPIsOverviewView = ({
   lineIds
 }) => {
   const [lines, setLines] = useState([]);
+  const [leaderboardLines, setLeaderboardLines] = useState([]);
   const [activeTab, setActiveTab] = useState("today");
   const [timeRange, setTimeRange] = useState("today");
   const [loading, setLoading] = useState(true);
@@ -55451,11 +55522,16 @@ var KPIsOverviewView = ({
   });
   const [topPerformerLoading, setTopPerformerLoading] = useState(true);
   const [topPerformerImageError, setTopPerformerImageError] = useState(false);
+  const [todayEfficiencyByLineId, setTodayEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
+  const [dailyLoading, setDailyLoading] = useState(false);
+  const [dailyError, setDailyError] = useState(null);
   const [monthlyEfficiencyByLineId, setMonthlyEfficiencyByLineId] = useState(/* @__PURE__ */ new Map());
   const [monthlyLoading, setMonthlyLoading] = useState(false);
   const [monthlyError, setMonthlyError] = useState(null);
+  const dailyRequestKeyRef = useRef(null);
   const monthlyRequestKeyRef = useRef(null);
   const supabase = useSupabase();
+  const { user } = useAuth();
   const dashboardConfig = useDashboardConfig();
   const entityConfig = useEntityConfig();
   const configCompanyId = (dashboardConfig && typeof dashboardConfig === "object" && "company" in dashboardConfig ? dashboardConfig.company?.id : void 0) || dashboardConfig.customConfig?.companyId || dashboardConfig.customConfig?.company_id;
@@ -55470,6 +55546,16 @@ var KPIsOverviewView = ({
   const dbTimezone = useAppTimezone();
   const configuredTimezone = dbTimezone || dateTimeConfig.defaultTimezone || "UTC";
   const { startDate: monthStartDate, endDate: monthEndDateKey, monthEndDate } = getMonthDateInfo(configuredTimezone);
+  const isSupervisor = user?.role_level === "supervisor";
+  const assignedLineIdsForLeaderboard = isSupervisor ? lineIds : void 0;
+  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
+  const currentShiftDate = currentShiftDetails.date;
+  const currentShiftId = currentShiftDetails.shiftId;
+  const shiftEndDate = React26__default.useMemo(
+    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
+    [currentShiftDetails, configuredTimezone]
+  );
+  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const factoryViewId = entityConfig.factoryViewId || "factory";
   const {
     lineMetrics,
@@ -55487,19 +55573,14 @@ var KPIsOverviewView = ({
     });
     return map;
   }, [lineMetrics]);
-  const todayEfficiencyByLineId = React26__default.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    kpisByLineId.forEach((kpis, lineId) => {
-      const value = kpis?.efficiency?.value;
-      if (typeof value === "number" && Number.isFinite(value)) {
-        map.set(lineId, value);
-      }
-    });
-    return map;
-  }, [kpisByLineId]);
-  const visibleLineIds = React26__default.useMemo(() => lines.map((l) => l.id), [lines]);
-  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(visibleLineIds, {
-    enabled: supervisorEnabled && visibleLineIds.length > 0
+  const supervisorLineIds = React26__default.useMemo(
+    () => (leaderboardLines.length > 0 ? leaderboardLines : lines).map((l) => l.id),
+    [leaderboardLines, lines]
+  );
+  const { supervisorNamesByLineId, supervisorsByLineId, allSupervisorsMap } = useSupervisorsByLineIds(supervisorLineIds, {
+    enabled: supervisorEnabled && supervisorLineIds.length > 0,
+    companyId: resolvedCompanyId,
+    useBackend: true
   });
   useEffect(() => {
     let isMounted = true;
@@ -55560,9 +55641,41 @@ var KPIsOverviewView = ({
     };
     fetchLines();
   }, [supabase, dashboardConfig, lineIds]);
+  useEffect(() => {
+    let isMounted = true;
+    const fetchLeaderboardLines = async () => {
+      if (!supabase || !resolvedCompanyId) {
+        setLeaderboardLines(lines);
+        return;
+      }
+      try {
+        const linesService2 = new LinesService(supabase);
+        const companyLines = await linesService2.getLinesByCompanyId(resolvedCompanyId);
+        if (!isMounted) return;
+        const transformed = companyLines.map((line) => ({
+          id: line.id,
+          line_name: line.name,
+          factory_id: line.factoryId || "",
+          factory_name: "N/A",
+          company_id: line.companyId,
+          company_name: "",
+          enable: line.isActive ?? true
+        }));
+        setLeaderboardLines(transformed);
+      } catch (err) {
+        console.error("[KPIsOverviewView] Failed to load leaderboard lines:", err);
+        if (!isMounted) return;
+        setLeaderboardLines(lines);
+      }
+    };
+    fetchLeaderboardLines();
+    return () => {
+      isMounted = false;
+    };
+  }, [supabase, resolvedCompanyId, lines]);
   const fetchMonthlyLeaderboard = useCallback(async () => {
-    if (!supabase || !resolvedCompanyId || lines.length === 0) return;
-    const targetLineIds = lines.map((line) => line.id);
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
     const lineIdsKey = targetLineIds.slice().sort().join(",");
     const requestKey = `${resolvedCompanyId}|${monthStartDate}|${monthEndDateKey}|${lineIdsKey}`;
     if (monthlyRequestKeyRef.current === requestKey) return;
@@ -55576,8 +55689,7 @@ var KPIsOverviewView = ({
       const entries = await lineLeaderboardService.getLineLeaderboard(supabase, {
         companyId: resolvedCompanyId,
         startDate: monthStartDate,
-        endDate: monthEndDateKey,
-        lineIds: targetLineIds
+        endDate: monthEndDateKey
       });
       const nextMap = /* @__PURE__ */ new Map();
       targetLineIds.forEach((lineId) => nextMap.set(lineId, 0));
@@ -55610,11 +55722,47 @@ var KPIsOverviewView = ({
     } finally {
       setMonthlyLoading(false);
     }
-  }, [supabase, resolvedCompanyId, lines, monthStartDate, monthEndDateKey]);
+  }, [supabase, resolvedCompanyId, leaderboardLines, monthStartDate, monthEndDateKey]);
+  const fetchDailyLeaderboard = useCallback(async () => {
+    if (!supabase || !resolvedCompanyId || leaderboardLines.length === 0) return;
+    if (!currentShiftDate) return;
+    const targetLineIds = leaderboardLines.map((line) => line.id);
+    const lineIdsKey = targetLineIds.slice().sort().join(",");
+    const requestKey = `${resolvedCompanyId}|${currentShiftDate}|${currentShiftId}|${lineIdsKey}`;
+    if (dailyRequestKeyRef.current === requestKey) return;
+    dailyRequestKeyRef.current = requestKey;
+    setDailyLoading(true);
+    setDailyError(null);
+    try {
+      const entries = await lineLeaderboardService.getDailyLineLeaderboard(supabase, {
+        companyId: resolvedCompanyId,
+        date: currentShiftDate,
+        shiftId: currentShiftId
+      });
+      const nextMap = /* @__PURE__ */ new Map();
+      entries.forEach((entry) => {
+        const value = Number(entry.avg_efficiency);
+        if (Number.isFinite(value)) {
+          nextMap.set(entry.line_id, value);
+        }
+      });
+      setTodayEfficiencyByLineId(nextMap);
+    } catch (err) {
+      console.error("[KPIsOverviewView] Failed to load daily leaderboard:", err);
+      setDailyError("Failed to load daily leaderboard");
+      dailyRequestKeyRef.current = null;
+    } finally {
+      setDailyLoading(false);
+    }
+  }, [supabase, resolvedCompanyId, leaderboardLines, currentShiftDate, currentShiftId]);
   useEffect(() => {
     if (activeTab !== "leaderboard") return;
     fetchMonthlyLeaderboard();
   }, [activeTab, timeRange, fetchMonthlyLeaderboard]);
+  useEffect(() => {
+    if (activeTab !== "leaderboard" || timeRange !== "today") return;
+    fetchDailyLeaderboard();
+  }, [activeTab, timeRange, fetchDailyLeaderboard]);
   const formatTopPerformerWeek = (periodStart, periodEnd) => {
     if (!periodStart || !periodEnd) return "Last Week";
     const startDate = /* @__PURE__ */ new Date(`${periodStart}T00:00:00`);
@@ -55710,14 +55858,15 @@ var KPIsOverviewView = ({
   }, [onBackClick, backLinkUrl, navigation]);
   const handleTabChange = useCallback((newTab) => {
     if (newTab === activeTab) return;
+    const trackedLineCount = newTab === "leaderboard" ? leaderboardLines.length : lines.length;
     trackCoreEvent("Leaderboard Tab Switched", {
       from_tab: activeTab,
       to_tab: newTab,
       from_page: "kpis_overview",
-      lines_count: lines.length
+      lines_count: trackedLineCount
     });
     setActiveTab(newTab);
-  }, [activeTab, lines.length]);
+  }, [activeTab, leaderboardLines.length, lines.length]);
   const formatLocalDate2 = (date) => {
     const options = {
       year: "numeric",
@@ -55735,12 +55884,6 @@ var KPIsOverviewView = ({
     return `${startLabel} - ${endLabel}, ${now4.getFullYear()}`;
   };
   const isMonthlyMode = activeTab === "leaderboard" && timeRange === "monthly";
-  const currentShiftDetails = getCurrentShift(configuredTimezone, shiftConfig);
-  const shiftEndDate = React26__default.useMemo(
-    () => getShiftEndDate(currentShiftDetails, configuredTimezone),
-    [currentShiftDetails, configuredTimezone]
-  );
-  const shiftName = (currentShiftDetails.shiftName || "Day").replace(/ Shift$/i, "");
   const showTopPerformerImage = Boolean(topPerformer.imageUrl) && !topPerformerImageError;
   typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency);
   topPerformerLoading ? "--" : typeof topPerformer.efficiency === "number" && Number.isFinite(topPerformer.efficiency) ? `${topPerformer.efficiency.toFixed(1)}%` : "--";
@@ -56093,15 +56236,16 @@ var KPIsOverviewView = ({
       /* @__PURE__ */ jsx("div", { className: "w-full h-full", children: /* @__PURE__ */ jsx(
         LinesLeaderboard,
         {
-          lines,
+          lines: leaderboardLines,
           onLineClick: (line) => handleLineClick(line),
+          assignedLineIds: assignedLineIdsForLeaderboard,
           timeRange,
           setTimeRange,
           todayEfficiencyByLineId,
           monthlyEfficiencyByLineId,
           supervisorsByLineId,
           supervisorNamesByLineId,
-          isLoadingToday: metricsLoading,
+          isLoadingToday: dailyLoading,
           isLoadingMonthly: monthlyLoading,
           shiftEndDate,
           monthEndDate

package/package.json

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