fix(web): preserve face bounding boxes during face editing

Change-Id: I2370565cd8f706ab4d130e83241ddf086a6a6964
2026-05-16 04:22:17 -04:00 · 2026-05-04 13:12:13 +00:00
1 changed files with 12 additions and 2 deletions
@@ -145,6 +145,7 @@
      selectedPersonToCreate[editedFace.id] = newFeaturePhoto;
    }
    showSelectedFaces = false;
+    assetViewerManager.clearHighlightedFaces();
  };

  const handleReassignFace = (person: PersonResponseDto | null) => {
@@ -152,11 +153,13 @@
      selectedPersonToReassign[editedFace.id] = person;
    }
    showSelectedFaces = false;
+    assetViewerManager.clearHighlightedFaces();
  };

  const handleFacePicker = (face: AssetFaceResponseDto) => {
    editedFace = face;
    showSelectedFaces = true;
+    assetViewerManager.setHighlightedFaces([face]);
  };

  const deleteAssetFace = async (face: AssetFaceResponseDto) => {
@@ -246,7 +249,11 @@
              class="absolute inset-s-0 top-0 size-22.5 cursor-default"
              onfocus={() => assetViewerManager.setHighlightedFaces([peopleWithFaces[index]])}
              onpointerenter={() => assetViewerManager.setHighlightedFaces([peopleWithFaces[index]])}
-              onpointerleave={() => assetViewerManager.clearHighlightedFaces()}
+              onpointerleave={() => {
+                if (!showSelectedFaces) {
+                  assetViewerManager.clearHighlightedFaces();
+                }
+              }}
            >
              <div class="relative">
                {#if selectedPersonToCreate[face.id]}
@@ -383,7 +390,10 @@
    {editedFace}
    {assetId}
    {assetType}
-    onClose={() => (showSelectedFaces = false)}
+    onClose={() => {
+      showSelectedFaces = false;
+      assetViewerManager.clearHighlightedFaces();
+    }}
    onCreatePerson={handleCreatePerson}
    onReassign={handleReassignFace}
  />