From efe6953da06263d4fdb03468f0c0f7385523cb17 Mon Sep 17 00:00:00 2001
From: Tam Nhu Tran <kaitran.ntt@gmail.com>
Date: Sat, 28 Mar 2026 21:20:51 -0400
Subject: [PATCH] fix(ui): hide version badge when API fails instead of showing
 v5.0.0

HeroSection defaulted to '5.0.0' when version prop was undefined,
causing a misleading version badge when the overview API fails (e.g.,
403 from remote access without auth). Now hides the badge entirely
until a real version is loaded.
---
 ui/src/components/layout/hero-section.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/layout/hero-section.tsx b/ui/src/components/layout/hero-section.tsx
index 409900ff..40ea83d9 100644
--- a/ui/src/components/layout/hero-section.tsx
+++ b/ui/src/components/layout/hero-section.tsx
@@ -5,16 +5,18 @@ interface HeroSectionProps {
   version?: string;
 }
 
-export function HeroSection({ version = '5.0.0' }: HeroSectionProps) {
+export function HeroSection({ version }: HeroSectionProps) {
   return (
     <div className="flex items-center gap-4">
       <CcsLogo size="lg" showText={false} />
       <div>
         <div className="flex items-center gap-3">
           <h1 className="text-2xl font-bold">CCS Config</h1>
-          <Badge variant="outline" className="font-mono text-xs">
-            v{version}
-          </Badge>
+          {version && (
+            <Badge variant="outline" className="font-mono text-xs">
+              v{version}
+            </Badge>
+          )}
         </div>
         <p className="text-muted-foreground text-sm mt-1">Claude Code Switch Dashboard</p>
       </div>