From 22e8a82fa140a5c8efa0b7bb226287d92f9c8ab3 Mon Sep 17 00:00:00 2001
From: ConnorYoh <40631091+ConnorYoh@users.noreply.github.com>
Date: Thu, 9 Jul 2026 15:47:37 +0100
Subject: [PATCH] Portal: add 'Open in browser' CTA to the welcome hero (#6944)

## Screenshots

<img width="2522" height="1322" alt="image"
src="https://github.com/user-attachments/assets/010e2dce-00ae-4c7f-8ec8-7e6519beb4cd"
/>
---
 .../editor/public/locales/en-US/translation.toml    |  1 +
 .../editor/src/portal/components/WelcomeBanner.tsx  | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/editor/public/locales/en-US/translation.toml b/frontend/editor/public/locales/en-US/translation.toml
index 2daef44903..100604ac01 100644
--- a/frontend/editor/public/locales/en-US/translation.toml
+++ b/frontend/editor/public/locales/en-US/translation.toml
@@ -7962,6 +7962,7 @@ ariaLabel = "Welcome to Stirling PDF"
 badge = "Open-source"
 installEditor = "Install the Editor"
 inviteTeammates = "Invite teammates"
+openInBrowser = "Open in browser"
 perks = "Free forever · Self-hostable"
 subtitle = "The world's most secure PDF Editor is free for teams of all sizes. Includes 60+ PDF operations and SSO."
 title = "Welcome to"
diff --git a/frontend/editor/src/portal/components/WelcomeBanner.tsx b/frontend/editor/src/portal/components/WelcomeBanner.tsx
index 8e9f71af29..ee64be1011 100644
--- a/frontend/editor/src/portal/components/WelcomeBanner.tsx
+++ b/frontend/editor/src/portal/components/WelcomeBanner.tsx
@@ -2,10 +2,12 @@ import type { ReactNode } from "react";
 import { useTranslation } from "react-i18next";
 import { Button } from "@app/ui";
 import { useView } from "@portal/contexts/ViewContext";
+import { EDITOR_URL } from "@portal/auth/editorUrl";
 import {
   DownloadIcon,
   UsersIcon,
   EditorIcon,
+  ExternalLinkIcon,
   SearchIcon,
   SourcesIcon,
   PoliciesIcon,
@@ -156,13 +158,22 @@ export function WelcomeBanner({ footer }: WelcomeBannerProps) {
           <div className="portal-welcome__cta">
             <Button
               variant="primary"
+              leftSection={<ExternalLinkIcon size={15} />}
+              onClick={() => {
+                window.location.href = EDITOR_URL;
+              }}
+            >
+              {t("portal.welcome.openInBrowser")}
+            </Button>
+            <Button
+              variant="secondary"
               leftSection={<DownloadIcon size={15} />}
               onClick={() => setActiveView("editor")}
             >
               {t("portal.welcome.installEditor")}
             </Button>
             <Button
-              variant="secondary"
+              variant="tertiary"
               leftSection={<UsersIcon size={15} />}
               onClick={() => setActiveView("users")}
             >