Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -199,6 +199,10 @@ const Refinity: React.FC = () => {
   React.useEffect(() => {
     recomputeOverflow();
   }, [recomputeOverflow, flowIndex, isFullscreen]);
+  React.useEffect(() => {
+    const id = window.setTimeout(() => recomputeOverflow(), 0);
+    return () => window.clearTimeout(id);
+  }, [versions, flowIndex, isFullscreen, recomputeOverflow]);
   React.useEffect(() => {
     const onResize = () => recomputeOverflow();
     window.addEventListener('resize', onResize);
@@ -541,13 +545,13 @@ const Refinity: React.FC = () => {
                       <div
                         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% - 11.5rem)' }}
+                        style={{ maxHeight: 'calc(100% - 10.5rem)', paddingBottom: '0.25rem' }}
                       >
                         {v.content || ''}
-                        {overflowMap[v.id] && (
-                          <span className="pointer-events-none absolute right-2" style={{ bottom: '8rem' }}>…</span>
-                        )}
                       </div>
+                      {overflowMap[v.id] && (
+                        <div className="pointer-events-none absolute right-2 text-gray-700" style={{ bottom: '7.75rem' }}>…</div>
+                      )}
                       {isCenter && (
                         <div className="action-row absolute left-6 right-6 bottom-6 swiper-no-swiping" data-version-number={v.versionNumber} style={{ pointerEvents: 'auto', transform: 'translateZ(0)', zIndex: 3000 }}>
                           {/* Invisible first child to bypass first-child quirks while matching pill styles (kept in place) */}