From 6a563afb5825abe86371ea4f4cc3faa155eb9827 Mon Sep 17 00:00:00 2001
From: Maksym Yezhov <maxim.ezhov@shopify.com>
Date: Tue, 21 Apr 2026 21:53:15 -0700
Subject: [PATCH] fix: annotations in configuration section respect ignore keys
 list

---
 .../AnnotationsBlock/AnnotationsBlock.tsx          | 14 ++++++++++++--
 .../TaskNode/context/TaskDetails/TaskDetails.tsx   |  6 +++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/routes/v2/pages/Editor/components/AnnotationsBlock/AnnotationsBlock.tsx b/src/routes/v2/pages/Editor/components/AnnotationsBlock/AnnotationsBlock.tsx
index 680da093a..7cf541017 100644
--- a/src/routes/v2/pages/Editor/components/AnnotationsBlock/AnnotationsBlock.tsx
+++ b/src/routes/v2/pages/Editor/components/AnnotationsBlock/AnnotationsBlock.tsx
@@ -114,11 +114,21 @@ function AnnotationRow({ annotation, index, annotations }: AnnotationRowProps) {
     useAnnotationActions();
 
   const handleUpdateKey = (event: ChangeEvent<HTMLInputElement>) => {
-    updateAnnotationKey(annotations, index, event.target.value);
+    const newKey = event.target.value;
+    if (newKey !== annotation.key) {
+      updateAnnotationKey(annotations, index, newKey);
+    }
   };
 
   const handleUpdateValue = (event: ChangeEvent<HTMLInputElement>) => {
-    updateAnnotationValue(annotations, index, String(event.target.value));
+    const newValue = String(event.target.value);
+    const currentValue =
+      typeof annotation.value === "object"
+        ? JSON.stringify(annotation.value)
+        : String(annotation.value ?? "");
+    if (newValue !== currentValue) {
+      updateAnnotationValue(annotations, index, newValue);
+    }
   };
 
   const handleRemove = () => {
diff --git a/src/routes/v2/pages/Editor/nodes/TaskNode/context/TaskDetails/TaskDetails.tsx b/src/routes/v2/pages/Editor/nodes/TaskNode/context/TaskDetails/TaskDetails.tsx
index 0ba784290..896cc858c 100644
--- a/src/routes/v2/pages/Editor/nodes/TaskNode/context/TaskDetails/TaskDetails.tsx
+++ b/src/routes/v2/pages/Editor/nodes/TaskNode/context/TaskDetails/TaskDetails.tsx
@@ -208,7 +208,11 @@ export const TaskDetails = observer(function TaskDetails({
 
             <Separator />
 
-            <AnnotationsBlock annotations={task.annotations} defaultEditing />
+            <AnnotationsBlock
+              annotations={task.annotations}
+              defaultEditing
+              ignoreAnnotationKeys={EDITOR_ANNOTATION_KEYS}
+            />
           </BlockStack>
         </TabsContent>
       </Tabs>