Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -183,6 +183,29 @@ const Refinity: React.FC = () => {
     }
   };
 
+  // Flow slide text overflow measurement for multi-line ellipsis indicator
+  const textRefs = React.useRef<{ [id: string]: HTMLDivElement | null }>({});
+  const [overflowMap, setOverflowMap] = React.useState<{ [id: string]: boolean }>({});
+  const recomputeOverflow = React.useCallback(() => {
+    const next: { [id: string]: boolean } = {};
+    try {
+      (versions || []).forEach((v) => {
+        const el = textRefs.current[v.id];
+        if (el) next[v.id] = el.scrollHeight > el.clientHeight + 1;
+      });
+    } catch {}
+    setOverflowMap(next);
+  }, [versions]);
+  React.useEffect(() => {
+    recomputeOverflow();
+  }, [recomputeOverflow, flowIndex, isFullscreen]);
+  React.useEffect(() => {
+    const onResize = () => recomputeOverflow();
+    window.addEventListener('resize', onResize);
+    const id = window.setInterval(onResize, 600);
+    return () => { window.removeEventListener('resize', onResize); window.clearInterval(id); };
+  }, [recomputeOverflow]);
+
   const uploadSourceDoc = async (file: File) => {
     setAddingSourceUploading(true);
     try {
@@ -503,8 +526,6 @@ const Refinity: React.FC = () => {
               style={{ height: isFullscreen ? 'calc(100vh - 96px)' : 'min(76vh, calc(100vh - 220px))', minHeight: '340px' }}
             >
               {taskVersions.map((v, idx) => {
-                const limit = 160;
-                const snippet = (v.content || '').slice(0, limit) + ((v.content || '').length > limit ? '…' : '');
                 const isCenter = idx === flowIndex;
                 return (
                   <SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: isFullscreen ? '72vh' : '62.4vh', zIndex: (idx === flowIndex ? 1000 : (Math.abs(idx - flowIndex) === 1 ? 500 : 1)) }}>
@@ -517,7 +538,16 @@ const Refinity: React.FC = () => {
                       <div className={`ref-card-overlay pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
                       <div className="text-gray-800 text-sm mb-2">Original: {v.originalAuthor}</div>
                       <div className="text-gray-600 text-xs mb-3">Revised by: {v.revisedBy ? `${v.revisedBy} (v${v.versionNumber})` : `— (v${v.versionNumber})`}</div>
-                      <div className={`text-gray-900 whitespace-pre-wrap break-words leading-relaxed flex-1 overflow-hidden pr-1`}>{snippet}</div>
+                      <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={{ paddingBottom: '6.5rem' }}
+                      >
+                        {v.content || ''}
+                        {overflowMap[v.id] && (
+                          <span className="pointer-events-none absolute right-2" style={{ bottom: '5rem' }}>…</span>
+                        )}
+                      </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) */}