Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -209,7 +209,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
       {/* Shell: Sidebar + Content */}
       <div className="flex">
         {/* Sidebar */}
-        <aside className="hidden md:flex md:flex-col w-60 fixed top-14 left-0 h-[calc(100vh-56px)] border-r border-ui-border bg-ui-panel/80 backdrop-blur z-30">
+        <aside className="hidden md:flex md:flex-col w-60 fixed top-14 left-0 h-[calc(100vh-56px)] border-r border-ui-border bg-ui-panel/80 backdrop-blur z-30 sidebar-shell">
           <nav className="p-4 space-y-2 flex-1 overflow-auto">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;

client/src/index.css

@@ -116,16 +116,24 @@ html.is-chrome body, html.is-chrome #root {
 html.is-chrome .app-shell { content-visibility: auto; contain-intrinsic-size: 1000px 2000px; }
 
 /* Quick Actions alignment parity with Safari (Chrome only) */
-html.is-chrome .qa-card { min-height: 132px; }
+/* Match Safari layout: no forced min-height on Chrome */
+html.is-chrome .qa-card { min-height: 0; }
 html.is-chrome .qa-card h3 { line-height: 1.25; font-weight: 600; }
 html.is-chrome .qa-card p { line-height: 1.25; }
 html.is-chrome .qa-card .icon-wrap { flex-shrink: 0; }
 /* ensure identical spacing as Safari via explicit margins */
 html.is-chrome .qa-card .icon-wrap + div { margin-left: 1rem; }
+/* center content vertically like Safari */
+html.is-chrome .qa-card > .flex { align-items: center; }
 
 /* Chrome-only: isolate layout/paint for smoother scroll */
 html.is-chrome .qa-grid { contain: layout paint; }
 html.is-chrome .qa-card { will-change: transform; transform: translateZ(0); backface-visibility: hidden; }
+html.is-chrome main { will-change: transform; transform: translateZ(0); }
+html.is-chrome body { overscroll-behavior: contain; }
+
+/* Chrome-only sidebar opacity + blur look */
+html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.88); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
 
 /* Custom scrollbar */
 ::-webkit-scrollbar {