Skip to content

fix(desktop): stop new-workspace suggestions overlapping the heading - #6557

Merged
saddlepaddle merged 1 commit into
mainfrom
fix-new-workspace-suggestion-overlap
Aug 17, 2026
Merged

saddlepaddle merged 1 commit into
mainfrom
fix-new-workspace-suggestion-overlap

Conversation

@saddlepaddle

@saddlepaddle saddlepaddle commented Aug 17, 2026 •

Copy link
Copy Markdown
Collaborator

The suggestion cards render straight through the "What should we build next?" heading:

cards overlapping the heading

Cause

The suggestion block is positioned absolute inset-x-6 bottom-full, so it takes no layout space. The heading above it is the flex-1 spacer — it centers itself into whatever room is left, which includes the room the suggestions then draw on top of.

Latent since the screen shipped in #5907; it just needed a tall enough suggestion set to surface. The returning-tier explain-superset card wrapped its title to two lines, which was enough.

Fix

Put the block back in flow. The flex-1 heading absorbs its height, so nothing overlaps at any window height.

The composer does not move as a result: the composer block is bottom-anchored by pb-8 and PromptInput sits below the suggestions inside it, so only the heading recenters. On typing, the suggestions unmount and the heading drifts back down. The root is already overflow-y-auto, so a window too short for both scrolls rather than collides.

Also shortens the explain-superset label to "Get more out of Superset" — one line instead of two, better copy, and it keeps the block shorter regardless of the layout fix.

Verification

bun run typecheck and ./scripts/lint.sh pass. Not visually confirmed in the running app yet — flagging that explicitly rather than implying otherwise. Worth an eyeball on all three arms (control / cards2 / cards4) before this is relied on, since cards4 is the tallest case.


Summary by cubic

Prevents new-workspace suggestion cards from overlapping the "What should we build next?" heading. Previously the suggestions were absolutely positioned and drew over the heading; now the suggestions are in normal flow, so the heading absorbs their height and the composer stays bottom-anchored.

  • Verify layout across prompt card variants (control, cards2, cards4) at various window heights; PromptInput position should be unchanged and the root should scroll when space is tight.
  • Copy tweak: the explain-superset card label is shortened to "Get more out of Superset" to reduce card height.

Written for commit f538316. Summary will update on new commits.

Review in cubic

Summary by CodeRabbit

  • Bug Fixes
    • Sample prompt suggestions now display in normal flow, preventing taller lists from overlapping the heading.
  • UI Updates
    • Shortened the Superset sample prompt label to “Get more out of Superset.”

The suggestion block was positioned `absolute inset-x-6 bottom-full`, so it
took no layout space. The heading above it is the flex-1 spacer, which
therefore centered itself into space the suggestions then drew on top of —
the cards rendered straight through "What should we build next?".

This has been latent since the screen shipped in #5907 and only needed a
tall enough suggestion set to show up. The returning-tier explain-superset
card wrapped its title to two lines, which was enough.

Putting the block back in flow fixes it structurally: the flex-1 heading
absorbs the height, and because the composer block is bottom-anchored and
PromptInput sits below the suggestions, the composer itself does not move —
only the heading recenters. The root is already overflow-y-auto, so windows
too short for both scroll rather than collide.

Also shortens the explain-superset label to "Get more out of Superset" so
the card title fits one line, which is better copy and keeps the block
shorter regardless.
@coderabbitai

coderabbitai Bot commented Aug 17, 2026 •

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 35d03edf-95c0-4f31-a39d-f7da17c7ce95

📥 Commits

Reviewing files that changed from the base of the PR and between 22d642a and f538316.

📒 Files selected for processing (2)
  • apps/desktop/src/renderer/routes/_authenticated/components/DashboardNewWorkspaceModal/components/NewWorkspaceScreen/NewWorkspaceScreen.tsx
  • apps/desktop/src/renderer/routes/_authenticated/components/DashboardNewWorkspaceModal/components/NewWorkspaceScreen/components/SamplePrompts/constants.ts

Included review availability: Your plan includes up to 10 reviews per rolling hour; 2 remain after this review.


📝 Walkthrough

Walkthrough

The new workspace modal now renders sample prompts in normal document flow. This prevents tall prompt sets from overlapping the heading. The Superset prompt label is shorter.

Changes

New workspace sample prompts

Layer / File(s) Summary
Prompt layout and label
apps/desktop/src/renderer/routes/_authenticated/components/DashboardNewWorkspaceModal/components/NewWorkspaceScreen/NewWorkspaceScreen.tsx, apps/desktop/src/renderer/routes/_authenticated/components/DashboardNewWorkspaceModal/components/NewWorkspaceScreen/components/SamplePrompts/constants.ts
The sample prompt container uses in-flow layout with bottom spacing. The explain-superset label changes to “Get more out of Superset.”

Estimated code review effort: 1 (Trivial) | ~5 minutes

Merge Risk: ⚪ Minimal · up to f5383

This localized desktop change keeps suggestion cards in layout flow and shortens one label to prevent heading overlap; no actionable merge-blocking risk remains after normal checks and review.

Possibly related PRs

Suggested reviewers: kitenite

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The title clearly and concisely describes the fix for overlapping new-workspace suggestions and follows conventional commit format.
Description check ✅ Passed The description explains the problem, cause, fix, testing results, and pending visual verification, with a supporting screenshot; the checklist is omitted but non-critical.
Docstring Coverage ✅ Passed Docstring coverage is 100.00% which is sufficient. The required threshold is 80.00%.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix-new-workspace-suggestion-overlap

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@saddlepaddle
saddlepaddle merged commit 2a2abe3 into main Aug 17, 2026
12 checks passed
@github-actions

Copy link
Copy Markdown
Contributor

🧹 Preview Cleanup Complete

The following preview resources have been cleaned up:

  • ⚠️ Neon database branch

Thank you for your contribution! 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant