fix(canvas): restore left project sidebar

src/components/layout/MainLayout.tsx

@@ -79,20 +79,18 @@ export function MainLayout() {
         integrated
         workspaceLayout={isChatWorkspace}
         overlay={isPaintingModule}
-        showSidebarControls={!isCanvasWorkspace}
         sidebarPeekOpen={sidebarPeekOpen}
         onSidebarPeekChange={handleSidebarPeekChange}
       />
 
       {/* Below the title bar: sidebar + content */}
       <div className="relative flex min-h-0 flex-1 overflow-hidden">
-        {!isCanvasWorkspace ? (
-          <Sidebar
-            workspaceLayout={isChatWorkspace}
-            sidebarPeekOpen={sidebarPeekOpen}
-            onSidebarPeekChange={handleSidebarPeekChange}
-          />
-        ) : null}
+        <Sidebar
+          workspaceLayout={isChatWorkspace}
+          hideOnCompact={isCanvasWorkspace}
+          sidebarPeekOpen={sidebarPeekOpen}
+          onSidebarPeekChange={handleSidebarPeekChange}
+        />
         <main
           data-testid="main-content"
           className={cn(

src/components/layout/Sidebar.tsx

@@ -151,11 +151,17 @@ function getCoarsePointLabel(balance: WorksTokenPointBalance | null): string {
 
 type SidebarProps = {
   workspaceLayout?: boolean;
+  hideOnCompact?: boolean;
   sidebarPeekOpen?: boolean;
   onSidebarPeekChange?: (open: boolean, source: SidebarPeekSource) => void;
 };
 
-export function Sidebar({ workspaceLayout = false, sidebarPeekOpen = false, onSidebarPeekChange }: SidebarProps = {}) {
+export function Sidebar({
+  workspaceLayout = false,
+  hideOnCompact = false,
+  sidebarPeekOpen = false,
+  onSidebarPeekChange,
+}: SidebarProps = {}) {
   const { t } = useTranslation('common');
   const sidebarPinnedCollapsed = useSettingsStore((state) => state.sidebarCollapsed);
   const sidebarCollapsed = sidebarPinnedCollapsed && !sidebarPeekOpen;
@@ -544,6 +550,7 @@ export function Sidebar({ workspaceLayout = false, sidebarPeekOpen = false, onSi
         // full window height without reflowing the page underneath it.
         sidebarPinnedCollapsed && 'fixed inset-y-0 left-0 z-[350]',
         sidebarPeekPreview && 'sidebar-peek-surface pt-10 shadow-float',
+        hideOnCompact && 'hidden lg:flex',
       )}
     >
       <div