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 bottom-0 border-r border-ui-border bg-ui-panel/80 backdrop-blur z-40 sidebar-shell">
+        <aside className="hidden md:flex md:flex-col w-60 fixed top-14 left-0 bottom-0 border-r border-ui-border bg-ui-panel/80 backdrop-blur z-30 sidebar-shell">
           <nav className="p-4 space-y-2 flex-1 sidebar-nav">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;

client/src/index.css

@@ -136,8 +136,8 @@ html.is-chrome body { overscroll-behavior: contain; }
 
 /* Chrome-only sidebar opacity + blur look */
 html.is-chrome .sidebar-shell { background: rgba(255,255,255,0.9); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
-html.is-chrome .sidebar-nav { position: fixed; top: 60px; left: 0; width: 15rem; z-index: 31; }
-html.is-chrome .sidebar-footer { position: fixed; bottom: 0; left: 0; width: 15rem; background: transparent; z-index: 31; }
+html.is-chrome .sidebar-nav { position: fixed; top: 72px; left: 0; width: 15rem; }
+html.is-chrome .sidebar-footer { position: fixed; bottom: 0; left: 0; width: 15rem; background: transparent; }
 html.is-chrome .sidebar-shell { overflow: visible; }
 /* Ensure links remain clickable */
 html.is-chrome .sidebar-shell a { pointer-events: auto; }