Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -1096,7 +1096,7 @@ const Refinity: React.FC = () => {
           initialTranslation={taskVersions.find(v => v.id === currentVersionId)?.content || ''}
           onBack={()=>setStage('flow')}
           onSave={handleSaveRevision}
-          onSaveEdit={(text)=>{ if (editingVersionId) { return saveEditedVersion(editingVersionId, text); } }}
+          onSaveEdit={editingVersionId ? ((text)=>saveEditedVersion(editingVersionId, text)) : undefined}
           taskTitle={task?.title || 'Task'}
           username={username}
           nextVersionNumber={((versions.filter(v=>v.taskId===(task?.id||'')).slice(-1)[0]?.versionNumber) || 0) + 1}
@@ -1214,7 +1214,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
       if (pos < start) html += escapeHtml(textValue.slice(pos, start));
       const cls = CATEGORY_CLASS[a.category] || 'bg-gray-100';
       const span = escapeHtml(textValue.slice(start, end)) || '&nbsp;';
-      html += `<span data-anno-id="${a.id}" class="inline rounded-[4px] ${cls} pointer-events-auto cursor-pointer" title="${a.category}${a.comment ? ': '+escapeHtml(a.comment) : ''}">${span}</span>`;
+      html += `<span data-anno-id="${a.id}" class="inline rounded-[4px] ${cls}" title="${a.category}${a.comment ? ': '+escapeHtml(a.comment) : ''}">${span}</span>`;
       pos = end;
     }
     if (pos < textValue.length) html += escapeHtml(textValue.slice(pos));
@@ -1288,6 +1288,14 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
     return () => window.removeEventListener('resize', onResize);
   }, []);
 
+  // Keep overlay aligned with textarea scroll position across renders/toggles
+  React.useLayoutEffect(() => {
+    const ta = taRef.current;
+    const ov = overlayRef.current;
+    if (!ta || !ov) return;
+    ov.style.transform = `translateY(-${ta.scrollTop}px)`;
+  }, [showAnnotations, text, textareaHeight, isFullscreen]);
+
   const save = async ()=>{
     setSaving(true);
     try {
@@ -1366,8 +1374,8 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
             {/* Overlay highlights rendered above, but non-interactive; textarea handles selection */}
             <div
               ref={overlayRef}
-              className="pointer-events-none absolute inset-0 rounded-lg px-4 py-3 whitespace-pre-wrap text-gray-900 overflow-hidden z-0 text-base leading-relaxed will-change-transform"
-              style={{ minHeight: textareaHeight, height: textareaHeight, maxHeight: textareaHeight, transform: 'translateY(0px)' }}
+              className="pointer-events-none select-none absolute inset-0 rounded-lg px-4 py-3 whitespace-pre-wrap overflow-visible z-10 text-base leading-relaxed will-change-transform font-sans tracking-normal"
+              style={{ minHeight: textareaHeight, height: textareaHeight, maxHeight: textareaHeight, opacity: showAnnotations ? 1 : 0, color: 'transparent' }}
               dangerouslySetInnerHTML={{ __html: renderAnnotatedHtml(text) }}
             />
             <textarea 
@@ -1391,7 +1399,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
               }}
               onScroll={(e)=>{ const el = e.currentTarget; if (overlayRef.current) { overlayRef.current.style.transform = `translateY(-${el.scrollTop}px)`; } }}
               onKeyUp={updateSelectionPopover}
-              className="relative z-10 w-full px-4 py-3 border border-ui-border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 bg-white text-base leading-relaxed" 
+              className="relative z-0 w-full px-4 py-3 border border-ui-border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 bg-white text-base leading-relaxed font-sans tracking-normal" 
               style={{ 
                 minHeight: textareaHeight,
                 height: textareaHeight,
@@ -1399,7 +1407,7 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
                 resize: 'none',
                 overflowY: 'auto',
                 background: 'transparent',
-                color: 'transparent' as any,
+                color: '#111827' as any,
                 caretColor: '#111827'
               }} 
             />