From 09a42a943ab3ab490ccc0a9585dcbc25c6fdba5c Mon Sep 17 00:00:00 2001 From: chihlasm Date: Fri, 20 Mar 2026 05:50:49 +0000 Subject: [PATCH] =?UTF-8?q?fix(flowpilot):=20use=20calc(100vh-56px)=20for?= =?UTF-8?q?=20session=20page=20height=20=E2=80=94=20matches=20tree=20edito?= =?UTF-8?q?r=20pattern?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The flex height chain through grid → main → outlet → page doesn't reliably constrain height, causing the action bar to overflow below viewport. The tree editor already solves this with h-[calc(100vh-56px)] (subtracting the topbar). Apply the same proven pattern to FlowPilotSessionPage. Co-Authored-By: Claude Opus 4.6 (1M context) --- frontend/src/pages/FlowPilotSessionPage.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/frontend/src/pages/FlowPilotSessionPage.tsx b/frontend/src/pages/FlowPilotSessionPage.tsx index 1e138719..db549cbd 100644 --- a/frontend/src/pages/FlowPilotSessionPage.tsx +++ b/frontend/src/pages/FlowPilotSessionPage.tsx @@ -139,9 +139,11 @@ export default function FlowPilotSessionPage() { ) } - // Active/completed session + // Active/completed session — use calc(100vh-56px) to match tree editor pattern + // (56px = topbar height). This bypasses the flex height chain which doesn't + // reliably propagate through the grid → main → outlet → page chain. return ( -
+
{/* Header */}