From 75e4b8eb99dde460ddf103547bae93d7069a0246 Mon Sep 17 00:00:00 2001
From: Vogel <ryan@inbound.new>
Date: Wed, 1 Jul 2026 09:22:28 -0400
Subject: [PATCH] fix(app): refine beta channel badge

Opencode-Session: ses_0e22a6e11ffe3aB3BmVLK4TQ7X
Opencode-Message: msg_f1dd85d480018fpawmUVWJV63c
Opencode-Agent: build
---
 packages/app/src/components/titlebar.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx
index e772aa400a..2cda765e67 100644
--- a/packages/app/src/components/titlebar.tsx
+++ b/packages/app/src/components/titlebar.tsx
@@ -713,13 +713,14 @@ function TitlebarUpdateIconButton(props: { state: TitlebarUpdatePillState }) {
 }
 
 function ChannelIndicator() {
+  const channel = import.meta.env.VITE_OPENCODE_CHANNEL
+  if (channel !== "beta" && channel !== "dev") return null
+
   return (
-    <>
-      {["beta", "dev"].includes(import.meta.env.VITE_OPENCODE_CHANNEL) && (
-        <div class="bg-icon-interactive-base text-[#FFF] font-medium px-2 rounded-sm uppercase font-mono">
-          {import.meta.env.VITE_OPENCODE_CHANNEL.toUpperCase()}
-        </div>
-      )}
-    </>
+    <div
+      class={`text-[#FFF] font-medium px-2 rounded-sm uppercase font-mono ${channel === "beta" ? "bg-[#0488D1]" : "bg-icon-interactive-base"}`}
+    >
+      {channel === "beta" ? "β" : channel.toUpperCase()}
+    </div>
   )
 }