Fix avatar rendering and integrate premium superhero avatar based on founder likeness (cleaned)

frontend/components/AgentChat.tsx

@@ -3,6 +3,7 @@
 import { useState, useRef, useEffect } from "react";
 import type { Tender, CompanyProfile } from "../lib/types";
 import { uploadDocument, getAPIBase } from "../lib/api";
+import { avatarBase64 } from "../lib/avatar";
 
 type Message = {
   role: "user" | "assistant";
@@ -207,8 +208,8 @@ export default function AgentChat({ tender, companyProfile }: Props) {
       {/* Chat Header */}
       <div className="p-4 md:p-6 border-b border-white/5 flex flex-col md:flex-row md:items-center justify-between gap-4 bg-white/[0.03]">
         <div className="flex items-center gap-4">
-          <div className={`text-2xl md:text-3xl transition-all duration-500 relative ${isLoading || isTyping ? 'scale-110' : ''}`}>
-             {selectedAgent.avatar}
+          <div className={`w-12 h-12 rounded-full overflow-hidden border border-white/20 transition-all duration-500 relative ${isLoading || isTyping ? 'scale-110' : ''}`}>
+             <img src={avatarBase64} alt="AI Agent" className="w-full h-full object-cover" />
              {(isLoading || isTyping || isUploading) && (
                <div className="absolute inset-0 bg-purple-500/20 blur-xl rounded-full animate-pulse" />
              )}

frontend/components/Sidebar.tsx

@@ -1,6 +1,7 @@
 "use client";
 import { translations, Language } from "../lib/translations";
 import { avatarBase64 } from "../lib/avatar";
+import { userPhotoBase64 } from "../lib/user_photo";
 
 import { useState, type Dispatch, type SetStateAction } from "react";
 
@@ -117,7 +118,7 @@ export default function Sidebar({ tabs, activeTab, onTabSelect, status, lang, fo
             <div className="absolute -inset-0.5 bg-gradient-to-r from-purple-600 to-cyan-600 rounded-xl blur opacity-20 group-hover:opacity-40 transition"></div>
             <div className="relative w-10 h-10 rounded-xl overflow-hidden border border-white/10 bg-slate-900">
               <img 
-                src={avatarBase64} 
+                src={userPhotoBase64} 
                 alt="Profile" 
                 className="w-full h-full object-cover"
               />

frontend/components/SystemInfo.tsx

@@ -4,6 +4,7 @@ import { useState } from "react";
 import { syncDatabase } from "../lib/api";
 import { translations, Language } from "../lib/translations";
 import { avatarBase64 } from "../lib/avatar";
+import { userPhotoBase64 } from "../lib/user_photo";
 
 type Props = {
   lang: Language;
@@ -127,8 +128,8 @@ export default function SystemInfo({ lang }: Props) {
                 <div className="absolute -inset-2 bg-gradient-to-r from-purple-600 to-cyan-600 rounded-full blur opacity-25 group-hover:opacity-100 transition duration-1000"></div>
                 <div className="relative w-72 h-72 rounded-full overflow-hidden border-2 border-white/20 bg-slate-900 flex items-center justify-center shadow-2xl">
                   <img 
-                    src={avatarBase64} 
-                    alt="Álvaro Tech Founder" 
+                    src={userPhotoBase64} 
+                    alt="Álvaro Valenzuela" 
                     className="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110"
                     onError={(e) => {
                       console.log("Avatar load failed, using dynamic placeholder...");
@@ -143,6 +144,40 @@ export default function SystemInfo({ lang }: Props) {
           </div>
         </div>
       </div>
+      
+      {/* Superhero Section */}
+      <div className="glass-card rounded-3xl p-8 md:p-12 border border-purple-500/30 bg-purple-500/[0.05] relative overflow-hidden text-left">
+        <div className="absolute -left-20 -bottom-20 h-64 w-64 rounded-full bg-cyan-500/10 blur-[100px]" />
+        <div className="grid md:grid-cols-2 gap-12 items-center relative z-10">
+          <div className="order-2 md:order-1 flex flex-col items-center justify-center">
+             <div className="relative group">
+                <div className="absolute -inset-2 bg-gradient-to-r from-cyan-600 to-purple-600 rounded-full blur opacity-40 group-hover:opacity-100 transition duration-1000"></div>
+                <div className="relative w-80 h-80 rounded-full overflow-hidden border-4 border-cyan-400/30 bg-slate-900 shadow-2xl">
+                  <img 
+                    src={avatarBase64} 
+                    alt="AndesOps Superhero" 
+                    className="w-full h-full object-cover"
+                  />
+                </div>
+             </div>
+          </div>
+          <div className="order-1 md:order-2 space-y-6">
+            <h3 className="text-4xl font-black text-white tracking-tighter uppercase italic">
+              The <span className="text-cyan">Cognitive</span> Superhero
+            </h3>
+            <p className="text-xl text-slate-300 leading-relaxed font-light">
+              Built on the likeness of its creator, the <span className="font-bold text-white">AndesOps Cognitive Hero</span> is the manifestation of our AI architecture. 
+              Equipped with neural-tech interfaces and powered by <span className="text-purple-400 font-bold">AMD Instinct™</span>, 
+              it processes thousands of tender requirements in seconds, identifying risks and strategies with superhuman precision.
+            </p>
+            <div className="flex items-center gap-4 text-cyan-400 font-mono text-sm uppercase tracking-widest">
+              <span className="p-2 bg-cyan-500/20 rounded-lg">GEN-AI v2.0</span>
+              <span>•</span>
+              <span>AMD OPTIMIZED</span>
+            </div>
+          </div>
+        </div>
+      </div>
 
       {/* Agents Section */}
       <div className="space-y-6">

scratch/clean_avatar.py

@@ -0,0 +1,16 @@
+import os
+
+file_path = r'c:\laragon\www\ANDESAI\frontend\lib\avatar.ts'
+
+if os.path.exists(file_path):
+    with open(file_path, 'r', encoding='utf-8') as f:
+        content = f.read()
+    
+    # Remove BOM (U+FEFF) if present
+    cleaned_content = content.replace('\ufeff', '')
+    
+    with open(file_path, 'w', encoding='utf-8') as f:
+        f.write(cleaned_content)
+    print("Cleaned avatar.ts: Removed BOM/hidden characters.")
+else:
+    print("File not found.")

scratch/convert_avatar.py

@@ -0,0 +1,13 @@
+import base64
+import os
+
+img_path = r'C:\Users\alvar\.gemini\antigravity\brain\7ca47da0-0002-44a0-91f1-6d45a9cee3d3\superhero_beach_avatar_v3_1778257054253.png'
+out_path = r'frontend\lib\avatar.ts'
+
+with open(img_path, 'rb') as img_file:
+    b64_string = base64.b64encode(img_file.read()).decode('utf-8')
+
+with open(out_path, 'w', encoding='utf-8') as out_file:
+    out_file.write(f"export const avatarBase64 = 'data:image/png;base64,{b64_string}';\n")
+
+print(f"Successfully created {out_path} with Beach Avatar v3")

scratch/convert_user_photo.py

@@ -0,0 +1,15 @@
+import base64
+import os
+
+photo_path = r'C:\Users\alvar\.gemini\antigravity\brain\9f5679b0-520e-4bf6-814a-3c05259885ca\media__1778287463337.jpg'
+output_path = r'c:\laragon\www\ANDESAI\frontend\lib\user_photo.ts'
+
+if os.path.exists(photo_path):
+    with open(photo_path, "rb") as image_file:
+        encoded_string = base64.b64encode(image_file.read()).decode('utf-8')
+    
+    with open(output_path, 'w', encoding='utf-8') as f:
+        f.write(f'export const userPhotoBase64 = "data:image/jpeg;base64,{encoded_string}";\n')
+    print("Generated user_photo.ts from user's image.")
+else:
+    print(f"Photo not found at {photo_path}")

scratch/update_avatar_v5.py

@@ -0,0 +1,20 @@
+import os
+
+# Try different encodings
+encodings = ['utf-16le', 'utf-8', 'latin-1']
+b64 = ""
+for enc in encodings:
+    try:
+        with open('scratch/avatar_v5.txt', 'r', encoding=enc) as f:
+            b64 = f.read().strip()
+            if b64: break
+    except:
+        continue
+
+if b64:
+    content = f'export const avatarBase64 = "data:image/png;base64,{b64}";\n'
+    with open('frontend/lib/avatar.ts', 'w', encoding='utf-8') as f:
+        f.write(content)
+    print("Success updated avatar.ts")
+else:
+    print("Failed to read b64")

scratch/update_superhero_avatar.py

@@ -0,0 +1,16 @@
+import base64
+import os
+
+# The superhero image I just generated
+superhero_path = r'C:\Users\alvar\.gemini\antigravity\brain\9f5679b0-520e-4bf6-814a-3c05259885ca\andesops_superhero_avatar_1778288943734.png'
+output_path = r'c:\laragon\www\ANDESAI\frontend\lib\avatar.ts'
+
+if os.path.exists(superhero_path):
+    with open(superhero_path, "rb") as image_file:
+        encoded_string = base64.b64encode(image_file.read()).decode('utf-8')
+    
+    with open(output_path, 'w', encoding='utf-8') as f:
+        f.write(f'export const avatarBase64 = "data:image/png;base64,{encoded_string}";\n')
+    print("Updated avatar.ts with the new Superhero image.")
+else:
+    print(f"Superhero image not found at {superhero_path}")