@optifye/dashboard-core 6.11.34 → 6.11.35

package/dist/index.js

@@ -37447,6 +37447,14 @@ var formatTimestampRange = (startTime, endTime, timezone) => {
   });
   return `${startFormatted} - ${endFormatted}`;
 };
+var buildPrefetchedExplorerMetadata = (activeFilter, metadataCategoryId, categoryMetadata) => {
+  if (!activeFilter || !metadataCategoryId || metadataCategoryId !== activeFilter || categoryMetadata.length === 0) {
+    return void 0;
+  }
+  return {
+    [activeFilter]: categoryMetadata
+  };
+};
 var getSecondsBetweenTimestamps = (startTime, endTime) => {
   const startDate = parseTimestamp(startTime);
   const endDate = parseTimestamp(endTime);
@@ -42644,6 +42652,7 @@ var BottlenecksContent = ({
   const [error, setError] = React143.useState(null);
   const [clipClassifications, setClipClassifications] = React143.useState({});
   const [categoryMetadata, setCategoryMetadata] = React143.useState([]);
+  const [categoryMetadataCategoryId, setCategoryMetadataCategoryId] = React143.useState(null);
   const [currentMetadataIndex, setCurrentMetadataIndex] = React143.useState(0);
   const [metadataCache, setMetadataCache] = React143.useState({});
   const invalidateMetadataCache = React143.useCallback((categories) => {
@@ -43115,6 +43124,15 @@ var BottlenecksContent = ({
   const getMetadataCacheKey = React143.useCallback((categoryId) => {
     return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}`;
   }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId]);
+  const setVisibleCategoryMetadata = React143.useCallback((categoryId, clips) => {
+    if (activeFilterRef.current !== categoryId) {
+      return false;
+    }
+    categoryMetadataRef.current = clips;
+    setCategoryMetadata(clips);
+    setCategoryMetadataCategoryId(clips.length > 0 ? categoryId : null);
+    return true;
+  }, []);
   const applyMetadataSnapshot = React143.useCallback((categoryId, clips, total) => {
     if (!clips || clips.length === 0) {
       return;
@@ -43124,13 +43142,12 @@ var BottlenecksContent = ({
       ...prev,
       [cacheKey]: clips
     }));
-    categoryMetadataRef.current = clips;
-    setCategoryMetadata(clips);
+    setVisibleCategoryMetadata(categoryId, clips);
     if (!isPercentileCategory(categoryId) && typeof total === "number") {
       currentTotalRef.current = total;
       setCurrentTotal(total);
     }
-  }, [getMetadataCacheKey, isPercentileCategory]);
+  }, [getMetadataCacheKey, isPercentileCategory, setVisibleCategoryMetadata]);
   const getClipTypesForPercentileCategory = React143.useCallback((categoryId) => {
     switch (categoryId) {
       case "fast-cycles":
@@ -43155,6 +43172,7 @@ var BottlenecksContent = ({
       return;
     }
     setCategoryMetadata([]);
+    setCategoryMetadataCategoryId(null);
     categoryMetadataRef.current = [];
     updateActiveFilter(fallbackFilter);
   }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
@@ -43201,6 +43219,7 @@ var BottlenecksContent = ({
     }
     if (!isFastSlowClipFiltersEnabled && (categoryId === "fast-cycles" || categoryId === "slow-cycles")) {
       setCategoryMetadata([]);
+      setCategoryMetadataCategoryId(null);
       categoryMetadataRef.current = [];
       return;
     }
@@ -43214,8 +43233,7 @@ var BottlenecksContent = ({
     try {
       if (cachedMetadata) {
         console.log(`[BottlenecksContent] Using cached metadata for ${categoryId}`);
-        setCategoryMetadata(cachedMetadata);
-        categoryMetadataRef.current = cachedMetadata;
+        setVisibleCategoryMetadata(categoryId, cachedMetadata);
         if (autoLoadFirstVideo && cachedMetadata.length > 0 && s3ClipsService) {
           const firstClipMeta = cachedMetadata[0];
           try {
@@ -43329,8 +43347,7 @@ var BottlenecksContent = ({
           ...prev,
           [cacheKey]: metadataClips
         }));
-        setCategoryMetadata(metadataClips);
-        categoryMetadataRef.current = metadataClips;
+        setVisibleCategoryMetadata(categoryId, metadataClips);
         console.log(`[BottlenecksContent] Loaded metadata for ${categoryId}: ${metadataClips.length} clips`);
         if (autoLoadFirstVideo && metadataClips.length > 0 && s3ClipsService) {
           const firstClipMeta = metadataClips[0];
@@ -43349,15 +43366,18 @@ var BottlenecksContent = ({
           }
         }
       } else {
-        setCategoryMetadata([]);
-        categoryMetadataRef.current = [];
+        if (activeFilterRef.current === categoryId) {
+          setCategoryMetadata([]);
+          setCategoryMetadataCategoryId(null);
+          categoryMetadataRef.current = [];
+        }
       }
     } catch (error2) {
       console.error(`[BottlenecksContent] Error loading category metadata:`, error2);
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase, setVisibleCategoryMetadata]);
   React143.useEffect(() => {
     if (previousFilterRef.current !== activeFilter) {
       console.log(`Filter changed from ${previousFilterRef.current} to ${activeFilter} - resetting to first video`);
@@ -43367,6 +43387,7 @@ var BottlenecksContent = ({
       setIsNavigating(false);
       loadingCategoryRef.current = null;
       setCategoryMetadata([]);
+      setCategoryMetadataCategoryId(null);
       setCurrentMetadataIndex(0);
       categoryMetadataRef.current = [];
       currentMetadataIndexRef.current = 0;
@@ -43925,14 +43946,11 @@ var BottlenecksContent = ({
     }
     return currentPosition;
   }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, isPercentileCategory]);
-  const prefetchedExplorerMetadata = React143.useMemo(() => {
-    if (!activeFilter || categoryMetadata.length === 0) {
-      return void 0;
-    }
-    return {
-      [activeFilter]: categoryMetadata
-    };
-  }, [activeFilter, categoryMetadata]);
+  const prefetchedExplorerMetadata = React143.useMemo(() => buildPrefetchedExplorerMetadata(
+    activeFilter,
+    categoryMetadataCategoryId,
+    categoryMetadata
+  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId]);
   const classificationClipIds = React143.useMemo(() => {
     if (!idleTimeVlmEnabled) {
       return [];

package/dist/index.mjs

@@ -37418,6 +37418,14 @@ var formatTimestampRange = (startTime, endTime, timezone) => {
   });
   return `${startFormatted} - ${endFormatted}`;
 };
+var buildPrefetchedExplorerMetadata = (activeFilter, metadataCategoryId, categoryMetadata) => {
+  if (!activeFilter || !metadataCategoryId || metadataCategoryId !== activeFilter || categoryMetadata.length === 0) {
+    return void 0;
+  }
+  return {
+    [activeFilter]: categoryMetadata
+  };
+};
 var getSecondsBetweenTimestamps = (startTime, endTime) => {
   const startDate = parseTimestamp(startTime);
   const endDate = parseTimestamp(endTime);
@@ -42615,6 +42623,7 @@ var BottlenecksContent = ({
   const [error, setError] = useState(null);
   const [clipClassifications, setClipClassifications] = useState({});
   const [categoryMetadata, setCategoryMetadata] = useState([]);
+  const [categoryMetadataCategoryId, setCategoryMetadataCategoryId] = useState(null);
   const [currentMetadataIndex, setCurrentMetadataIndex] = useState(0);
   const [metadataCache, setMetadataCache] = useState({});
   const invalidateMetadataCache = useCallback((categories) => {
@@ -43086,6 +43095,15 @@ var BottlenecksContent = ({
   const getMetadataCacheKey = useCallback((categoryId) => {
     return `${categoryId}-${effectiveDateString}-${effectiveShiftId}-${snapshotDateTime ?? "nosnap"}-${snapshotClipId ?? "nosnap"}`;
   }, [effectiveDateString, effectiveShiftId, snapshotDateTime, snapshotClipId]);
+  const setVisibleCategoryMetadata = useCallback((categoryId, clips) => {
+    if (activeFilterRef.current !== categoryId) {
+      return false;
+    }
+    categoryMetadataRef.current = clips;
+    setCategoryMetadata(clips);
+    setCategoryMetadataCategoryId(clips.length > 0 ? categoryId : null);
+    return true;
+  }, []);
   const applyMetadataSnapshot = useCallback((categoryId, clips, total) => {
     if (!clips || clips.length === 0) {
       return;
@@ -43095,13 +43113,12 @@ var BottlenecksContent = ({
       ...prev,
       [cacheKey]: clips
     }));
-    categoryMetadataRef.current = clips;
-    setCategoryMetadata(clips);
+    setVisibleCategoryMetadata(categoryId, clips);
     if (!isPercentileCategory(categoryId) && typeof total === "number") {
       currentTotalRef.current = total;
       setCurrentTotal(total);
     }
-  }, [getMetadataCacheKey, isPercentileCategory]);
+  }, [getMetadataCacheKey, isPercentileCategory, setVisibleCategoryMetadata]);
   const getClipTypesForPercentileCategory = useCallback((categoryId) => {
     switch (categoryId) {
       case "fast-cycles":
@@ -43126,6 +43143,7 @@ var BottlenecksContent = ({
       return;
     }
     setCategoryMetadata([]);
+    setCategoryMetadataCategoryId(null);
     categoryMetadataRef.current = [];
     updateActiveFilter(fallbackFilter);
   }, [isFastSlowClipFiltersEnabled, activeFilter, dynamicCounts, clipTypes, updateActiveFilter]);
@@ -43172,6 +43190,7 @@ var BottlenecksContent = ({
     }
     if (!isFastSlowClipFiltersEnabled && (categoryId === "fast-cycles" || categoryId === "slow-cycles")) {
       setCategoryMetadata([]);
+      setCategoryMetadataCategoryId(null);
       categoryMetadataRef.current = [];
       return;
     }
@@ -43185,8 +43204,7 @@ var BottlenecksContent = ({
     try {
       if (cachedMetadata) {
         console.log(`[BottlenecksContent] Using cached metadata for ${categoryId}`);
-        setCategoryMetadata(cachedMetadata);
-        categoryMetadataRef.current = cachedMetadata;
+        setVisibleCategoryMetadata(categoryId, cachedMetadata);
         if (autoLoadFirstVideo && cachedMetadata.length > 0 && s3ClipsService) {
           const firstClipMeta = cachedMetadata[0];
           try {
@@ -43300,8 +43318,7 @@ var BottlenecksContent = ({
           ...prev,
           [cacheKey]: metadataClips
         }));
-        setCategoryMetadata(metadataClips);
-        categoryMetadataRef.current = metadataClips;
+        setVisibleCategoryMetadata(categoryId, metadataClips);
         console.log(`[BottlenecksContent] Loaded metadata for ${categoryId}: ${metadataClips.length} clips`);
         if (autoLoadFirstVideo && metadataClips.length > 0 && s3ClipsService) {
           const firstClipMeta = metadataClips[0];
@@ -43320,15 +43337,18 @@ var BottlenecksContent = ({
           }
         }
       } else {
-        setCategoryMetadata([]);
-        categoryMetadataRef.current = [];
+        if (activeFilterRef.current === categoryId) {
+          setCategoryMetadata([]);
+          setCategoryMetadataCategoryId(null);
+          categoryMetadataRef.current = [];
+        }
       }
     } catch (error2) {
       console.error(`[BottlenecksContent] Error loading category metadata:`, error2);
     } finally {
       setIsCategoryLoading(false);
     }
-  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase]);
+  }, [workspaceId, effectiveDateString, effectiveShiftId, getMetadataCacheKey, isPercentileCategory, isFastSlowClipFiltersEnabled, metadataCache, s3ClipsService, clearLoadingState, isEffectiveShiftReady, snapshotDateTime, snapshotClipId, supabase, setVisibleCategoryMetadata]);
   useEffect(() => {
     if (previousFilterRef.current !== activeFilter) {
       console.log(`Filter changed from ${previousFilterRef.current} to ${activeFilter} - resetting to first video`);
@@ -43338,6 +43358,7 @@ var BottlenecksContent = ({
       setIsNavigating(false);
       loadingCategoryRef.current = null;
       setCategoryMetadata([]);
+      setCategoryMetadataCategoryId(null);
       setCurrentMetadataIndex(0);
       categoryMetadataRef.current = [];
       currentMetadataIndexRef.current = 0;
@@ -43896,14 +43917,11 @@ var BottlenecksContent = ({
     }
     return currentPosition;
   }, [activeFilter, categoryMetadata.length, currentMetadataIndex, currentPosition, isPercentileCategory]);
-  const prefetchedExplorerMetadata = useMemo(() => {
-    if (!activeFilter || categoryMetadata.length === 0) {
-      return void 0;
-    }
-    return {
-      [activeFilter]: categoryMetadata
-    };
-  }, [activeFilter, categoryMetadata]);
+  const prefetchedExplorerMetadata = useMemo(() => buildPrefetchedExplorerMetadata(
+    activeFilter,
+    categoryMetadataCategoryId,
+    categoryMetadata
+  ), [activeFilter, categoryMetadata, categoryMetadataCategoryId]);
   const classificationClipIds = useMemo(() => {
     if (!idleTimeVlmEnabled) {
       return [];

package/package.json

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