[dev] [Marfuen] mariano/more-2 (#1581)

* chore: standardize size of panels

* chore: make sure latest processing message is auto expanded not only the first one

* chore: make view mode switch smaller

* chore: use gpt-5-mini and improve test ui

* chore: add confetti animation to TestDialog on success

* chore(automation): enhance layout and improve chat message styling

* chore(layout): add padding to layout components for improved spacing

* chore: add logo

---------

Co-authored-by: Mariano Fuentes <marfuen98@gmail.com>

Author: github-actions[bot]

apps/app/public/compailogo.jpg

@@ -1,4 +1,5 @@
-import { BotIcon, UserIcon } from 'lucide-react';
+import { UserIcon } from 'lucide-react';
+import Image from 'next/image';
 import { createContext, memo, useContext, useEffect, useState } from 'react';
 import { MessagePart } from './message-part';
 import type { ChatUIMessage } from './types';
@@ -62,8 +63,15 @@ export const Message = memo(function Message({
             </div>
           ) : (
             <div className="relative">
-              <div className="w-8 h-8 rounded-full bg-gradient-to-br from-primary/20 to-primary/10 border border-primary/25 flex items-center justify-center">
-                <BotIcon className="w-4 h-4 text-primary" />
+              <div className="w-8 h-8 rounded-full bg-white border border-primary/25 overflow-hidden flex items-center justify-center">
+                <Image
+                  src="/compailogo.jpg"
+                  alt="Comp AI"
+                  width={32}
+                  height={32}
+                  className="w-full h-full object-cover object-center"
+                  unoptimized
+                />
               </div>
               <div className="absolute -bottom-0.5 -right-0.5 w-3 h-3 rounded-full bg-green-500 border-2 border-background" />
             </div>
@@ -75,7 +83,7 @@ export const Message = memo(function Message({
           {/* Header - Clean and simple */}
           <div className="flex items-baseline gap-2 mb-1">
             <span className="text-sm font-semibold text-foreground">
-              {message.role === 'user' ? 'You' : 'AI Agent'}
+              {message.role === 'user' ? 'You' : 'Comp AI'}
             </span>
             <span className="text-xs text-muted-foreground">
               {new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}