fix(framework-editor): flip Linked Controls panel up when clipped (FRAME-8)

[tofikwest]

What

Stops the Linked Controls panel from being clipped at the bottom of a framework.

Why (FRAME-8)

The panel always opened downward (absolute top-0). On rows near the bottom of the table it extended past the overflow-auto scroll container and was cut off — "you cannot see any more."

Joe suggested adding whitespace at the bottom. That's a workaround; the robust fix is to open the panel upward when there isn't room below — the same heuristic ComboboxCell already uses in this table.

Changes

RelationalCell:

• On open, measure space below the cell (window.innerHeight - rect.bottom).
• If under ~340px (the panel's max height), anchor the panel to bottom-0 (grows up) instead of top-0 (grows down).

3-line behavioral change, no layout/structure churn, no permanent empty whitespace.

Testing

• RelationalCell.test.tsx: added 2 tests — opens down with room below, flips up when the cell sits near the viewport bottom. 5 tests pass.
• npx turbo run typecheck --filter=@trycompai/framework-editor: clean.

Frontend-only. Worth a quick visual check on the preview (open Linked Controls on the last row of a long framework).

🤖 Generated with Claude Code

---

Summary by cubic

Fixes the Linked Controls panel being cut off at the bottom of the Framework Editor by flipping it upward when there isn’t enough space below, matching ComboboxCell behavior. Addresses Linear FRAME-8 without adding whitespace to the table.

• Bug Fixes
  • In RelationalCell, measure space below the trigger on open and anchor the panel to bottom-0 when space is < ~340px; otherwise use top-0.
  • Adds tests to verify opening downward with room and flipping upward near the viewport bottom.

^{Written for commit 3d12388. Summary will update on new commits.}

[linear]

FRAME-8

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
app	Ready	Preview, Comment	Jun 12, 2026 6:43pm
comp-framework-editor	Ready	Preview, Comment	Jun 12, 2026 6:43pm
portal	Ready	Preview, Comment	Jun 12, 2026 6:43pm

[cubic-dev-ai]

cubic analysis

No issues found across 2 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

Linked issue analysis

Linked issue: FRAME-8: Frameworks Editor -> Editing controls list disappears at the bottom of a framework

Status	Acceptance criteria	Notes
✅	Panel opens downward (top-0) when there is enough space below the cell	RelationalCell sets dropUp based on available space and uses top-0 when dropUp is false; a test asserts the panel class contains top-0 when there is room.
✅	Panel flips upward (bottom-0) when the cell is near the viewport bottom so the panel is not clipped	On open the code measures window.innerHeight - rect.bottom and sets dropUp when space is < ~340px, and the class toggles to bottom-0; a test mocks a low rect.bottom and asserts bottom-0 is applied.
✅	Does not add permanent whitespace or change layout structure (no workaround whitespace required)	Change is a behavioral toggle (dropUp) with no added layout elements or permanent padding; PR description and diffs show no whitespace insertion.

_{Re-trigger cubic}