perf: remove animated logo from idle and loading surfaces

packages/ui/src/components/chat/ChatEmptyState.tsx

@@ -1,45 +1,16 @@
 import React from 'react';
 import { OpenChamberLogo } from '@/components/ui/OpenChamberLogo';
-import { TextLoop } from '@/components/ui/TextLoop';
 import { useThemeSystem } from '@/contexts/useThemeSystem';
 
-const phrases = [
-    "Fix the failing tests",
-    "Refactor this to be more readable",
-    "Add form validation",
-    "Optimize this function",
-    "Write tests for this",
-    "Explain how this works",
-    "Add a new feature",
-    "Help me debug this",
-    "Review my code",
-    "Simplify this logic",
-    "Add error handling",
-    "Create a new component",
-    "Update the documentation",
-    "Find the bug here",
-    "Improve performance",
-    "Add type definitions",
-];
-
 const ChatEmptyState: React.FC = () => {
     const { currentTheme } = useThemeSystem();
 
-    // Use theme's muted foreground for secondary text
     const textColor = currentTheme?.colors?.surface?.mutedForeground || 'var(--muted-foreground)';
 
     return (
         <div className="flex flex-col items-center justify-center min-h-full w-full gap-6">
-            <OpenChamberLogo width={140} height={140} className="opacity-20" isAnimated />
-            <TextLoop
-                className="text-body-md"
-                interval={4}
-                transition={{ duration: 0.5 }}
-            >
-                {phrases.map((phrase) => (
-                    <span key={phrase} style={{ color: textColor }}>"{phrase}…"</span>
-                ))}
-            </TextLoop>
+            <OpenChamberLogo width={140} height={140} className="opacity-20" />
+            <span className="text-body-md" style={{ color: textColor }}>Start a new chat</span>
         </div>
     );
 };