fix: detail panel faces reactivity issues (#28910)

web/src/lib/components/asset-viewer/DetailPanel.svelte

@@ -33,6 +33,7 @@
   import UserAvatar from '../shared-components/UserAvatar.svelte';
   import AlbumListItemDetails from './AlbumListItemDetails.svelte';
   import DetailPanelPeople from '$lib/components/asset-viewer/DetailPanelPeople.svelte';
+  import { faceManager } from '$lib/stores/face.svelte';
 
   interface Props {
     asset: AssetResponseDto;
@@ -97,6 +98,8 @@
   const handleRefreshPeople = async () => {
     asset = await getAssetInfo({ id: asset.id });
     assetViewerManager.closeEditFacesPanel();
+    faceManager.clear();
+    await faceManager.getAssetFaces(asset.id);
   };
 
   const getAssetFolderHref = (asset: AssetResponseDto) => {

web/src/lib/components/asset-viewer/face-editor/FaceEditor.svelte

@@ -3,6 +3,7 @@
   import ImageThumbnail from '$lib/components/assets/thumbnail/ImageThumbnail.svelte';
   import { assetViewerManager } from '$lib/managers/asset-viewer-manager.svelte';
   import FaceCreateTagModal from '$lib/modals/CreateFaceModal.svelte';
+  import { faceManager } from '$lib/stores/face.svelte';
   import { getPeopleThumbnailUrl } from '$lib/utils';
   import { getNaturalSize, scaleToFit } from '$lib/utils/container-utils';
   import { handleError } from '$lib/utils/handle-error';
@@ -326,6 +327,7 @@
       });
 
       await assetViewerManager.setAssetId(assetId);
+      faceManager.clear();
     } catch (error) {
       handleError(error, 'Error tagging face');
     } finally {

web/src/lib/stores/face.svelte.ts

@@ -67,6 +67,7 @@ class FaceManager {
 
   clear() {
     this.#cleared = true;
+    assetCacheManager.clearFaceCache();
     this.#data = [];
   }
 }