Improve reindex completion flag (#14308)

frigate/embeddings/embeddings.py

@@ -176,6 +176,7 @@ class Embeddings:
             "processed_objects": 0,
             "total_objects": 0,
             "time_remaining": 0,
+            "status": "indexing",
         }
 
         self.requestor.send_data(UPDATE_EMBEDDINGS_REINDEX_PROGRESS, totals)
@@ -255,6 +256,8 @@ class Embeddings:
             "Embedded %d thumbnails and %d descriptions in %s seconds",
             totals["thumbnails"],
             totals["descriptions"],
-            time.time() - st,
+            round(time.time() - st, 1),
         )
+        totals["status"] = "completed"
+
         self.requestor.send_data(UPDATE_EMBEDDINGS_REINDEX_PROGRESS, totals)

web/src/pages/Explore.tsx

@@ -195,13 +195,18 @@ export default function Explore() {
 
   const { payload: reindexProgress } = useEmbeddingsReindexProgress();
 
-  const embeddingsReindexing = useMemo(
+  const embeddingsReindexing = useMemo(() => {
-    () =>
+    if (reindexProgress) {
-      reindexProgress
+      switch (reindexProgress.status) {
-        ? reindexProgress.total_objects - reindexProgress.processed_objects > 0
+        case "indexing":
-        : undefined,
+          return true;
-    [reindexProgress],
+        case "completed":
-  );
+          return false;
+        default:
+          return undefined;
+      }
+    }
+  }, [reindexProgress]);
 
   // model states
 
@@ -320,7 +325,8 @@ export default function Explore() {
                     <span className="text-primary-variant">
                       Tracked objects processed:
                     </span>
-                    {reindexProgress.processed_objects}
+                    {reindexProgress.processed_objects} /{" "}
+                    {reindexProgress.total_objects}
                   </div>
                 </div>
               </>

web/src/types/ws.ts

@@ -68,6 +68,7 @@ export type EmbeddingsReindexProgressType = {
   processed_objects: number;
   total_objects: number;
   time_remaining: number;
+  status: string;
 };
 
 export type ToggleableSetting = "ON" | "OFF";