From d3a0155e2598ed9fb72aca2d2d2a06e3f9aeef52 Mon Sep 17 00:00:00 2001
From: Satya Patel <satyapatel111@gmail.com>
Date: Wed, 11 Feb 2026 22:04:56 -0800
Subject: [PATCH 1/2] fix(desktop): add Coming Soon labels to billing plans
 page and improve visibility

Cloud workspaces and Mobile app on the plans comparison page now show
"(Coming Soon)" since they aren't available yet. Also bumped the
Paywall sidebar "Coming Soon" text from 10px/70% opacity to 11px/full
opacity so it's actually readable.
---
 .../components/FeatureSidebar/FeatureSidebar.tsx       |  2 +-
 .../_authenticated/settings/billing/plans/page.tsx     | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
index ea59e7c6043..f1c10c2b5de 100644
--- a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
+++ b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
@@ -85,7 +85,7 @@ function FeatureButton({ feature, isSelected, onSelect }: FeatureButtonProps) {
 					{feature.title}
 				</span>
 				{feature.comingSoon && (
-					<span className="text-[10px] text-muted-foreground/70 font-normal">
+					<span className="text-[11px] text-muted-foreground font-normal">
 						Coming Soon
 					</span>
 				)}
diff --git a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
index 2cc19bb0043..b049bed4329 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
@@ -48,6 +48,7 @@ type ComparisonValue = string | boolean | null;
 type ComparisonRow = {
 	label: string;
 	values: ComparisonValue[];
+	comingSoon?: boolean;
 };
 
 type ComparisonSection = {
@@ -136,10 +137,12 @@ const COMPARISON_SECTIONS: ComparisonSection[] = [
 			{
 				label: "Cloud workspaces",
 				values: [null, true, true],
+				comingSoon: true,
 			},
 			{
 				label: "Mobile app",
 				values: [null, true, true],
+				comingSoon: true,
 			},
 			{
 				label: "Linear integration",
@@ -524,8 +527,13 @@ function PlansPage() {
 
 									return (
 										<Fragment key={row.label}>
-											<div className="flex items-center px-2 py-2.5 text-xs text-muted-foreground">
+											<div className="flex items-center gap-1.5 px-2 py-2.5 text-xs text-muted-foreground">
 												{row.label}
+												{row.comingSoon && (
+													<span className="text-[10px] text-muted-foreground/60">
+														(Coming Soon)
+													</span>
+												)}
 											</div>
 											{row.values.map((value, valueIndex) => (
 												<div

From e12bdf42b61c0f26c467d74f52cd5bd17a322d17 Mon Sep 17 00:00:00 2001
From: Satya Patel <satyapatel111@gmail.com>
Date: Wed, 11 Feb 2026 22:20:10 -0800
Subject: [PATCH 2/2] fix(desktop): improve Coming Soon labels on billing and
 paywall pages

- Plans comparison page: add "(Coming Soon)" to Cloud workspaces and
  Mobile app rows, widen label column from 180px to 240px to prevent
  wrapping
- Paywall sidebar: make "(Coming Soon)" text more visible (11px, full
  opacity) and add parentheses
- Paywall preview: add parentheses to "(Coming Soon)" badge
---
 .../Paywall/components/FeaturePreview/FeaturePreview.tsx        | 2 +-
 .../Paywall/components/FeatureSidebar/FeatureSidebar.tsx        | 2 +-
 .../routes/_authenticated/settings/billing/plans/page.tsx       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
index 3184d93e276..5ba497acbdc 100644
--- a/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
+++ b/apps/desktop/src/renderer/components/Paywall/components/FeaturePreview/FeaturePreview.tsx
@@ -58,7 +58,7 @@ export function FeaturePreview({ selectedFeature }: FeaturePreviewProps) {
 					<Badge variant="default">PRO</Badge>
 					{selectedFeature.comingSoon && (
 						<Badge variant="secondary" className="text-[10px]">
-							Coming Soon
+							(Coming Soon)
 						</Badge>
 					)}
 				</div>
diff --git a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
index f1c10c2b5de..4a1199f62a7 100644
--- a/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
+++ b/apps/desktop/src/renderer/components/Paywall/components/FeatureSidebar/FeatureSidebar.tsx
@@ -86,7 +86,7 @@ function FeatureButton({ feature, isSelected, onSelect }: FeatureButtonProps) {
 				</span>
 				{feature.comingSoon && (
 					<span className="text-[11px] text-muted-foreground font-normal">
-						Coming Soon
+						(Coming Soon)
 					</span>
 				)}
 			</span>
diff --git a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
index b049bed4329..910e88100af 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/settings/billing/plans/page.tsx
@@ -335,7 +335,7 @@ function PlansPage() {
 
 	const highlightColumnIndex = 1;
 	const highlightColumnStart = highlightColumnIndex + 2;
-	const gridColumnsClass = "grid grid-cols-[180px_repeat(3,_1fr)]";
+	const gridColumnsClass = "grid grid-cols-[240px_repeat(3,_1fr)]";
 
 	return (
 		<div className="p-6 max-w-7xl w-full">