src/app/[slug]/workflows/layout.tsx

@@ -2,16 +2,18 @@ import type { ReactNode } from "react";
 
 // Workflows is full-bleed — the editor (palette + canvas + inspector)
 // takes the entire content area, so we strip the standard `.content-inner`
-// max-width wrapper. The parent `.content` is already `overflow-y: auto`,
-// so we force `min-height: 0` here to let the editor's own grid fill.
+// max-width wrapper and pin a block container that `.flow` (display:flex,
+// height:100%) fills naturally.
+//
+// Don't make this wrapper `display: flex` — the child `.flow` would then
+// be a non-flex flex-item that shrinks to its fixed-width palette +
+// inspector and leaves the canvas at width 0.
 export default function WorkflowsLayout({ children }: { children: ReactNode }) {
   return (
     <div
       style={{
         position: "absolute",
         inset: 0,
-        display: "flex",
-        minHeight: 0,
         overflow: "hidden",
       }}
     >