Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -815,65 +815,9 @@ const Refinity: React.FC = () => {
                         ref={(el)=>{ textRefs.current[v.id]=el; }}
                         className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1 relative`}
                         style={{ maxHeight: 'calc(100% - 10.5rem)', paddingBottom: '0.25rem' }}
-                        onMouseUp={(e)=>{
-                          if (!showAnnotations) return;
-                          const el = textRefs.current[v.id];
-                          if (!el) return;
-                          const sel = window.getSelection();
-                          if (!sel || sel.rangeCount===0) return;
-                          const range = sel.getRangeAt(0);
-                          if (!el.contains(range.startContainer) || !el.contains(range.endContainer)) return;
-                          const text = v.content || '';
-                          const offsets = rangeToOffsets(el, range, text);
-                          if (offsets.end - offsets.start <= 0) {
-                            // caret: open if inside an existing annotation
-                            const inside = (annoForVersion(v.id) || []).find(a => offsets.start >= a.start && offsets.start <= a.end);
-                            if (inside) {
-                              setEditingAnnotation(inside);
-                              setModalCategory(inside.category);
-                              setModalComment(inside.comment || '');
-                              setAnnotationModalOpen(true);
-                            }
-                            setAnnotationPopover(null);
-                            return;
-                          }
-                          const pos = getSelectionPopoverPosition(range, el);
-                          setAnnotationPopover({ left: pos.left, top: pos.top, versionId: v.id, range: offsets });
-                        }}
-                        onClick={(e)=>{
-                          if (!showAnnotations) return;
-                          const target = e.target as HTMLElement;
-                          const id = target?.dataset?.annoId;
-                          if (id) {
-                            e.preventDefault(); e.stopPropagation();
-                            const found = (annoForVersion(v.id) || []).find(a => a.id === id);
-                            if (found) {
-                              setEditingAnnotation(found);
-                              setModalCategory(found.category);
-                              setModalComment(found.comment || '');
-                              setAnnotationModalOpen(true);
-                            }
-                          }
-                        }}
-                        dangerouslySetInnerHTML={{ __html: renderAnnotatedHtml(v.content || '', v.id, showAnnotations) }}
-                      />
-                      {annotationPopover && annotationPopover.versionId===v.id && (
-                        <div className="absolute z-[3500]" style={{ left: annotationPopover.left, top: annotationPopover.top }}>
-                          <button
-                            type="button"
-                            onClick={(e)=>{
-                              e.preventDefault(); e.stopPropagation();
-                              setEditingAnnotation(null);
-                              setModalCategory('distortion');
-                              setModalComment('');
-                              setAnnotationModalOpen(true);
-                            }}
-                            className="inline-flex items-center gap-2 px-2.5 py-1.5 text-xs rounded-full text-white bg-emerald-600 hover:bg-emerald-700 shadow ring-1 ring-white/50"
-                          >
-                            + Comment
-                          </button>
-                        </div>
-                      )}
+                      >
+                        {v.content || ''}
+                      </div>
                       {overflowMap[v.id] && (
                         <div className="pointer-events-none absolute text-gray-700" style={{ left: '1.5rem', bottom: '6rem', zIndex: 2000 }}>…</div>
                       )}
@@ -1612,12 +1556,8 @@ const PreviewPane: React.FC<{ version: Version | null; onBack: ()=>void; onEdit:
   };
   return (
     <div>
-      <div className="mb-3 text-gray-700 text-sm">Original: {version.originalAuthor} · Revised by: {version.revisedBy || '—'} (v{version.versionNumber})</div>
-      <div className="relative rounded-xl">
-        <div className="absolute inset-0 rounded-xl bg-gradient-to-r from-indigo-200/45 via-indigo-100/40 to-indigo-300/45" />
-        <div className="relative rounded-xl bg-white/10 backdrop-blur-md ring-1 ring-inset ring-white/30 shadow-[inset_0_0.5px_0_rgba(255,255,255,0.5),inset_0_-1px_1.5px_rgba(0,0,0,0.12)] p-6">
-          <div className="pointer-events-none absolute inset-0 rounded-xl opacity-50 [background:linear-gradient(to_bottom,rgba(255,255,255,0.3),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.28),rgba(255,255,255,0)_28%)]" />
-          <div className="pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-45" />
+      <div className="relative rounded-xl ring-1 ring-gray-200 bg-stone-50 shadow-sm">
+        <div className="relative rounded-xl p-6">
           {!showDiff && (
             <div className="relative whitespace-pre-wrap text-gray-900 min-h-[220px]">{version.content}</div>
           )}