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 sidebar-nav">
+          <nav className="p-4 space-y-2 flex-1 sidebar-nav">
             {navigation.map((item) => {
               const isActive = location.pathname === item.href;
               return (

client/src/index.css

@@ -138,9 +138,8 @@ 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; }
+/* Remove overcomplicated fixed children; rely on fixed aside */
+html.is-chrome .sidebar-shell .sidebar-nav, html.is-chrome .sidebar-shell .sidebar-footer { position: static; width: auto; left: auto; top: auto; bottom: auto; }
 
 /* Font exactness tweaks: normalize weights and sizes like Safari */
 html.is-chrome body { font-weight: 400; }