fix: fullscreen action handling for create mode

[vcashwin]

PR Type

Bug fix

---

Description

• Close overlay on fullscreen toggle

• Import and use overlay store hook

---

Changes walkthrough 📝

	Relevant files
Bug fix	MainContent.tsx Add overlay closure in fullscreen handler                                apps/app/components/welcome/featured/MainContent.tsx Added import for useOverlayStore Destructured setIsOverlayOpen from overlay store Wrapped fullscreen button handler to close overlay first +6/-1

---

Need help?

Type /help how to ... in the comments thread for any questions about PR-Agent usage.

Check out the documentation for more information.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
pipelines-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 3, 2025 5:03am

[github-actions]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 2 🔵🔵⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Import Path Consistency The new import of useOverlayStore uses an absolute alias path (@/hooks/useOverlayStore) while other hooks in this file use relative paths, which may lead to inconsistencies or module resolution errors. import { useOverlayStore } from "@/hooks/useOverlayStore"; Missing Tests There are no tests added or updated to validate the new behavior of closing the overlay on fullscreen toggle, leaving this change unverified in the test suite. onClick={() => { setIsOverlayOpen(false); toggleFullscreen(); }}

[github-actions]

PR Code Suggestions ✨

Explore these optional code suggestions:

Category	Suggestion	Impact
Possible issue	Conditionally restore overlay state Restore the overlay state when exiting fullscreen by checking the current isFullscreen value and toggling the overlay accordingly. This ensures the overlay reopens after leaving fullscreen. apps/app/components/welcome/featured/MainContent.tsx [48-51] onClick={() => { - setIsOverlayOpen(false); + const entering = !isFullscreen; toggleFullscreen(); + setIsOverlayOpen(!entering); }} Suggestion importance[1-10]: 7 __ Why: The suggestion ensures the overlay reopens after exiting fullscreen by correctly toggling based on isFullscreen, improving user experience.	Medium