Upload folder using huggingface_hub

client/src/components/Refinity.tsx

@@ -1556,7 +1556,8 @@ const PreviewPane: React.FC<{ version: Version | null; onBack: ()=>void; onEdit:
   };
   return (
     <div>
-      <div className="relative rounded-xl ring-1 ring-gray-200 bg-stone-50 shadow-sm">
+      <div className="relative rounded-xl ring-1 ring-gray-200 shadow-sm overflow-hidden">
+        <div className="absolute inset-0 rounded-xl bg-gradient-to-br from-orange-50 via-amber-50 to-white" />
         <div className="relative rounded-xl p-6">
           {!showDiff && (
             <div className="relative whitespace-pre-wrap text-gray-900 min-h-[220px]">{version.content}</div>
@@ -1567,7 +1568,14 @@ const PreviewPane: React.FC<{ version: Version | null; onBack: ()=>void; onEdit:
         </div>
       </div>
       <div className="mt-4 flex gap-3">
-        <button onClick={onEdit} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-indigo-600/70 active:translate-y-0.5 transition-all duration-200">Revise</button>
+        <button
+          onClick={onEdit}
+          className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-2xl text-white ring-1 ring-inset ring-white/50 backdrop-blur-md backdrop-brightness-110 backdrop-saturate-150 bg-orange-600/70 hover:bg-orange-700 active:translate-y-0.5 transition-all duration-200"
+        >
+          <div className="pointer-events-none absolute inset-0 rounded-2xl opacity-60 [background:linear-gradient(to_bottom,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%),linear-gradient(to_right,rgba(255,255,255,0.35),rgba(255,255,255,0)_28%)]" />
+          <div className="pointer-events-none absolute inset-0 rounded-2xl bg-gradient-to-tr from-white/30 via-white/10 to-transparent opacity-50" />
+          <span className="relative z-10">Revise</span>
+        </button>
         <button onClick={onBack} className="relative overflow-hidden inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium rounded-2xl text-black ring-1 ring-inset ring-white/50 backdrop-blur-md bg-white/30 active:translate-y-0.5 transition-all duration-200">Back</button>
         {/* Compare removed in revision mode per request */}
       </div>