Open sign-up in a popup window instead of navigating away (draft)

[Yndira-E]

Description

Intercepts clicks on any link to /account/create and opens it in a small, centered popup window (with a dark overlay behind it) instead of navigating away from the site. Falls back to normal full-page navigation on mobile.

This is the popup experience discussed in this thread: https://flowfuse.slack.com/archives/C032Q63FGG1/p1786398271612039

Status

• Product-side support for the popup context (conditional layout + handoff to a full tab past the form step) shipped via [8196] Support popup-window context on the sign-up page (/account/create) flowfuse#8228.
• appURL points at production (https://app.flowfuse.com).
• Still pending a decision on https://github.com/FlowFuse/CloudProject/issues/1538, whether to reuse the existing "above the form" text or add a popup-specific one, since reusing it could be redundant with the left column in the normal full-tab view. See related comments on the PR.

Known, accepted trade-offs:

• The popup briefly flashes open for already-logged-in users before handing off to a full tab, since the marketing site can't reliably check login state before opening it. Only affects that edge case, not the main sign-up flow.
• The popup closes on any window focus (e.g. switching tabs/apps and back), not just a deliberate click outside it. The alternative (not auto-closing) left the popup silently pushed behind the main window while the overlay stayed up, reading as the site being stuck rather than a popup one window over. Since this only ever cancels an unsubmitted form, the simpler behavior was judged the better trade-off.

How to test

1. Click any "Sign up" / "Try for free" CTA on desktop or tablet width.
2. On mobile widths, confirm it still falls back to normal full-page navigation.

Related Issue(s)

FlowFuse/flowfuse#8196 (resolved via #8228)
https://github.com/FlowFuse/CloudProject/issues/1538 (pending)

Checklist

• I have read the contribution guidelines
• I have considered the performance impact of these changes
• Suitable unit/system level tests have been added and they pass
• Documentation has been updated
• For blog PRs, an Art Request has been created (instructions)

[netlify]

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	24a6c0d
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/6a8dd20b7c7a690008c94250
😎 Deploy Preview	https://deploy-preview-5616--flowforge-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 64 (🟢 up 12 from production) Accessibility: 96 (no change from production) Best Practices: 100 (no change from production) SEO: 85 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.