From 067e7c9c34be85b2b85294da3605ec59144e3ee4 Mon Sep 17 00:00:00 2001
From: Andreas Heinz <github@a80.net>
Date: Tue, 14 Apr 2026 16:41:27 +0200
Subject: [PATCH] feat(enhancement): for unassigned faces, show small
 notification dot in details panel

---
 .../asset-viewer/detail-panel.svelte          | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/web/src/lib/components/asset-viewer/detail-panel.svelte b/web/src/lib/components/asset-viewer/detail-panel.svelte
index f79a0ecbdc..21723a1fc9 100644
--- a/web/src/lib/components/asset-viewer/detail-panel.svelte
+++ b/web/src/lib/components/asset-viewer/detail-panel.svelte
@@ -211,15 +211,22 @@
           />
 
           {#if people.length > 0 || unassignedFaces.length > 0}
-            <IconButton
-              aria-label={$t('edit_people')}
-              icon={mdiPencil}
-              size="medium"
-              shape="round"
-              color="secondary"
-              variant="ghost"
-              onclick={() => (showEditFaces = true)}
-            />
+            <div class="relative">
+              <IconButton
+                aria-label={$t('edit_people')}
+                icon={mdiPencil}
+                size="medium"
+                shape="round"
+                color="secondary"
+                variant="ghost"
+                onclick={() => (showEditFaces = true)}
+              />
+              {#if unassignedFaces.length > 0}
+                <div
+                  class="pointer-events-none absolute top-0 right-0 h-2.5 w-2.5 rounded-full bg-primary border-2 border-white dark:border-immich-dark-bg"
+                ></div>
+              {/if}
+            </div>
           {/if}
         </div>
       </div>