feat: logo spin (#597)

src/auth/setup-ui.tsx

@@ -5,7 +5,7 @@
 import { hostname } from "node:os";
 import { Box, Text, useApp, useInput } from "ink";
 import { useState } from "react";
-import { asciiLogo } from "../cli/components/AsciiArt.ts";
+import { AnimatedLogo } from "../cli/components/AnimatedLogo";
 import { colors } from "../cli/components/colors";
 import { settingsManager } from "../settings-manager";
 import { pollForToken, requestDeviceCode } from "./oauth";
@@ -139,7 +139,8 @@ export function SetupUI({ onComplete }: SetupUIProps) {
   if (mode === "device-code") {
     return (
       <Box flexDirection="column" padding={1}>
-        <Text color={colors.welcome.accent}>{asciiLogo}</Text>
+        <AnimatedLogo color={colors.welcome.accent} />
+        <Text> </Text>
         <Text bold>Login to the Letta Developer Platform</Text>
         <Text> </Text>
         <Text dimColor>Opening browser for authorization...</Text>
@@ -160,7 +161,8 @@ export function SetupUI({ onComplete }: SetupUIProps) {
   // Main menu
   return (
     <Box flexDirection="column" padding={1}>
-      <Text color={colors.welcome.accent}>{asciiLogo}</Text>
+      <AnimatedLogo color={colors.welcome.accent} />
+      <Text> </Text>
       <Text bold>Welcome to Letta Code!</Text>
       <Text> </Text>
       <Text>Let's get you authenticated:</Text>