Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -224,18 +224,7 @@ const Refinity: React.FC = () => {
     return Math.min(Math.max(taskVersions.length - 1, 0), flowIndex);
   }, [taskVersions, currentVersionId, flowIndex]);
 
-  // Keyboard navigation for cover flow
-  React.useEffect(() => {
-    const handler = (e: KeyboardEvent) => {
-      if (e.key === 'ArrowLeft') {
-        setFlowIndex(i => Math.max(i - 1, 0));
-      } else if (e.key === 'ArrowRight') {
-        setFlowIndex(i => Math.min(i + 1, Math.max(taskVersions.length - 1, 0)));
-      }
-    };
-    window.addEventListener('keydown', handler);
-    return () => window.removeEventListener('keydown', handler);
-  }, [taskVersions.length]);
+  // Keyboard navigation disabled per request (use arrow buttons only)
 
   const uploadDocx = async (file: File) => {
     setUploading(true);
@@ -804,7 +793,7 @@ const Refinity: React.FC = () => {
               }}
               observer
               observeParents
-              grabCursor
+              allowTouchMove={false}
               coverflowEffect={{ rotate: 0, stretch: 0, depth: 80, modifier: 1, slideShadows: false }}
               className="mySwiper !px-4 overflow-visible pb-2"
               style={{ height: isFullscreen ? 'calc(100vh - 96px)' : 'min(76vh, calc(100vh - 220px))', minHeight: '340px' }}
@@ -1314,8 +1303,17 @@ const EditorPane: React.FC<{ source: string; initialTranslation: string; onBack:
     const rect = offsetsToClientRect(ov, s, e);
     if (!rect) { setPopover(null); return; }
     const wrect = wrap.getBoundingClientRect();
-    setPopover({ left: Math.max(8, rect.right - wrect.left + 8), top: Math.max(8, rect.top - wrect.top - 8), start: s, end: e });
-  }, [showAnnotations]);
+    const btnW = 120, btnH = 30, padding = 6;
+    // Center over the selection; clamp within container
+    let left = rect.left - wrect.left + (rect.width - btnW) / 2;
+    left = Math.max(padding, Math.min(left, wrect.width - btnW - padding));
+    // Prefer above the selection; if not enough space, place below
+    let top = rect.top - wrect.top - btnH - padding;
+    if (top < padding) {
+      top = rect.bottom - wrect.top + padding;
+    }
+    setPopover({ left, top, start: s, end: e });
+  }, []);
 
   React.useEffect(() => {
     if (sourceRef.current) {