feat(ui): remove Connect Wallet button from Nexus Prime chat panel

- Remove showConnectButton state and related logic
- Clean up onOpenWalletSidebar prop from component interface
- Simplify typewriter effect without button trigger
- Update welcome messages with cleaner text
- Focus Nexus Prime on pure conversational guidance

Author: josegomez-dev

app/home/page.tsx

@@ -1927,7 +1927,12 @@ export default function HomePageContent() {
       />
 
       {/* NEXUS PRIME Character */}
-      <NexusPrime currentPage='home' currentDemo={activeDemo} walletConnected={isConnected} />
+      <NexusPrime 
+        currentPage='home' 
+        currentDemo={activeDemo} 
+        walletConnected={isConnected}
+        autoOpen={isVideoPlaying}
+      />
 
       {/* Onboarding Overlay */}
       <OnboardingOverlay

components/layout/NexusPrime.tsx

@@ -7,19 +7,23 @@ interface NexusPrimeProps {
   currentPage?: string;
   currentDemo?: string;
   walletConnected?: boolean;
+  autoOpen?: boolean;
 }
 
 export const NexusPrime: React.FC<NexusPrimeProps> = ({
   currentPage = 'home',
   currentDemo,
   walletConnected = false,
+  autoOpen = false,
 }) => {
   const [isExpanded, setIsExpanded] = useState(false);
   const [currentMessage, setCurrentMessage] = useState('');
   const [isTyping, setIsTyping] = useState(false);
   const [showTutorial, setShowTutorial] = useState(false);
   const [tutorialStep, setTutorialStep] = useState(0);
   const [hasShownWelcome, setHasShownWelcome] = useState(false);
+  const [hasShownAutoWelcome, setHasShownAutoWelcome] = useState(false);
+  const [showFollowUpMessage, setShowFollowUpMessage] = useState(false);
   const lastProcessedMessageRef = useRef('');
   const typewriterTimeoutRef = useRef<NodeJS.Timeout | null>(null);
   const chatContainerRef = useRef<HTMLDivElement>(null);
@@ -65,7 +69,7 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
         'Greetings, mortal! I am NEXUS PRIME, guardian of the STELLAR NEXUS. Ready to explore the ESCROW ARSENAL?',
       wallet: 'Connect your Stellar wallet to unlock the full power of trustless work systems!',
       demos: 'The ESCROW ARSENAL awaits your command. Choose your weapon wisely!',
-      walletConnected: 'Excellent! Your Stellar wallet is now connected. The power of trustless systems is yours! Welcome to the ESCROW ARSENAL! 🚀',
+      walletConnected: 'Excellent! Your Stellar wallet is now connected. The power of Trustless Work mechanics is yours! Welcome to the ESCROW ARSENAL!',
     },
     demos: {
       welcome:
@@ -122,7 +126,7 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
   }, [currentPage, currentDemo, walletConnected, hasShownWelcome, characterMessages]);
 
   // Simple typewriter effect for messages
-  const startTypewriter = useCallback((message: string) => {
+  const startTypewriter = useCallback((message: string, onComplete?: () => void) => {
     // Clear any existing timeout
     if (typewriterTimeoutRef.current) {
       clearTimeout(typewriterTimeoutRef.current);
@@ -143,6 +147,10 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
       } else {
         setIsTyping(false);
         typewriterTimeoutRef.current = null;
+        // Call onComplete callback if provided
+        if (onComplete) {
+          setTimeout(onComplete, 1000); // Wait 1 second before showing next message
+        }
       }
     };
 
@@ -173,6 +181,31 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
     }
   }, [walletConnected, hasShownWelcome]);
 
+  // Effect to auto-open chat when autoOpen prop is true
+  useEffect(() => {
+    if (autoOpen && !isExpanded && !hasShownAutoWelcome) {
+      setTimeout(() => {
+        setIsExpanded(true);
+        // Show welcome message when auto-opening
+        const welcomeMessage = "Welcome to the STELLAR NEXUS Experience! 🌟 I'm NEXUS PRIME, your AI Guardian.";
+        setTimeout(() => {
+          startTypewriter(welcomeMessage, () => {
+            // Show follow-up message after welcome
+            if (!walletConnected) {
+              const followUpMessage = "To unlock the full power of the ESCROW ARSENAL and experience Trustless Work mechanics, connect your Stellar wallet!";
+              startTypewriter(followUpMessage);
+            } else {
+              const connectedMessage = "Excellent! Your Stellar wallet is connected. The ESCROW ARSENAL is ready for your command! Choose your demo and let's begin the journey! ⚡";
+              startTypewriter(connectedMessage);
+            }
+          });
+          setHasShownAutoWelcome(true);
+        }, 500); // Small delay after panel opens
+      }, 1000); // Small delay to let the component render
+    }
+  }, [autoOpen, isExpanded, hasShownAutoWelcome, startTypewriter, walletConnected]);
+
+
   // Effect to handle clicks outside the chat container
   useEffect(() => {
     const handleClickOutside = (event: MouseEvent) => {
@@ -241,16 +274,28 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
     <>
 
       <div className='fixed bottom-6 left-6 z-50'>
-        {/* Character Avatar - Only show when wallet is connected */}
-        {walletConnected && (
-          <div ref={chatContainerRef} className='relative group animate-fadeIn'>
+        {/* Character Avatar - Always visible */}
+        <div ref={chatContainerRef} className='relative group animate-fadeIn'>
             {/* Character Image/Icon */}
             <div
-              className='w-20 h-20 bg-gradient-to-br from-cyan-500/20 to-purple-500/20 rounded-full border-2 border-cyan-400/50 shadow-2xl cursor-pointer transition-all duration-300 hover:scale-105 backdrop-blur-sm relative'
-              onClick={() => setIsExpanded(!isExpanded)}
+              className='w-26 h-26 bg-gradient-to-br from-cyan-500/20 to-purple-500/20 rounded-full border-2 border-cyan-400/50 shadow-2xl cursor-pointer transition-all duration-300 hover:scale-105 backdrop-blur-sm relative'
+              onClick={() => {
+                const newExpandedState = !isExpanded;
+                setIsExpanded(newExpandedState);
+                
+                // If we're opening the chat and haven't shown auto welcome, start typewriter with context message
+                if (newExpandedState && !hasShownAutoWelcome) {
+                  const message = getContextMessage();
+                  if (message) {
+                    setTimeout(() => {
+                      startTypewriter(message);
+                    }, 300); // Small delay to let the panel animation start
+                  }
+                }
+              }}
               style={{ 
-                animation: 'fadeIn 0.8s ease-out, pulse 2s infinite 1s',
-                transform: 'translateX(-20px)',
+                animation: 'fadeIn 0.8s ease-out',
+                transform: 'translateX(-10px)',
                 animationFillMode: 'forwards'
               }}
             >
@@ -263,19 +308,25 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
                 <Image
                   src='/images/character/nexus-prime-chat.png'
                   alt='NEXUS PRIME'
-                  width={80}
-                  height={80}
-                  className='w-16 h-16 rounded-full relative z-10 object-cover'
+                  width={100}
+                  height={100}
+                  className='rounded-full relative z-10 object-cover'
                 />
                 {/* Glowing Effect */}
                 <div className='absolute inset-0 rounded-full bg-gradient-to-r from-cyan-400/20 to-purple-400/20'></div>
 
                 {/* New Message Indicator */}
-                {hasShownWelcome && (
+                {walletConnected && hasShownWelcome && (
                   <div className='absolute -top-1 -right-1 w-4 h-4 bg-gradient-to-r from-green-500 to-emerald-600 rounded-full border-2 border-white shadow-lg animate-pulse'>
                     <div className='w-full h-full bg-green-400 rounded-full animate-ping opacity-75'></div>
                   </div>
                 )}
+                {/* Welcome indicator for non-connected users */}
+                {!walletConnected && (
+                  <div className='absolute -top-1 -right-1 w-4 h-4 bg-gradient-to-r from-blue-500 to-cyan-600 rounded-full border-2 border-white shadow-lg animate-pulse'>
+                    <div className='w-full h-full bg-blue-400 rounded-full animate-ping opacity-75'></div>
+                  </div>
+                )}
               </div>
             </div>
 
@@ -345,6 +396,7 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
                   </div>
                 </div>
 
+
                 {/* Tutorial Actions */}
                 <div className='mt-3 pt-3 border-t border-white/10'>
                   {!showTutorial ? (
@@ -421,17 +473,22 @@ export const NexusPrime: React.FC<NexusPrimeProps> = ({
                   {/* Simple Message */}
                   <div className='text-center'>
                     <p className='text-white/90 text-sm font-medium'>
-                      {hasShownWelcome ? 'Click to chat with NEXUS PRIME' : 'Welcome! Click to meet NEXUS PRIME'}
+                      {walletConnected 
+                        ? (hasShownWelcome ? 'Click to chat with NEXUS PRIME' : 'Welcome! Click to meet NEXUS PRIME')
+                        : 'Welcome! Connect wallet to unlock full features'
+                      }
                     </p>
                     <p className='text-cyan-300 text-xs mt-1'>
-                      {hasShownWelcome ? 'Your AI Guardian' : 'Your Stellar AI Guardian 🚀'}
+                      {walletConnected 
+                        ? (hasShownWelcome ? 'Your AI Guardian' : 'Your Stellar AI Guardian 🚀')
+                        : 'Your Stellar AI Guardian 🚀'
+                      }
                     </p>
                   </div>
                 </div>
               </div>
             )}
           </div>
-        )}
       </div>
     </>
   );