Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -1643,6 +1643,36 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
     if (pos < textValue.length) html += escapeHtml(textValue.slice(pos));
     return html;
   }
+  // Adjust annotations when text changes so highlights track or are removed
+  const adjustAnnotationsForEdit = React.useCallback((oldText: string, newText: string) => {
+    if (oldText === newText) return;
+    const oldLen = oldText.length, newLen = newText.length;
+    let i = 0;
+    while (i < oldLen && i < newLen && oldText[i] === newText[i]) i++;
+    let a = oldLen - 1, b = newLen - 1;
+    while (a >= i && b >= i && oldText[a] === newText[b]) { a--; b--; }
+    const oldEditStart = i;
+    const oldEditEnd = a + 1;           // [oldEditStart, oldEditEnd) replaced
+    const delta = (b + 1) - (a + 1);    // change in length
+    setAnnotations(prev => {
+      const others = prev.filter(p => p.versionId !== versionId);
+      const mine = prev.filter(p => p.versionId === versionId);
+      const adjusted: Ann[] = [];
+      mine.forEach(ann => {
+        if (ann.end <= oldEditStart) {
+          // entirely before edit region
+          adjusted.push(ann);
+        } else if (ann.start >= oldEditEnd) {
+          // entirely after edit region → shift by delta
+          adjusted.push({ ...ann, start: ann.start + delta, end: ann.end + delta });
+        } else {
+          // overlaps the edited region → remove (treat highlight as deleted with text)
+          // do nothing (drop this annotation)
+        }
+      });
+      return [...others, ...adjusted];
+    });
+  }, [versionId, setAnnotations]);
   function offsetsToClientRect(container: HTMLElement, start: number, end: number): DOMRect | null {
     const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT, null);
     let charCount = 0;
@@ -1822,6 +1852,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
                 const val = e.target.value;
                 if (!commentsSaved) return; // locked
                 setDirty(true);
+                adjustAnnotationsForEdit(text, val);
                 setText(val);
               }} 
               onMouseUp={()=>{