Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -420,8 +420,8 @@ const Refinity: React.FC = () => {
                 return (
                   <SwiperSlide key={v.id} style={{ width: 'clamp(320px, 48vw, 720px)', height: isFullscreen ? '72vh' : '62.4vh' }}>
                     <div className={`relative h-full rounded-2xl p-6 bg-white ring-1 ring-gray-200 shadow-xl text-base overflow-hidden flex flex-col ${isCenter ? 'z-10' : 'opacity-95 z-0'}`}>
-                      <div className={`ref-card-overlay ${isCenter ? '' : ''} absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
-                      <div className={`ref-card-overlay ${isCenter ? '' : ''} absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-30`} />
+                      <div className={`ref-card-overlay absolute inset-0 rounded-2xl opacity-40 [background:linear-gradient(to_bottom,rgba(255,255,255,0.45),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]`} />
+                      <div className={`ref-card-overlay 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>
@@ -519,11 +519,10 @@ const Refinity: React.FC = () => {
               .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { top: 50% !important; transform: translateY(-50%); }
               .mySwiper .swiper-button-prev:after, .mySwiper .swiper-button-next:after { font-size: 18px; color: #94a3b8; }
               .mySwiper .swiper-slide-active { z-index: 50 !important; }
-              /* Active slide receives pointer events; non-active decorative overlays ignore events */
-              .mySwiper .swiper-slide:not(.swiper-slide-active) .ref-card-overlay { pointer-events: none; }
-              /* Do not let pagination/arrows steal clicks from active slide action bar */
-              .mySwiper .swiper-pagination, .mySwiper .swiper-button-prev, .mySwiper .swiper-button-next { pointer-events: none; }
-              .mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; }
+              /* Decorative overlays should never capture clicks */
+              .mySwiper .ref-card-overlay { pointer-events: none; }
+              /* Let arrows/pagination operate normally, but not over the action bar */
+              .mySwiper .swiper-slide-active .ref-action-bar, .mySwiper .swiper-slide-active .ref-action-bar * { pointer-events: auto; position: relative; z-index: 30; }
             ` }} />
           </div>
           {compareModalOpen && (

client/src/pages/Toolkit.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import SyntaxReorderer from '../components/SyntaxReorderer';
+// Syntax Reorderer removed per request
 import Refinity from '../components/Refinity';
 import { api } from '../services/api';
 import { 
@@ -10,7 +10,7 @@ import {
   ArrowsRightLeftIcon
 } from '@heroicons/react/24/outline';
 
-type ToolKey = 'quality-lens' | 'mymemory' | 'dictionary' | 'syntax-reorderer' | 'mt' | 'links' | 'refinity';
+type ToolKey = 'quality-lens' | 'mymemory' | 'dictionary' | 'mt' | 'links' | 'refinity';
 
 interface MyMemoryResponse {
   responseData?: {
@@ -70,7 +70,9 @@ const Toolkit: React.FC = () => {
   const [isAdmin, setIsAdmin] = useState(false);
   const [editItem, setEditItem] = useState<{ _id?: string; title?: string; url?: string; desc?: string; order?: number } | null>(null);
   const [selectedTool, setSelectedTool] = useState<ToolKey>(() => {
-    return (localStorage.getItem('selectedToolkitTool') as ToolKey) || 'quality-lens';
+    const raw = (localStorage.getItem('selectedToolkitTool') as ToolKey) || 'refinity';
+    const allowed = new Set(['quality-lens','mymemory','dictionary','mt','links','refinity']);
+    return (allowed.has(raw as any) ? raw : 'refinity') as ToolKey;
   });
   const [isToolTransitioning, setIsToolTransitioning] = useState(false);
   const [iframeLoading, setIframeLoading] = useState(true);
@@ -126,7 +128,6 @@ const Toolkit: React.FC = () => {
       { key: 'quality-lens' as ToolKey, name: 'Quality Lens', desc: 'BLASER/COMET QE + Hallucination', type: 'iframe' },
       { key: 'mymemory' as ToolKey, name: 'MyMemory', desc: 'Public MT memory lookup', type: 'native' },
       { key: 'dictionary' as ToolKey, name: 'Dictionary (EN⇄ZH)', desc: 'Iciba suggest', type: 'native' },
-      { key: 'syntax-reorderer' as ToolKey, name: 'Syntax Reorderer', desc: 'EN↔ZH structural practice', type: 'native' },
       { key: 'refinity' as ToolKey, name: 'Refinity', desc: 'Version flow, compare, and revise', type: 'native' },
       { key: 'links' as ToolKey, name: 'Useful Links', desc: 'Curated external resources', type: 'native' }
     ];
@@ -616,22 +617,7 @@ const Toolkit: React.FC = () => {
                 </div>
               )}
 
-              {selectedTool === 'syntax-reorderer' && (
-                <div>
-                  <div className="flex items-center space-x-3 mb-4">
-                    <div className="bg-amber-600 rounded-lg p-2">
-                      <DocumentTextIcon className="h-5 w-5 text-white" />
-                    </div>
-                    <div>
-                      <h3 className="text-amber-900 font-semibold text-xl">Syntax Reorderer (EN↔ZH)</h3>
-                      <p className="text-gray-600 text-sm">Label chunks, assign roles, and reorder to practice structural shifts.</p>
-                    </div>
-                  </div>
-                  <div className="border rounded-lg overflow-hidden">
-                    <SyntaxReorderer />
-                  </div>
-                </div>
-              )}
+              {/* Syntax Reorderer removed */}
 
               {selectedTool === 'refinity' && (
                 <div>