fix(flowpilot): make action bar fixed to viewport bottom

Previous approach tried to fix the flex height chain, but it proved fragile
across grid → main → outlet → page transitions. New approach: action bar is
position:fixed at the bottom of the viewport, offset by sidebar width via
CSS variable --sidebar-w. Conversation area has pb-20 for clearance.

This works regardless of the height chain, email verification banner,
or any other variable-height elements above the session.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-20 06:00:11 +00:00
parent 09a42a943a
commit 9d202c67f2
3 changed files with 7 additions and 9 deletions

View File

@@ -139,11 +139,9 @@ export default function FlowPilotSessionPage() {
)
}
// 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.
// Active/completed session
return (
<div className="flex h-[calc(100vh-56px)] flex-col overflow-hidden">
<div className="flex h-full flex-col">
{/* Header */}
<div
className="flex items-center gap-3 border-b px-5 py-3 shrink-0"