From f42679139c0b4f833e4c9c6f6c4b51c756d50835 Mon Sep 17 00:00:00 2001
From: Dean Stratakos <29683763+dastratakos@users.noreply.github.com>
Date: Mon, 4 May 2026 14:52:08 -0700
Subject: [PATCH 1/2] feat(web): add CTA link to stagereview.app in topbar

Help local CLI users discover the full hosted experience by adding
a subtle "Try the full Stage experience" link in the topbar.
---
 packages/web/src/components/layout/topbar.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/web/src/components/layout/topbar.tsx b/packages/web/src/components/layout/topbar.tsx
index eef7c64..211d3de 100644
--- a/packages/web/src/components/layout/topbar.tsx
+++ b/packages/web/src/components/layout/topbar.tsx
@@ -1,3 +1,4 @@
+import { ExternalLink } from "lucide-react";
 import { ThemeToggle } from "@/components/layout/theme-toggle";
 import { useChapters } from "@/lib/use-chapters";
 
@@ -11,6 +12,15 @@ export function Topbar({ runId }: { runId: string | null }) {
 				{repoName && <span className="truncate font-medium text-foreground">{repoName}</span>}
 			</div>
 			<div className="flex shrink-0 items-center gap-2">
+				<a
+					href="https://stagereview.app"
+					target="_blank"
+					rel="noopener noreferrer"
+					className="flex items-center gap-1.5 text-muted-foreground text-sm transition-colors hover:text-foreground"
+				>
+					Try the full Stage experience
+					<ExternalLink className="size-3.5" />
+				</a>
 				<ThemeToggle />
 			</div>
 		</header>

From 03a48a07aa435b5cb40aba7e865ce2420e88d795 Mon Sep 17 00:00:00 2001
From: Dean Stratakos <29683763+dastratakos@users.noreply.github.com>
Date: Mon, 4 May 2026 15:00:36 -0700
Subject: [PATCH 2/2] style(web): use outline button for topbar CTA
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Match the Sign In button styling from the hosted landing page —
border, rounded-lg, and accent hover background.
---
 packages/web/src/components/layout/topbar.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/packages/web/src/components/layout/topbar.tsx b/packages/web/src/components/layout/topbar.tsx
index 211d3de..9013a8e 100644
--- a/packages/web/src/components/layout/topbar.tsx
+++ b/packages/web/src/components/layout/topbar.tsx
@@ -1,5 +1,6 @@
 import { ExternalLink } from "lucide-react";
 import { ThemeToggle } from "@/components/layout/theme-toggle";
+import { Button } from "@/components/ui/button";
 import { useChapters } from "@/lib/use-chapters";
 
 export function Topbar({ runId }: { runId: string | null }) {
@@ -12,15 +13,12 @@ export function Topbar({ runId }: { runId: string | null }) {
 				{repoName && <span className="truncate font-medium text-foreground">{repoName}</span>}
 			</div>
 			<div className="flex shrink-0 items-center gap-2">
-				<a
-					href="https://stagereview.app"
-					target="_blank"
-					rel="noopener noreferrer"
-					className="flex items-center gap-1.5 text-muted-foreground text-sm transition-colors hover:text-foreground"
-				>
-					Try the full Stage experience
-					<ExternalLink className="size-3.5" />
-				</a>
+				<Button asChild variant="outline" size="sm">
+					<a href="https://stagereview.app" target="_blank" rel="noopener noreferrer">
+						Try the full Stage experience
+						<ExternalLink />
+					</a>
+				</Button>
 				<ThemeToggle />
 			</div>
 		</header>