Fix sorting

web/src/pages/FaceLibrary.tsx

@@ -410,22 +410,25 @@ function TrainingGrid({
   const faceGroups = useMemo(() => {
     const groups: { [eventId: string]: RecognizedFaceData[] } = {};
 
-    new Set(attemptImages).forEach((image) => {
+    Array.from(new Set(attemptImages))
-      const parts = image.split("-");
+      .sort()
-      const data = {
+      .reverse()
-        filename: image,
+      .forEach((image) => {
-        timestamp: Number.parseFloat(parts[0]),
+        const parts = image.split("-");
-        eventId: `${parts[0]}-${parts[1]}`,
+        const data = {
-        name: parts[2],
+          filename: image,
-        score: Number.parseFloat(parts[3]),
+          timestamp: Number.parseFloat(parts[0]),
-      };
+          eventId: `${parts[0]}-${parts[1]}`,
+          name: parts[2],
+          score: Number.parseFloat(parts[3]),
+        };
 
-      if (groups[data.eventId]) {
+        if (groups[data.eventId]) {
-        groups[data.eventId].push(data);
+          groups[data.eventId].push(data);
-      } else {
+        } else {
-        groups[data.eventId] = [data];
+          groups[data.eventId] = [data];
-      }
+        }
-    });
+      });
 
     return groups;
   }, [attemptImages]);
@@ -769,7 +772,7 @@ type FaceGridProps = {
   onDelete: (name: string, ids: string[]) => void;
 };
 function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) {
-  const sortedFaces = useMemo(() => [...new Set(faceImages)], [faceImages]);
+  const sortedFaces = useMemo(() => faceImages.sort().reverse(), [faceImages]);
 
   return (
     <div