feat: logo spin (#597)

src/cli/components/WelcomeScreen.tsx

@@ -8,7 +8,7 @@ import { getModelDisplayName } from "../../agent/model";
 import { settingsManager } from "../../settings-manager";
 import { getVersion } from "../../version";
 import { useTerminalWidth } from "../hooks/useTerminalWidth";
-import { asciiLogo } from "./AsciiArt";
+import { AnimatedLogo } from "./AnimatedLogo";
 import { colors } from "./colors";
 
 /**
@@ -80,7 +80,6 @@ export function WelcomeScreen({
   const cwd = process.cwd();
   const version = getVersion();
 
-  const logoLines = asciiLogo.trim().split("\n");
   const tildePath = toTildePath(cwd);
 
   // Get model display name (pretty name if available, otherwise last part of handle)
@@ -117,12 +116,7 @@ export function WelcomeScreen({
     <Box flexDirection="row" marginTop={1}>
       {/* Left column: Logo */}
       <Box flexDirection="column" paddingLeft={1} paddingRight={2}>
-        {logoLines.map((line, idx) => (
-          // biome-ignore lint/suspicious/noArrayIndexKey: Logo lines are static and never reorder
-          <Text key={idx} bold color={colors.welcome.accent}>
-            {idx === 0 ? `  ${line}` : line}
-          </Text>
-        ))}
+        <AnimatedLogo color={colors.welcome.accent} />
       </Box>
 
       {/* Right column: Text info */}