Keep sidebar controls in dedicated left rail

src/server.ts

@@ -24,6 +24,7 @@ const config = loadConfig();
 const mimeTypes = new Map([
   [".html", "text/html; charset=utf-8"],
   [".css", "text/css; charset=utf-8"],
+  [".js", "text/javascript; charset=utf-8"],
   [".ts", "text/javascript; charset=utf-8"],
   [".json", "application/json; charset=utf-8"],
   [".svg", "image/svg+xml"],

src/tailwind.css

@@ -42,7 +42,7 @@
 
 @layer components {
   .catalog-screen { @apply relative grid min-h-screen bg-catalog-surface pl-72; --secondary-track: minmax(240px,292px); --workspace-track: minmax(0,1fr); grid-template-columns: var(--secondary-track) var(--workspace-track); }
-  .catalog-screen.sidebar-collapsed { @apply pl-0; }
+  .catalog-screen.sidebar-collapsed { @apply pl-11; }
   .catalog-screen.secondary-collapsed { --secondary-track: 44px; }
   .catalog-screen.workspace-collapsed { --workspace-track: 44px; }
   .sidebar-drawer { @apply fixed inset-y-0 left-0 z-40 flex w-72 min-h-screen flex-col gap-1.5 overflow-y-auto bg-slate-900 p-1.5 text-[11px] text-slate-200 shadow-xl transition-transform duration-200 ease-out; }
@@ -186,6 +186,7 @@
   .picture-candidate span { @apply min-w-0 truncate; }
   @media (max-width: 980px) {
     .catalog-screen { @apply flex flex-col pl-0; }
+    .catalog-screen.sidebar-collapsed { @apply pl-0; }
     .sidebar-drawer { @apply w-[min(18rem,calc(100vw-1rem))] min-h-0; }
     .sidebar-drawer:not([aria-hidden="true"]) { @apply max-h-screen; }
     .sidebar-drawer[aria-hidden="true"] { @apply -translate-x-full; }