Upload folder using huggingface_hub

client/src/components/Layout.tsx

@@ -210,7 +210,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
       <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-30 sidebar-shell">
-          <nav className="p-4 space-y-2 flex-1 sidebar-nav">
+          <nav className="p-4 space-y-2 sidebar-nav">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;
               return (

client/src/index.css

@@ -131,8 +131,13 @@ 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); will-change: transform; contain: paint; position: fixed; top: 56px; left: 0; bottom: 0; width: 15rem; display: flex; flex-direction: column; }
-html.is-chrome .sidebar-nav { position: sticky; top: 0; align-self: stretch; }
+html.is-chrome .sidebar-nav { position: static; align-self: stretch; }
 html.is-chrome .sidebar-footer { position: sticky; bottom: 0; background: transparent; }
+html.is-chrome .sidebar-shell { overflow: hidden; }
+html.is-chrome .sidebar-shell::before { content: ''; position: absolute; inset: 0; }
+html.is-chrome .sidebar-shell .sidebar-nav, html.is-chrome .sidebar-shell .sidebar-footer { position: fixed; left: 0; width: 15rem; }
+html.is-chrome .sidebar-shell .sidebar-nav { top: 56px; }
+html.is-chrome .sidebar-shell .sidebar-footer { bottom: 0; }
 
 /* Font exactness tweaks: normalize weights and sizes like Safari */
 html.is-chrome body { font-weight: 400; }