From cde2b851483f3a48820e31e9376598b74b54e456 Mon Sep 17 00:00:00 2001
From: ChrisScott9456 <christopherscott9456@gmail.com>
Date: Sun, 28 Jun 2026 20:56:46 -0400
Subject: [PATCH] Style edited fields in metadata editor

---
 .../features/tag-editor/components/song-edit-modal.tsx        | 1 +
 .../features/tag-editor/components/tag-field-row.module.css   | 4 ++++
 src/renderer/features/tag-editor/components/tag-field-row.tsx | 4 +++-
 src/renderer/features/tag-editor/hooks/use-metadata-editor.ts | 1 +
 4 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/tag-editor/components/song-edit-modal.tsx b/src/renderer/features/tag-editor/components/song-edit-modal.tsx
index f20d7eeb5..b41381c66 100644
--- a/src/renderer/features/tag-editor/components/song-edit-modal.tsx
+++ b/src/renderer/features/tag-editor/components/song-edit-modal.tsx
@@ -104,6 +104,7 @@ export const SongEditModal = ({ songs }: { songs: Song[] }) => {
                                 <Table.Tbody>
                                     {editor.sortedFieldEntries.map(([key, value]) => (
                                         <TagFieldRow
+                                            isDirty={key in editor.editedFields}
                                             isMixed={editor.mixedKeys.has(key)}
                                             key={key}
                                             meta={editor.getFieldMeta(key)}
diff --git a/src/renderer/features/tag-editor/components/tag-field-row.module.css b/src/renderer/features/tag-editor/components/tag-field-row.module.css
index db922c226..75dd41843 100644
--- a/src/renderer/features/tag-editor/components/tag-field-row.module.css
+++ b/src/renderer/features/tag-editor/components/tag-field-row.module.css
@@ -6,3 +6,7 @@
     font-size: 1.05rem;
     line-height: 1;
 }
+
+.dirty-label {
+    box-shadow: inset 2px 0 0 var(--mantine-primary-color-filled);
+}
diff --git a/src/renderer/features/tag-editor/components/tag-field-row.tsx b/src/renderer/features/tag-editor/components/tag-field-row.tsx
index f89b8ecb2..51bcd616f 100644
--- a/src/renderer/features/tag-editor/components/tag-field-row.tsx
+++ b/src/renderer/features/tag-editor/components/tag-field-row.tsx
@@ -12,6 +12,7 @@ import { TextInput } from '/@/shared/components/text-input/text-input';
 import { Textarea } from '/@/shared/components/textarea/textarea';
 
 interface TagFieldRowProps {
+    isDirty?: boolean;
     isMixed: boolean;
     meta: KnownTag;
     mixedPlaceholder?: string;
@@ -22,6 +23,7 @@ interface TagFieldRowProps {
 }
 
 export const TagFieldRow = ({
+    isDirty,
     isMixed,
     meta,
     mixedPlaceholder,
@@ -31,7 +33,7 @@ export const TagFieldRow = ({
     value,
 }: TagFieldRowProps) => (
     <Table.Tr data-field-key={tagKey} key={tagKey}>
-        <Table.Th>{meta.label}</Table.Th>
+        <Table.Th className={isDirty ? styles.dirtyLabel : undefined}>{meta.label}</Table.Th>
         <Table.Td>
             {meta.type === 'textarea' ? (
                 <Textarea
diff --git a/src/renderer/features/tag-editor/hooks/use-metadata-editor.ts b/src/renderer/features/tag-editor/hooks/use-metadata-editor.ts
index 37d96e1fb..9668e1523 100644
--- a/src/renderer/features/tag-editor/hooks/use-metadata-editor.ts
+++ b/src/renderer/features/tag-editor/hooks/use-metadata-editor.ts
@@ -323,6 +323,7 @@ export const useMetadataEditor = ({ browser, songs: songsProp, utils }: UseMetad
         artworkDisplayUrl,
         artworkIsMixed,
         availableToAdd,
+        editedFields,
         error,
         getFieldMeta,
         handleAddField,