Issue#9751 - fix the gemini crash on startup in tmux environments (#11637)

packages/cli/src/ui/components/Header.tsx

@@ -18,6 +18,26 @@ interface HeaderProps {
   nightly: boolean;
 }
 
+const ThemedGradient: React.FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const gradient = theme.ui.gradient;
+
+  if (gradient && gradient.length >= 2) {
+    return (
+      <Gradient colors={gradient}>
+        <Text>{children}</Text>
+      </Gradient>
+    );
+  }
+
+  if (gradient && gradient.length === 1) {
+    return <Text color={gradient[0]}>{children}</Text>;
+  }
+
+  return <Text>{children}</Text>;
+};
+
 export const Header: React.FC<HeaderProps> = ({
   customAsciiArt,
   version,
@@ -47,22 +67,10 @@ export const Header: React.FC<HeaderProps> = ({
       flexShrink={0}
       flexDirection="column"
     >
-      {theme.ui.gradient ? (
-        <Gradient colors={theme.ui.gradient}>
-          <Text>{displayTitle}</Text>
-        </Gradient>
-      ) : (
-        <Text>{displayTitle}</Text>
-      )}
+      <ThemedGradient>{displayTitle}</ThemedGradient>
       {nightly && (
         <Box width="100%" flexDirection="row" justifyContent="flex-end">
-          {theme.ui.gradient ? (
-            <Gradient colors={theme.ui.gradient}>
-              <Text>v{version}</Text>
-            </Gradient>
-          ) : (
-            <Text>v{version}</Text>
-          )}
+          <ThemedGradient>v{version}</ThemedGradient>
         </Box>
       )}
     </Box>