From f8a862738d12ba6a585d0499e47456759eddd0ae Mon Sep 17 00:00:00 2001
From: niladri das <125604915+bniladridas@users.noreply.github.com>
Date: Thu, 20 Nov 2025 03:34:58 +0530
Subject: [PATCH] [cli-ui] Keep header ASCII art colored on non-gradient
 terminals (#13373) (#13374)

Co-authored-by: Niladri Das <bniladridas@users.noreply.github.com>
---
 .../cli/src/ui/components/Header.test.tsx     | 31 +++++++++++++++++--
 .../cli/src/ui/components/ThemedGradient.tsx  |  7 ++++-
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/packages/cli/src/ui/components/Header.test.tsx b/packages/cli/src/ui/components/Header.test.tsx
index 4cadc73a48..ecf1adf8b0 100644
--- a/packages/cli/src/ui/components/Header.test.tsx
+++ b/packages/cli/src/ui/components/Header.test.tsx
@@ -116,13 +116,38 @@ describe('<Header />', () => {
 
   it('renders with no gradient when theme.ui.gradient is undefined', async () => {
     vi.spyOn(semanticColors, 'theme', 'get').mockReturnValue({
-      ui: { gradient: undefined },
-    } as typeof semanticColors.theme);
+      text: {
+        primary: '',
+        secondary: '',
+        link: '',
+        accent: '#123456',
+        response: '',
+      },
+      background: {
+        primary: '',
+        diff: { added: '', removed: '' },
+      },
+      border: {
+        default: '',
+        focused: '',
+      },
+      ui: {
+        comment: '',
+        symbol: '',
+        dark: '',
+        gradient: undefined,
+      },
+      status: {
+        error: '',
+        success: '',
+        warning: '',
+      },
+    });
     const Gradient = await import('ink-gradient');
     render(<Header version="1.0.0" nightly={false} />);
     expect(Gradient.default).not.toHaveBeenCalled();
     const textCalls = (Text as Mock).mock.calls;
-    expect(textCalls[0][0]).not.toHaveProperty('color');
+    expect(textCalls[0][0]).toHaveProperty('color', '#123456');
   });
 
   it('renders with a single color when theme.ui.gradient has one color', async () => {
diff --git a/packages/cli/src/ui/components/ThemedGradient.tsx b/packages/cli/src/ui/components/ThemedGradient.tsx
index 339626c04f..1a5b14ee3c 100644
--- a/packages/cli/src/ui/components/ThemedGradient.tsx
+++ b/packages/cli/src/ui/components/ThemedGradient.tsx
@@ -28,5 +28,10 @@ export const ThemedGradient: React.FC<TextProps> = ({ children, ...props }) => {
     );
   }
 
-  return <Text {...props}>{children}</Text>;
+  // Fallback to accent color if no gradient
+  return (
+    <Text color={theme.text.accent} {...props}>
+      {children}
+    </Text>
+  );
 };