@optifye/dashboard-core 6.1.6 → 6.1.8

package/dist/index.d.mts

@@ -682,6 +682,7 @@ interface SimpleLine {
     factory_name: string;
     company_id: string;
     company_name: string;
+    enable: boolean;
 }
 interface WorkspaceMonthlyMetric {
     date: string;

package/dist/index.d.ts

@@ -682,6 +682,7 @@ interface SimpleLine {
     factory_name: string;
     company_id: string;
     company_name: string;
+    enable: boolean;
 }
 interface WorkspaceMonthlyMetric {
     date: string;

package/dist/index.js

@@ -948,8 +948,9 @@ var dashboardService = {
           factory_id,
           factories!lines_factory_id_fkey(factory_name),
           company_id,
-          companies!lines_company_id_fkey(company_name:name)
-        `);
+          companies!lines_company_id_fkey(company_name:name),
+          enable
+        `).eq("enable", true);
       if (companyId) {
         query = query.eq("company_id", companyId);
       }
@@ -965,7 +966,9 @@ var dashboardService = {
         factory_id: line.factory_id,
         factory_name: line.factories?.factory_name ?? "N/A",
         company_id: line.company_id,
-        company_name: line.companies?.company_name ?? "N/A"
+        company_name: line.companies?.company_name ?? "N/A",
+        enable: line.enable ?? true
+        // Default to true if not specified
       }));
       return transformedLines;
     } catch (err) {
@@ -4057,7 +4060,14 @@ var useLeaderboardMetrics = (lineId, topCount = 10) => {
     try {
       const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
       const operationalDate = getOperationalDate(defaultTimezone, new Date(currentShiftDetails.date));
-      const { data, error: fetchError } = await supabase.from(companySpecificMetricsTable).select(`workspace_name,total_output,avg_pph,efficiency,workspace_id`).eq("date", operationalDate).eq("shift_id", currentShiftDetails.shiftId).eq("line_id", lineId).gt("efficiency", 0).order("efficiency", { ascending: false }).limit(topCount);
+      const workspaces = await workspaceService.getWorkspaces(lineId);
+      const enabledWorkspaceIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+      if (enabledWorkspaceIds.length === 0) {
+        setTopPerformers([]);
+        setIsLoading(false);
+        return;
+      }
+      const { data, error: fetchError } = await supabase.from(companySpecificMetricsTable).select(`workspace_name,total_output,avg_pph,efficiency,workspace_id`).eq("date", operationalDate).eq("shift_id", currentShiftDetails.shiftId).eq("line_id", lineId).in("workspace_id", enabledWorkspaceIds).gt("efficiency", 0).order("efficiency", { ascending: false }).limit(topCount);
       if (fetchError) throw fetchError;
       const rankedData = (data || []).map((entry, index) => ({
         workspace_name: entry.workspace_name,
@@ -4610,14 +4620,20 @@ var useRealtimeLineMetrics = ({
         const companyId = entityConfig.companyId;
         const metricsTablePrefix = getMetricsTablePrefix(companyId || "");
         const metricsTable = `${metricsTablePrefix}_${(companyId || "").replace(/-/g, "_")}`;
-        const { data: workspaceData, error: workspaceError } = await supabase.from(metricsTable).select(`
-            line_id,
-            workspace_id,
-            workspace_name,
-            efficiency,
-            total_output,
-            total_day_output
-          `).in("line_id", targetLineIds).eq("shift_id", shiftId).eq("date", date);
+        let enabledWorkspaceIds = [];
+        for (const lineId2 of targetLineIds) {
+          const workspaces = await workspaceService.getWorkspaces(lineId2);
+          const enabledIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+          enabledWorkspaceIds.push(...enabledIds);
+        }
+        const { data: workspaceData, error: workspaceError } = enabledWorkspaceIds.length > 0 ? await supabase.from(metricsTable).select(`
+                line_id,
+                workspace_id,
+                workspace_name,
+                efficiency,
+                total_output,
+                total_day_output
+              `).in("line_id", targetLineIds).in("workspace_id", enabledWorkspaceIds).eq("shift_id", shiftId).eq("date", date) : { data: [], error: null };
         if (workspaceError) {
           console.error("Error fetching workspace metrics for factory view:", workspaceError);
         }
@@ -4669,13 +4685,15 @@ var useRealtimeLineMetrics = ({
         const companyId = entityConfig.companyId;
         const metricsTablePrefix = getMetricsTablePrefix(companyId || "");
         const metricsTable = `${metricsTablePrefix}_${(companyId || "").replace(/-/g, "_")}`;
-        const { data: workspaceData, error: workspaceError } = await supabase.from(metricsTable).select(`
-            workspace_id,
-            workspace_name,
-            efficiency,
-            total_output,
-            total_day_output
-          `).eq("line_id", lineIdRef.current).eq("shift_id", shiftId).eq("date", date);
+        const workspaces = await workspaceService.getWorkspaces(lineIdRef.current);
+        const enabledWorkspaceIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+        const { data: workspaceData, error: workspaceError } = enabledWorkspaceIds.length > 0 ? await supabase.from(metricsTable).select(`
+                workspace_id,
+                workspace_name,
+                efficiency,
+                total_output,
+                total_day_output
+              `).eq("line_id", lineIdRef.current).in("workspace_id", enabledWorkspaceIds).eq("shift_id", shiftId).eq("date", date) : { data: [], error: null };
         if (workspaceError) {
           console.error("Error fetching workspace metrics:", workspaceError);
         }
@@ -6124,6 +6142,19 @@ var useAllWorkspaceMetrics = (options) => {
         queryShiftId,
         metricsTable
       });
+      const configuredLineIds = getConfiguredLineIds(entityConfig);
+      let enabledWorkspaceIds = [];
+      for (const lineId of configuredLineIds) {
+        const workspaces2 = await workspaceService.getWorkspaces(lineId);
+        const enabledIds = workspaces2.filter((ws) => ws.enable === true).map((ws) => ws.id);
+        enabledWorkspaceIds.push(...enabledIds);
+      }
+      if (enabledWorkspaceIds.length === 0) {
+        setWorkspaces([]);
+        setInitialized(true);
+        setLoading(false);
+        return;
+      }
       const { data, error: fetchError } = await supabase.from(metricsTable).select(`
           workspace_name,
           total_output,
@@ -6135,7 +6166,7 @@ var useAllWorkspaceMetrics = (options) => {
           trend_score,
           line_id,
           total_day_output
-        `).eq("date", queryDate).eq("shift_id", queryShiftId).order("efficiency", { ascending: false });
+        `).eq("date", queryDate).eq("shift_id", queryShiftId).in("workspace_id", enabledWorkspaceIds).order("efficiency", { ascending: false });
       if (fetchError) throw fetchError;
       const transformedData = (data || []).map((item) => ({
         company_id: entityConfig.companyId || "unknown",
@@ -23064,7 +23095,14 @@ var S3ClipsService = class {
     }
     const limitPerCategory = limit ? Math.min(Math.max(limit, 1), this.maxLimitPerCategory) : this.defaultLimitPerCategory;
     const shouldFetchAll = category === "missing_quality_check" || category === "low_value";
-    const initialFetchLimit = shouldFetchAll ? void 0 : category ? Math.min(limitPerCategory * 3, this.maxInitialFetch) : void 0;
+    let initialFetchLimit;
+    if (shouldFetchAll) {
+      initialFetchLimit = void 0;
+    } else if (category) {
+      initialFetchLimit = Math.min(limitPerCategory * 3, this.maxInitialFetch);
+    } else {
+      initialFetchLimit = this.maxInitialFetch;
+    }
     const s3Uris = await this.listS3Clips({ workspaceId, date, shiftId, maxKeys: initialFetchLimit });
     if (s3Uris.length === 0) {
       console.log(`S3ClipsService: No HLS playlists found for workspace ${workspaceId} on date ${date}, shift ${shiftId}`);
@@ -23190,6 +23228,9 @@ var S3ClipsService = class {
     return videos;
   }
 };
+
+// src/lib/cache/clipsCache.ts
+var clipsCache = {};
 var BottlenecksContent = ({
   workspaceId,
   workspaceName,
@@ -23209,6 +23250,7 @@ var BottlenecksContent = ({
   const videoRef = React19.useRef(null);
   const fullscreenContainerRef = React19.useRef(null);
   const timestampFilterRef = React19.useRef(null);
+  const hlsRef = React19.useRef(null);
   const [isPlaying, setIsPlaying] = React19.useState(false);
   const [currentTime, setCurrentTime] = React19.useState(0);
   const [duration, setDuration] = React19.useState(0);
@@ -23257,21 +23299,36 @@ var BottlenecksContent = ({
       if (timestampEnd) {
         timestampEndFull = `${operationalDate}T${timestampEnd}:00`;
       }
-      const videos = await s3ClipsService.fetchClips({
+      const cacheKey = `${workspaceId}-${operationalDate}-${shift || "all"}-all-meta-1000-${timestampStartFull || ""}-${timestampEndFull || ""}`;
+      const existingEntry = clipsCache[cacheKey];
+      if (existingEntry?.status === "resolved" && existingEntry.data) {
+        setAllVideos(existingEntry.data);
+        return;
+      }
+      if (existingEntry?.status === "pending" && existingEntry.promise) {
+        setIsLoading(true);
+        existingEntry.promise.then((data) => {
+          setAllVideos(data);
+          setIsLoading(false);
+        }).catch(() => setIsLoading(false));
+        return;
+      }
+      setIsLoading(true);
+      const fetchPromise = s3ClipsService.fetchClips({
         workspaceId,
         date: operationalDate,
         shift: shift?.toString(),
-        // Pass the shift parameter
         mode: "full",
         includeCycleTime: true,
         includeMetadata: true,
-        // Always include metadata for timestamp info
         limit: 1e3,
-        // Reasonable limit for UI performance
         timestampStart: timestampStartFull,
         timestampEnd: timestampEndFull
       });
-      if (Array.isArray(videos) && videos.length > 0) {
+      clipsCache[cacheKey] = { status: "pending", promise: fetchPromise };
+      const videos = await fetchPromise;
+      clipsCache[cacheKey] = { status: "resolved", data: videos };
+      if (videos.length > 0) {
         preloadVideoUrl2(videos[0].src);
         const firstHigh = videos.find((v) => v.type === "bottleneck" && v.severity === "high");
         const firstMed = videos.find((v) => v.type === "bottleneck" && v.severity === "medium");
@@ -23295,6 +23352,8 @@ var BottlenecksContent = ({
         ].filter(Boolean));
       }
       setAllVideos(videos);
+      setIsLoading(false);
+      return;
     } catch (err) {
       console.error("Error fetching HLS clips from S3:", err);
       setError("Failed to load clips from storage. Please try again.");
@@ -23414,6 +23473,14 @@ var BottlenecksContent = ({
           } else {
             import('hls.js').then(({ default: Hls3 }) => {
               if (Hls3.isSupported()) {
+                if (hlsRef.current) {
+                  try {
+                    hlsRef.current.destroy();
+                  } catch (err) {
+                    console.warn("Failed to destroy previous HLS instance", err);
+                  }
+                  hlsRef.current = null;
+                }
                 const hls = new Hls3({
                   // Add CORS and error handling configuration
                   xhrSetup: (xhr, url) => {
@@ -23456,7 +23523,8 @@ var BottlenecksContent = ({
                   testBandwidth: false,
                   // Error recovery configuration
                   capLevelOnFPSDrop: false,
-                  capLevelToPlayerSize: false
+                  capLevelToPlayerSize: true,
+                  abrEwmaDefaultEstimate: 5e5
                 });
                 hls.on(Hls3.Events.ERROR, (event, data) => {
                   console.error("HLS.js error:", data);
@@ -23584,6 +23652,13 @@ var BottlenecksContent = ({
         video.removeEventListener("loadedmetadata", onLoadedMetadata);
         video.removeEventListener("ended", onEnded);
         video.removeEventListener("error", onError);
+        if (hlsRef.current) {
+          try {
+            hlsRef.current.destroy();
+          } catch (e) {
+          }
+          hlsRef.current = null;
+        }
       };
     } else if (videoRef.current) {
       videoRef.current.pause();
@@ -30243,15 +30318,22 @@ var LeaderboardDetailView = React19.memo(({
   className = ""
 }) => {
   const navigation = useNavigation();
+  const entityConfig = useEntityConfig();
   const [sortAscending, setSortAscending] = React19.useState(false);
+  const configuredLineNames = React19.useMemo(() => {
+    return getAllLineDisplayNames(entityConfig);
+  }, [entityConfig]);
   const getLineName = React19.useCallback((lineId2) => {
+    if (configuredLineNames[lineId2]) {
+      return configuredLineNames[lineId2];
+    }
     if (lineNames[lineId2]) {
       return lineNames[lineId2];
     }
     if (lineId2 === line1Id) return "Line 1";
     if (lineId2 === line2Id) return "Line 2";
-    return lineId2;
-  }, [lineNames, line1Id, line2Id]);
+    return `Line ${lineId2.substring(0, 8)}`;
+  }, [configuredLineNames, lineNames, line1Id, line2Id]);
   const handleSortToggle = React19.useCallback(() => {
     setSortAscending(!sortAscending);
   }, [sortAscending]);
@@ -33385,6 +33467,29 @@ var WorkspaceDetailView = ({
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
   const [activeTab, setActiveTab] = React19.useState(initialTab);
+  const dashboardConfig = useDashboardConfig();
+  React19.useEffect(() => {
+    if (!dashboardConfig?.s3Config) return;
+    const operationalDate2 = date || getOperationalDate();
+    const cacheKey = `${workspaceId}-${operationalDate2}-${shift || "all"}-all-meta-1000--`;
+    if (clipsCache[cacheKey]?.status) return;
+    const service = new S3ClipsService(dashboardConfig);
+    const promise = service.fetchClips({
+      workspaceId,
+      date: operationalDate2,
+      shift: shift?.toString(),
+      mode: "full",
+      includeCycleTime: true,
+      includeMetadata: true,
+      limit: 1e3
+    });
+    clipsCache[cacheKey] = { status: "pending", promise };
+    promise.then((videos) => {
+      clipsCache[cacheKey] = { status: "resolved", data: videos };
+    }).catch((err) => {
+      clipsCache[cacheKey] = { status: "rejected", error: err };
+    });
+  }, [workspaceId, date, shift, dashboardConfig]);
   const [isTransitioning, setIsTransitioning] = React19.useState(false);
   const [usingFallbackData, setUsingFallbackData] = React19.useState(false);
   const [showIdleTime, setShowIdleTime] = React19.useState(false);

package/dist/index.mjs

@@ -919,8 +919,9 @@ var dashboardService = {
           factory_id,
           factories!lines_factory_id_fkey(factory_name),
           company_id,
-          companies!lines_company_id_fkey(company_name:name)
-        `);
+          companies!lines_company_id_fkey(company_name:name),
+          enable
+        `).eq("enable", true);
       if (companyId) {
         query = query.eq("company_id", companyId);
       }
@@ -936,7 +937,9 @@ var dashboardService = {
         factory_id: line.factory_id,
         factory_name: line.factories?.factory_name ?? "N/A",
         company_id: line.company_id,
-        company_name: line.companies?.company_name ?? "N/A"
+        company_name: line.companies?.company_name ?? "N/A",
+        enable: line.enable ?? true
+        // Default to true if not specified
       }));
       return transformedLines;
     } catch (err) {
@@ -4028,7 +4031,14 @@ var useLeaderboardMetrics = (lineId, topCount = 10) => {
     try {
       const currentShiftDetails = getCurrentShift(defaultTimezone, shiftConfig);
       const operationalDate = getOperationalDate(defaultTimezone, new Date(currentShiftDetails.date));
-      const { data, error: fetchError } = await supabase.from(companySpecificMetricsTable).select(`workspace_name,total_output,avg_pph,efficiency,workspace_id`).eq("date", operationalDate).eq("shift_id", currentShiftDetails.shiftId).eq("line_id", lineId).gt("efficiency", 0).order("efficiency", { ascending: false }).limit(topCount);
+      const workspaces = await workspaceService.getWorkspaces(lineId);
+      const enabledWorkspaceIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+      if (enabledWorkspaceIds.length === 0) {
+        setTopPerformers([]);
+        setIsLoading(false);
+        return;
+      }
+      const { data, error: fetchError } = await supabase.from(companySpecificMetricsTable).select(`workspace_name,total_output,avg_pph,efficiency,workspace_id`).eq("date", operationalDate).eq("shift_id", currentShiftDetails.shiftId).eq("line_id", lineId).in("workspace_id", enabledWorkspaceIds).gt("efficiency", 0).order("efficiency", { ascending: false }).limit(topCount);
       if (fetchError) throw fetchError;
       const rankedData = (data || []).map((entry, index) => ({
         workspace_name: entry.workspace_name,
@@ -4581,14 +4591,20 @@ var useRealtimeLineMetrics = ({
         const companyId = entityConfig.companyId;
         const metricsTablePrefix = getMetricsTablePrefix(companyId || "");
         const metricsTable = `${metricsTablePrefix}_${(companyId || "").replace(/-/g, "_")}`;
-        const { data: workspaceData, error: workspaceError } = await supabase.from(metricsTable).select(`
-            line_id,
-            workspace_id,
-            workspace_name,
-            efficiency,
-            total_output,
-            total_day_output
-          `).in("line_id", targetLineIds).eq("shift_id", shiftId).eq("date", date);
+        let enabledWorkspaceIds = [];
+        for (const lineId2 of targetLineIds) {
+          const workspaces = await workspaceService.getWorkspaces(lineId2);
+          const enabledIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+          enabledWorkspaceIds.push(...enabledIds);
+        }
+        const { data: workspaceData, error: workspaceError } = enabledWorkspaceIds.length > 0 ? await supabase.from(metricsTable).select(`
+                line_id,
+                workspace_id,
+                workspace_name,
+                efficiency,
+                total_output,
+                total_day_output
+              `).in("line_id", targetLineIds).in("workspace_id", enabledWorkspaceIds).eq("shift_id", shiftId).eq("date", date) : { data: [], error: null };
         if (workspaceError) {
           console.error("Error fetching workspace metrics for factory view:", workspaceError);
         }
@@ -4640,13 +4656,15 @@ var useRealtimeLineMetrics = ({
         const companyId = entityConfig.companyId;
         const metricsTablePrefix = getMetricsTablePrefix(companyId || "");
         const metricsTable = `${metricsTablePrefix}_${(companyId || "").replace(/-/g, "_")}`;
-        const { data: workspaceData, error: workspaceError } = await supabase.from(metricsTable).select(`
-            workspace_id,
-            workspace_name,
-            efficiency,
-            total_output,
-            total_day_output
-          `).eq("line_id", lineIdRef.current).eq("shift_id", shiftId).eq("date", date);
+        const workspaces = await workspaceService.getWorkspaces(lineIdRef.current);
+        const enabledWorkspaceIds = workspaces.filter((ws) => ws.enable === true).map((ws) => ws.id);
+        const { data: workspaceData, error: workspaceError } = enabledWorkspaceIds.length > 0 ? await supabase.from(metricsTable).select(`
+                workspace_id,
+                workspace_name,
+                efficiency,
+                total_output,
+                total_day_output
+              `).eq("line_id", lineIdRef.current).in("workspace_id", enabledWorkspaceIds).eq("shift_id", shiftId).eq("date", date) : { data: [], error: null };
         if (workspaceError) {
           console.error("Error fetching workspace metrics:", workspaceError);
         }
@@ -6095,6 +6113,19 @@ var useAllWorkspaceMetrics = (options) => {
         queryShiftId,
         metricsTable
       });
+      const configuredLineIds = getConfiguredLineIds(entityConfig);
+      let enabledWorkspaceIds = [];
+      for (const lineId of configuredLineIds) {
+        const workspaces2 = await workspaceService.getWorkspaces(lineId);
+        const enabledIds = workspaces2.filter((ws) => ws.enable === true).map((ws) => ws.id);
+        enabledWorkspaceIds.push(...enabledIds);
+      }
+      if (enabledWorkspaceIds.length === 0) {
+        setWorkspaces([]);
+        setInitialized(true);
+        setLoading(false);
+        return;
+      }
       const { data, error: fetchError } = await supabase.from(metricsTable).select(`
           workspace_name,
           total_output,
@@ -6106,7 +6137,7 @@ var useAllWorkspaceMetrics = (options) => {
           trend_score,
           line_id,
           total_day_output
-        `).eq("date", queryDate).eq("shift_id", queryShiftId).order("efficiency", { ascending: false });
+        `).eq("date", queryDate).eq("shift_id", queryShiftId).in("workspace_id", enabledWorkspaceIds).order("efficiency", { ascending: false });
       if (fetchError) throw fetchError;
       const transformedData = (data || []).map((item) => ({
         company_id: entityConfig.companyId || "unknown",
@@ -23035,7 +23066,14 @@ var S3ClipsService = class {
     }
     const limitPerCategory = limit ? Math.min(Math.max(limit, 1), this.maxLimitPerCategory) : this.defaultLimitPerCategory;
     const shouldFetchAll = category === "missing_quality_check" || category === "low_value";
-    const initialFetchLimit = shouldFetchAll ? void 0 : category ? Math.min(limitPerCategory * 3, this.maxInitialFetch) : void 0;
+    let initialFetchLimit;
+    if (shouldFetchAll) {
+      initialFetchLimit = void 0;
+    } else if (category) {
+      initialFetchLimit = Math.min(limitPerCategory * 3, this.maxInitialFetch);
+    } else {
+      initialFetchLimit = this.maxInitialFetch;
+    }
     const s3Uris = await this.listS3Clips({ workspaceId, date, shiftId, maxKeys: initialFetchLimit });
     if (s3Uris.length === 0) {
       console.log(`S3ClipsService: No HLS playlists found for workspace ${workspaceId} on date ${date}, shift ${shiftId}`);
@@ -23161,6 +23199,9 @@ var S3ClipsService = class {
     return videos;
   }
 };
+
+// src/lib/cache/clipsCache.ts
+var clipsCache = {};
 var BottlenecksContent = ({
   workspaceId,
   workspaceName,
@@ -23180,6 +23221,7 @@ var BottlenecksContent = ({
   const videoRef = useRef(null);
   const fullscreenContainerRef = useRef(null);
   const timestampFilterRef = useRef(null);
+  const hlsRef = useRef(null);
   const [isPlaying, setIsPlaying] = useState(false);
   const [currentTime, setCurrentTime] = useState(0);
   const [duration, setDuration] = useState(0);
@@ -23228,21 +23270,36 @@ var BottlenecksContent = ({
       if (timestampEnd) {
         timestampEndFull = `${operationalDate}T${timestampEnd}:00`;
       }
-      const videos = await s3ClipsService.fetchClips({
+      const cacheKey = `${workspaceId}-${operationalDate}-${shift || "all"}-all-meta-1000-${timestampStartFull || ""}-${timestampEndFull || ""}`;
+      const existingEntry = clipsCache[cacheKey];
+      if (existingEntry?.status === "resolved" && existingEntry.data) {
+        setAllVideos(existingEntry.data);
+        return;
+      }
+      if (existingEntry?.status === "pending" && existingEntry.promise) {
+        setIsLoading(true);
+        existingEntry.promise.then((data) => {
+          setAllVideos(data);
+          setIsLoading(false);
+        }).catch(() => setIsLoading(false));
+        return;
+      }
+      setIsLoading(true);
+      const fetchPromise = s3ClipsService.fetchClips({
         workspaceId,
         date: operationalDate,
         shift: shift?.toString(),
-        // Pass the shift parameter
         mode: "full",
         includeCycleTime: true,
         includeMetadata: true,
-        // Always include metadata for timestamp info
         limit: 1e3,
-        // Reasonable limit for UI performance
         timestampStart: timestampStartFull,
         timestampEnd: timestampEndFull
       });
-      if (Array.isArray(videos) && videos.length > 0) {
+      clipsCache[cacheKey] = { status: "pending", promise: fetchPromise };
+      const videos = await fetchPromise;
+      clipsCache[cacheKey] = { status: "resolved", data: videos };
+      if (videos.length > 0) {
         preloadVideoUrl2(videos[0].src);
         const firstHigh = videos.find((v) => v.type === "bottleneck" && v.severity === "high");
         const firstMed = videos.find((v) => v.type === "bottleneck" && v.severity === "medium");
@@ -23266,6 +23323,8 @@ var BottlenecksContent = ({
         ].filter(Boolean));
       }
       setAllVideos(videos);
+      setIsLoading(false);
+      return;
     } catch (err) {
       console.error("Error fetching HLS clips from S3:", err);
       setError("Failed to load clips from storage. Please try again.");
@@ -23385,6 +23444,14 @@ var BottlenecksContent = ({
           } else {
             import('hls.js').then(({ default: Hls3 }) => {
               if (Hls3.isSupported()) {
+                if (hlsRef.current) {
+                  try {
+                    hlsRef.current.destroy();
+                  } catch (err) {
+                    console.warn("Failed to destroy previous HLS instance", err);
+                  }
+                  hlsRef.current = null;
+                }
                 const hls = new Hls3({
                   // Add CORS and error handling configuration
                   xhrSetup: (xhr, url) => {
@@ -23427,7 +23494,8 @@ var BottlenecksContent = ({
                   testBandwidth: false,
                   // Error recovery configuration
                   capLevelOnFPSDrop: false,
-                  capLevelToPlayerSize: false
+                  capLevelToPlayerSize: true,
+                  abrEwmaDefaultEstimate: 5e5
                 });
                 hls.on(Hls3.Events.ERROR, (event, data) => {
                   console.error("HLS.js error:", data);
@@ -23555,6 +23623,13 @@ var BottlenecksContent = ({
         video.removeEventListener("loadedmetadata", onLoadedMetadata);
         video.removeEventListener("ended", onEnded);
         video.removeEventListener("error", onError);
+        if (hlsRef.current) {
+          try {
+            hlsRef.current.destroy();
+          } catch (e) {
+          }
+          hlsRef.current = null;
+        }
       };
     } else if (videoRef.current) {
       videoRef.current.pause();
@@ -30214,15 +30289,22 @@ var LeaderboardDetailView = memo(({
   className = ""
 }) => {
   const navigation = useNavigation();
+  const entityConfig = useEntityConfig();
   const [sortAscending, setSortAscending] = useState(false);
+  const configuredLineNames = useMemo(() => {
+    return getAllLineDisplayNames(entityConfig);
+  }, [entityConfig]);
   const getLineName = useCallback((lineId2) => {
+    if (configuredLineNames[lineId2]) {
+      return configuredLineNames[lineId2];
+    }
     if (lineNames[lineId2]) {
       return lineNames[lineId2];
     }
     if (lineId2 === line1Id) return "Line 1";
     if (lineId2 === line2Id) return "Line 2";
-    return lineId2;
-  }, [lineNames, line1Id, line2Id]);
+    return `Line ${lineId2.substring(0, 8)}`;
+  }, [configuredLineNames, lineNames, line1Id, line2Id]);
   const handleSortToggle = useCallback(() => {
     setSortAscending(!sortAscending);
   }, [sortAscending]);
@@ -33356,6 +33438,29 @@ var WorkspaceDetailView = ({
   const isHistoricView = Boolean(date && parsedShiftId !== void 0);
   const initialTab = getInitialTab(sourceType, defaultTab, fromMonthly, date);
   const [activeTab, setActiveTab] = useState(initialTab);
+  const dashboardConfig = useDashboardConfig();
+  useEffect(() => {
+    if (!dashboardConfig?.s3Config) return;
+    const operationalDate2 = date || getOperationalDate();
+    const cacheKey = `${workspaceId}-${operationalDate2}-${shift || "all"}-all-meta-1000--`;
+    if (clipsCache[cacheKey]?.status) return;
+    const service = new S3ClipsService(dashboardConfig);
+    const promise = service.fetchClips({
+      workspaceId,
+      date: operationalDate2,
+      shift: shift?.toString(),
+      mode: "full",
+      includeCycleTime: true,
+      includeMetadata: true,
+      limit: 1e3
+    });
+    clipsCache[cacheKey] = { status: "pending", promise };
+    promise.then((videos) => {
+      clipsCache[cacheKey] = { status: "resolved", data: videos };
+    }).catch((err) => {
+      clipsCache[cacheKey] = { status: "rejected", error: err };
+    });
+  }, [workspaceId, date, shift, dashboardConfig]);
   const [isTransitioning, setIsTransitioning] = useState(false);
   const [usingFallbackData, setUsingFallbackData] = useState(false);
   const [showIdleTime, setShowIdleTime] = useState(false);

package/package.json

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