Implement Agent Chat feature with expert selection and real-time context

backend/app/routers/analysis.py

@@ -3,8 +3,9 @@ from typing import List
 
 from fastapi import APIRouter
 
-from app.schemas.analysis import AnalysisRecord, AnalysisRequest, AnalysisResult
+from app.schemas.analysis import AnalysisRecord, AnalysisRequest, AnalysisResult, ChatRequest
 from app.services.agents import run_full_analysis
+from app.services.llm import call_gemini_with_model
 from app.services.persistence import save_to_json, load_from_json
 
 router = APIRouter()
@@ -35,3 +36,21 @@ async def analyze_opportunity(request: AnalysisRequest):
 @router.get("/analysis-history", response_model=List[AnalysisRecord])
 def get_analysis_history():
     return analysis_history
+
+
+@router.post("/chat")
+async def agent_chat(request: ChatRequest):
+    # Construct context
+    history_str = "\n".join([f"{m.role.upper()}: {m.content}" for m in request.history])
+    
+    prompt = (
+        f"Eres {request.agent} en AndesOps AI.\n"
+        f"CONTEXTO DE LA LICITACIÓN:\n{request.tender.model_dump_json()}\n\n"
+        f"DATOS DE MI EMPRESA:\n{request.company_profile.model_dump_json()}\n\n"
+        f"HISTORIAL DE CHAT:\n{history_str}\n\n"
+        f"PREGUNTA DEL USUARIO: {request.message}\n\n"
+        f"INSTRUCCIONES: Responde como el experto {request.agent}. Sé directo, profesional y usa los datos de la empresa para dar respuestas personalizadas. Si te preguntan sobre requisitos, búscalos en la licitación."
+    )
+    
+    response = await call_gemini_with_model(prompt, request.model)
+    return {"response": response}

backend/app/schemas/analysis.py

@@ -6,6 +6,20 @@ from app.schemas.company import CompanyProfile
 from app.schemas.tender import Tender
 
 
+class ChatMessage(BaseModel):
+    role: str
+    content: str
+
+
+class ChatRequest(BaseModel):
+    tender: Tender
+    company_profile: CompanyProfile
+    message: str
+    agent: str
+    model: str
+    history: List[ChatMessage]
+
+
 class RiskItem(BaseModel):
     title: str
     severity: str

frontend/app/page.tsx

@@ -260,6 +260,7 @@ export default function HomePage() {
                 forceShowFollowed={activeTab === "My Portfolio"}
                 initialKeyword={searchKeyword}
                 lang={lang}
+                companyProfile={companyProfile}
               />
             )}
             {activeTab === "Market Monitor" && <MarketMonitor />}

frontend/components/AgentChat.tsx

@@ -0,0 +1,175 @@
+"use client";
+
+import { useState, useRef, useEffect } from "react";
+import type { Tender, CompanyProfile } from "../lib/types";
+
+type Message = {
+  role: "user" | "assistant";
+  content: string;
+  agent?: string;
+};
+
+type Props = {
+  tender: Tender;
+  companyProfile: CompanyProfile;
+};
+
+const agents = [
+  { id: "legal", name: "Dra. Legal", avatar: "⚖️", color: "text-amber-400" },
+  { id: "tech", name: "Ing. Tech", avatar: "👨‍💻", color: "text-cyan" },
+  { id: "risk", name: "Sra. Estrategia", avatar: "🕵️‍♀️", color: "text-purple-400" },
+];
+
+const models = [
+  "Gemini 2.5 Flash",
+  "DeepSeek-V3.2 (Featherless)",
+  "Qwen-2.5 (Featherless)",
+];
+
+export default function AgentChat({ tender, companyProfile }: Props) {
+  const [messages, setMessages] = useState<Message[]>([]);
+  const [input, setInput] = useState("");
+  const [selectedAgent, setSelectedAgent] = useState(agents[0]);
+  const [selectedModel, setSelectedModel] = useState(models[0]);
+  const [isLoading, setIsLoading] = useState(false);
+  const scrollRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
+  }, [messages]);
+
+  const handleSend = async () => {
+    if (!input.trim() || isLoading) return;
+
+    const userMsg: Message = { role: "user", content: input };
+    setMessages(prev => [...prev, userMsg]);
+    setInput("");
+    setIsLoading(true);
+
+    try {
+      const response = await fetch("/api/chat", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          tender,
+          company_profile: companyProfile,
+          message: input,
+          agent: selectedAgent.id,
+          model: selectedModel,
+          history: messages,
+        }),
+      });
+
+      if (!response.ok) throw new Error("Failed to chat");
+
+      const data = await response.json();
+      const assistantMsg: Message = { 
+        role: "assistant", 
+        content: data.response,
+        agent: selectedAgent.name 
+      };
+      setMessages(prev => [...prev, assistantMsg]);
+    } catch (error) {
+      console.error(error);
+      setMessages(prev => [...prev, { role: "assistant", content: "⚠️ Error connecting to the agent. Please try again." }]);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex flex-col h-[600px] glass-card rounded-[2rem] overflow-hidden border border-white/10 bg-slate-900/60 backdrop-blur-xl">
+      {/* Chat Header */}
+      <div className="p-6 border-b border-white/5 flex items-center justify-between bg-white/5">
+        <div className="flex items-center gap-4">
+          <div className="text-3xl">{selectedAgent.avatar}</div>
+          <div>
+            <h4 className="text-white font-bold">{selectedAgent.name}</h4>
+            <p className="text-[10px] text-slate-500 uppercase tracking-widest font-black">Expert Consultant</p>
+          </div>
+        </div>
+        <div className="flex items-center gap-3">
+          <select 
+            value={selectedAgent.id}
+            onChange={(e) => setSelectedAgent(agents.find(a => a.id === e.target.value) || agents[0])}
+            className="bg-white/5 border border-white/10 rounded-xl px-3 py-1.5 text-xs text-white focus:outline-none focus:ring-1 focus:ring-purple-500"
+          >
+            {agents.map(a => <option key={a.id} value={a.id}>{a.name}</option>)}
+          </select>
+          <select 
+            value={selectedModel}
+            onChange={(e) => setSelectedModel(e.target.value)}
+            className="bg-white/5 border border-white/10 rounded-xl px-3 py-1.5 text-xs text-white focus:outline-none focus:ring-1 focus:ring-purple-500"
+          >
+            {models.map(m => <option key={m} value={m}>{m}</option>)}
+          </select>
+        </div>
+      </div>
+
+      {/* Messages Area */}
+      <div 
+        ref={scrollRef}
+        className="flex-1 overflow-y-auto p-6 space-y-6 custom-scrollbar bg-black/20"
+      >
+        {messages.length === 0 && (
+          <div className="h-full flex flex-col items-center justify-center text-center space-y-4 opacity-40">
+            <div className="text-5xl">💬</div>
+            <p className="text-slate-400 text-sm max-w-xs">
+              Hi! I'm your {selectedAgent.name}. Ask me anything about this tender's requirements, risks, or strategy.
+            </p>
+          </div>
+        )}
+        {messages.map((msg, i) => (
+          <div key={i} className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`}>
+            <div className={`max-w-[80%] rounded-2xl px-5 py-3 text-sm ${
+              msg.role === 'user' 
+                ? 'bg-purple-600 text-white rounded-tr-none' 
+                : 'bg-white/10 text-slate-200 border border-white/10 rounded-tl-none'
+            }`}>
+              {msg.role === 'assistant' && (
+                <div className="text-[10px] font-black uppercase text-purple-400 mb-1 tracking-widest">
+                  {msg.agent}
+                </div>
+              )}
+              <p className="leading-relaxed whitespace-pre-wrap">{msg.content}</p>
+            </div>
+          </div>
+        ))}
+        {isLoading && (
+          <div className="flex justify-start">
+            <div className="bg-white/5 rounded-2xl rounded-tl-none px-5 py-3 border border-white/10">
+              <div className="flex gap-1">
+                <div className="w-1.5 h-1.5 bg-slate-500 rounded-full animate-bounce" style={{ animationDelay: '0ms' }} />
+                <div className="w-1.5 h-1.5 bg-slate-500 rounded-full animate-bounce" style={{ animationDelay: '200ms' }} />
+                <div className="w-1.5 h-1.5 bg-slate-500 rounded-full animate-bounce" style={{ animationDelay: '400ms' }} />
+              </div>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* Input Area */}
+      <div className="p-6 bg-white/5 border-t border-white/5">
+        <div className="flex gap-3">
+          <input 
+            type="text"
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            onKeyDown={(e) => e.key === 'Enter' && handleSend()}
+            placeholder={`Message ${selectedAgent.name}...`}
+            className="flex-1 bg-black/40 border border-white/10 rounded-2xl px-5 py-3 text-white text-sm placeholder:text-slate-600 focus:outline-none focus:ring-2 focus:ring-purple-500/40 transition-all"
+          />
+          <button 
+            onClick={handleSend}
+            disabled={!input.trim() || isLoading}
+            className="w-12 h-12 rounded-2xl premium-gradient text-white flex items-center justify-center transition-all active:scale-95 disabled:opacity-30 shadow-lg shadow-purple-500/20"
+          >
+            <span className="text-xl">✈️</span>
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/components/TenderSearch.tsx

@@ -4,6 +4,8 @@ import { Fragment, useMemo, useState, useRef, useEffect } from "react";
 import BrandLoader from "./BrandLoader";
 import type { Tender } from "../lib/types";
 import { Language, translations } from "../lib/translations";
+import AgentChat from "./AgentChat";
+import type { CompanyProfile } from "../lib/types";
 
 type Props = {
   tenders: Tender[];
@@ -12,9 +14,10 @@ type Props = {
   forceShowFollowed?: boolean;
   initialKeyword?: string;
   lang: Language;
+  companyProfile: CompanyProfile;
 };
 
-export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFollowed = false, initialKeyword = "", lang }: Props) {
+export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFollowed = false, initialKeyword = "", lang, companyProfile }: Props) {
   const t = translations[lang];
   const [keyword, setKeyword] = useState(initialKeyword);
   const [buyerCode, setBuyerCode] = useState("");
@@ -25,6 +28,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
   const [selectedTenderForModal, setSelectedTenderForModal] = useState<Tender | null>(null);
   const [selectedCodes, setSelectedCodes] = useState<string[]>([]);
   const [isSyncingToAgents, setIsSyncingToAgents] = useState(false);
+  const [activeDetailTab, setActiveDetailTab] = useState<"Overview" | "Agent Chat">("Overview");
   
   const [followedTenders, setFollowedTenders] = useState<Tender[]>(() => {
     if (typeof window !== 'undefined') {
@@ -432,16 +436,33 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
         /* Immersive Detail View (Replaces List) */
         <div className="animate-in slide-in-from-right-8 fade-in duration-700 w-full max-w-[1600px] mx-auto pt-4 pb-20">
 
+          <div className="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-8">
+            <div className="flex flex-col gap-4">
+              <button 
+                onClick={() => setSelectedTenderForModal(null)}
+                className="flex items-center gap-2 text-slate-400 hover:text-white transition group w-fit"
+              >
+                <span className="text-xl group-hover:-translate-x-1 transition-transform">←</span>
+                <span className="text-sm font-bold uppercase tracking-widest">{lang === 'en' ? 'Back to search' : 'Volver a búsqueda'}</span>
+              </button>
+              
+              <div className="flex bg-white/5 p-1 rounded-2xl border border-white/10 w-fit">
+                <button 
+                  onClick={() => setActiveDetailTab("Overview")}
+                  className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Overview" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500 hover:text-slate-300"}`}
+                >
+                  Overview
+                </button>
+                <button 
+                  onClick={() => setActiveDetailTab("Agent Chat")}
+                  className={`px-6 py-2.5 rounded-xl text-xs font-black uppercase tracking-widest transition-all ${activeDetailTab === "Agent Chat" ? "bg-purple-600 text-white shadow-lg" : "text-slate-500 hover:text-slate-300"}`}
+                >
+                  Agent Chat
+                </button>
+              </div>
+            </div>
 
-          <div className="flex flex-col gap-6 mb-8">
-            <button 
-              onClick={() => setSelectedTenderForModal(null)}
-              className="flex items-center gap-2 text-slate-400 hover:text-white transition group w-fit"
-            >
-              <span className="text-xl group-hover:-translate-x-1 transition-transform">←</span>
-              <span className="text-sm font-bold uppercase tracking-widest">{lang === 'en' ? 'Back to search' : 'Volver a búsqueda'}</span>
-            </button>
-            <div className="grid grid-cols-2 gap-4">
+            <div className="grid grid-cols-2 gap-4 w-full md:w-auto">
               <div className="px-4 py-3 rounded-lg bg-white/5 border border-white/10">
                 <div className="text-[10px] font-black uppercase tracking-[0.2em] text-slate-400 mb-2">Search</div>
                 <p className="text-xs text-slate-300">View detailed information</p>
@@ -462,202 +483,206 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
             </div>
           </div>
 
-          <div className="glass-card rounded-[2.5rem] overflow-hidden border border-white/5 bg-slate-900/40 backdrop-blur-xl shadow-2xl">
-            {/* Header Section */}
-            <div className="p-10 md:p-14 border-b border-white/5 relative overflow-hidden">
-              <div className="absolute top-0 right-0 w-64 h-64 bg-purple-500/10 blur-[100px] -translate-y-1/2 translate-x-1/2" />
-              <div className="relative z-10">
-                <div className="flex items-center gap-3 mb-6">
-                  <span className="text-sm font-mono text-purple-400 bg-purple-400/10 px-3 py-1 rounded-lg border border-purple-400/20">{selectedTenderForModal.code}</span>
-                  <span className={`px-3 py-1 rounded-lg text-xs font-black uppercase tracking-widest ${
-                    selectedTenderForModal.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800 text-slate-500'
-                  }`}>
-                    {selectedTenderForModal.status}
-                  </span>
-                </div>
-                <h3 className="text-3xl md:text-4xl font-black text-white leading-tight tracking-tight mb-4">{selectedTenderForModal.name}</h3>
-
-                <div className="flex flex-wrap items-center gap-x-8 gap-y-4">
-                  <div className="flex items-center gap-3">
-                    <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏢</div>
-                    <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer}</span>
-                  </div>
-                  <div className="flex items-center gap-3">
-                    <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">📍</div>
-                    <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer_region || selectedTenderForModal.region || "Nacional"}</span>
+          {activeDetailTab === "Overview" ? (
+            <div className="glass-card rounded-[2.5rem] overflow-hidden border border-white/5 bg-slate-900/40 backdrop-blur-xl shadow-2xl">
+              {/* Header Section */}
+              <div className="p-10 md:p-14 border-b border-white/5 relative overflow-hidden">
+                <div className="absolute top-0 right-0 w-64 h-64 bg-purple-500/10 blur-[100px] -translate-y-1/2 translate-x-1/2" />
+                <div className="relative z-10">
+                  <div className="flex items-center gap-3 mb-6">
+                    <span className="text-sm font-mono text-purple-400 bg-purple-400/10 px-3 py-1 rounded-lg border border-purple-400/20">{selectedTenderForModal.code}</span>
+                    <span className={`px-3 py-1 rounded-lg text-xs font-black uppercase tracking-widest ${
+                      selectedTenderForModal.status.toLowerCase().includes('publicada') ? 'bg-green-500/10 text-green-400 border border-green-500/20' : 'bg-slate-800 text-slate-500'
+                    }`}>
+                      {selectedTenderForModal.status}
+                    </span>
                   </div>
-                  <div className="flex items-center gap-3">
-                    <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏷️</div>
-                    <span className="text-slate-400 font-medium">Type: {selectedTenderForModal.type || "N/A"}</span>
+                  <h3 className="text-3xl md:text-4xl font-black text-white leading-tight tracking-tight mb-4">{selectedTenderForModal.name}</h3>
+
+                  <div className="flex flex-wrap items-center gap-x-8 gap-y-4">
+                    <div className="flex items-center gap-3">
+                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏢</div>
+                      <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer}</span>
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">📍</div>
+                      <span className="text-slate-400 font-medium">{selectedTenderForModal.buyer_region || selectedTenderForModal.region || "Nacional"}</span>
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center text-lg">🏷️</div>
+                      <span className="text-slate-400 font-medium">Type: {selectedTenderForModal.type || "N/A"}</span>
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
 
-            {/* Content Section */}
-            <div className="p-10 md:p-14">
-              <div className="grid gap-16 lg:grid-cols-3">
-                {/* Main Column */}
-                <div className="lg:col-span-2 space-y-12">
-                  <section>
-                    <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
-                      <span className="w-8 h-[1px] bg-slate-700" />
-                      Project Scope & Description
-                    </h4>
-                    <div className="text-slate-300 leading-relaxed text-lg bg-white/[0.02] p-8 rounded-[2rem] border border-white/5 whitespace-pre-wrap font-light mb-12">
-                      {selectedTenderForModal.description || "No detailed description provided."}
-                    </div>
+              {/* Content Section */}
+              <div className="p-10 md:p-14">
+                <div className="grid gap-16 lg:grid-cols-3">
+                  {/* Main Column */}
+                  <div className="lg:col-span-2 space-y-12">
+                    <section>
+                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
+                        <span className="w-8 h-[1px] bg-slate-700" />
+                        Project Scope & Description
+                      </h4>
+                      <div className="text-slate-300 leading-relaxed text-lg bg-white/[0.02] p-8 rounded-[2rem] border border-white/5 whitespace-pre-wrap font-light mb-12">
+                        {selectedTenderForModal.description || "No detailed description provided."}
+                      </div>
 
-                    {selectedTenderForModal.items && selectedTenderForModal.items.length > 0 && (
-                      <section>
-                        <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
-                          <span className="w-8 h-[1px] bg-slate-700" />
-                          Line Items & Requirements
-                        </h4>
-                        <div className="overflow-hidden rounded-3xl border border-white/5 bg-white/[0.01]">
-                          <table className="w-full text-left text-xs">
-                            <thead className="bg-white/5 text-slate-500 uppercase font-black tracking-tighter">
-                              <tr>
-                                <th className="px-6 py-4">Item / Product</th>
-                                <th className="px-6 py-4">Category</th>
-                                <th className="px-6 py-4 text-right">Quantity</th>
-                              </tr>
-                            </thead>
-                            <tbody className="divide-y divide-white/5">
-                              {selectedTenderForModal.items.map((item, idx) => (
-                                <tr key={idx} className="hover:bg-white/[0.02]">
-                                  <td className="px-6 py-4">
-                                    <div className="text-slate-200 font-bold">{item.name}</div>
-                                    <div className="text-[10px] text-slate-500 mt-1">{item.description}</div>
-                                  </td>
-                                  <td className="px-6 py-4 text-slate-400">{item.category || "N/A"}</td>
-                                  <td className="px-6 py-4 text-right">
-                                    <span className="text-cyan font-mono font-bold">{item.quantity}</span>
-                                    <span className="ml-1 text-slate-500 uppercase text-[10px]">{item.unit}</span>
-                                  </td>
+                      {selectedTenderForModal.items && selectedTenderForModal.items.length > 0 && (
+                        <section>
+                          <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6 flex items-center gap-3">
+                            <span className="w-8 h-[1px] bg-slate-700" />
+                            Line Items & Requirements
+                          </h4>
+                          <div className="overflow-hidden rounded-3xl border border-white/5 bg-white/[0.01]">
+                            <table className="w-full text-left text-xs">
+                              <thead className="bg-white/5 text-slate-500 uppercase font-black tracking-tighter">
+                                <tr>
+                                  <th className="px-6 py-4">Item / Product</th>
+                                  <th className="px-6 py-4">Category</th>
+                                  <th className="px-6 py-4 text-right">Quantity</th>
                                 </tr>
-                              ))}
-                            </tbody>
-                          </table>
-                        </div>
-                      </section>
-                    )}
-                  </section>
+                              </thead>
+                              <tbody className="divide-y divide-white/5">
+                                {selectedTenderForModal.items.map((item, idx) => (
+                                  <tr key={idx} className="hover:bg-white/[0.02]">
+                                    <td className="px-6 py-4">
+                                      <div className="text-slate-200 font-bold">{item.name}</div>
+                                      <div className="text-[10px] text-slate-500 mt-1">{item.description}</div>
+                                    </td>
+                                    <td className="px-6 py-4 text-slate-400">{item.category || "N/A"}</td>
+                                    <td className="px-6 py-4 text-right">
+                                      <span className="text-cyan font-mono font-bold">{item.quantity}</span>
+                                      <span className="ml-1 text-slate-500 uppercase text-[10px]">{item.unit}</span>
+                                    </td>
+                                  </tr>
+                                ))}
+                              </tbody>
+                            </table>
+                          </div>
+                        </section>
+                      )}
+                    </section>
 
-                  <div className="grid grid-cols-2 gap-6">
-                    <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
-                      <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Estimated Investment</div>
-                      <div className="text-xl text-white font-bold tracking-tight">
-                        {selectedTenderForModal.estimated_amount 
-                          ? new Intl.NumberFormat("es-CL", { style: "currency", currency: selectedTenderForModal.currency || "CLP" }).format(selectedTenderForModal.estimated_amount) 
-                          : "Not Disclosed"}
+                    <div className="grid grid-cols-2 gap-6">
+                      <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
+                        <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Estimated Investment</div>
+                        <div className="text-xl text-white font-bold tracking-tight">
+                          {selectedTenderForModal.estimated_amount 
+                            ? new Intl.NumberFormat("es-CL", { style: "currency", currency: selectedTenderForModal.currency || "CLP" }).format(selectedTenderForModal.estimated_amount) 
+                            : "Not Disclosed"}
+                        </div>
+                        {selectedTenderForModal.currency && selectedTenderForModal.currency !== 'CLP' && (
+                          <div className="text-[10px] text-cyan mt-1 font-bold">Currency: {selectedTenderForModal.currency}</div>
+                        )}
+                      </div>
+                      <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
+                        <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Industry Classification</div>
+                        <div className="text-xl text-white font-bold tracking-tight">{selectedTenderForModal.sector || "General Procurement"}</div>
                       </div>
-                      {selectedTenderForModal.currency && selectedTenderForModal.currency !== 'CLP' && (
-                        <div className="text-[10px] text-cyan mt-1 font-bold">Currency: {selectedTenderForModal.currency}</div>
-                      )}
-                    </div>
-                    <div className="p-6 rounded-3xl bg-white/[0.03] border border-white/5 group hover:bg-white/[0.05] transition-colors">
-                      <div className="text-[10px] uppercase text-slate-500 font-black mb-2 tracking-widest">Industry Classification</div>
-                      <div className="text-xl text-white font-bold tracking-tight">{selectedTenderForModal.sector || "General Procurement"}</div>
                     </div>
                   </div>
-                </div>
 
-                {/* Sidebar Column */}
-                <div className="space-y-12">
-                  <div className="p-8 rounded-[2rem] bg-purple-600/10 border border-purple-500/20 shadow-2xl shadow-purple-500/5 relative overflow-hidden group">
-                    <div className="absolute top-0 right-0 w-32 h-32 bg-purple-500/20 blur-[60px] opacity-0 group-hover:opacity-100 transition-opacity" />
-                    <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-purple-400 mb-6">Timeline</h4>
-                    
-                    <div className="space-y-4">
-                      <div>
-                        <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Closing Deadline</div>
-                        <div className="text-2xl font-black text-white font-mono">
-                          {selectedTenderForModal.closing_date ? new Date(selectedTenderForModal.closing_date).toLocaleDateString() : "---"}
-                        </div>
-                      </div>
+                  {/* Sidebar Column */}
+                  <div className="space-y-12">
+                    <div className="p-8 rounded-[2rem] bg-purple-600/10 border border-purple-500/20 shadow-2xl shadow-purple-500/5 relative overflow-hidden group">
+                      <div className="absolute top-0 right-0 w-32 h-32 bg-purple-500/20 blur-[60px] opacity-0 group-hover:opacity-100 transition-opacity" />
+                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-purple-400 mb-6">Timeline</h4>
                       
-                      {selectedTenderForModal.publication_date && (
+                      <div className="space-y-4">
                         <div>
-                          <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Published On</div>
-                          <div className="text-sm font-bold text-slate-300">
-                            {new Date(selectedTenderForModal.publication_date).toLocaleDateString()}
+                          <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Closing Deadline</div>
+                          <div className="text-2xl font-black text-white font-mono">
+                            {selectedTenderForModal.closing_date ? new Date(selectedTenderForModal.closing_date).toLocaleDateString() : "---"}
                           </div>
                         </div>
-                      )}
+                        
+                        {selectedTenderForModal.publication_date && (
+                          <div>
+                            <div className="text-[10px] text-slate-500 font-bold uppercase tracking-widest mb-1">Published On</div>
+                            <div className="text-sm font-bold text-slate-300">
+                              {new Date(selectedTenderForModal.publication_date).toLocaleDateString()}
+                            </div>
+                          </div>
+                        )}
+                      </div>
+                      
+                      <p className="mt-6 text-[10px] text-purple-400/60 font-bold uppercase tracking-tighter border-t border-purple-400/10 pt-4">Final Window for Submission</p>
                     </div>
-                    
-                    <p className="mt-6 text-[10px] text-purple-400/60 font-bold uppercase tracking-tighter border-t border-purple-400/10 pt-4">Final Window for Submission</p>
-                  </div>
 
-                  <div>
-                    <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6">Official Documentation</h4>
-                    <div className="grid gap-3">
-                      {selectedTenderForModal.attachments?.map((att, i) => (
-                        <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-5 rounded-2xl bg-white/[0.03] hover:bg-white/[0.08] border border-white/5 transition-all group/file">
-                          <div className="flex items-center gap-4">
-                            <div className="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center text-2xl">
-                              {att.name.endsWith('.pdf') ? "📕" : "📘"}
-                            </div>
-                            <div className="flex flex-col">
-                              <span className="text-sm font-bold text-slate-200 group-hover/file:text-white transition-colors truncate max-w-[150px]">{att.name}</span>
-                              <span className="text-[9px] text-slate-600 uppercase font-black">Official Basis</span>
+                    <div>
+                      <h4 className="text-[10px] font-black uppercase tracking-[0.3em] text-slate-500 mb-6">Official Documentation</h4>
+                      <div className="grid gap-3">
+                        {selectedTenderForModal.attachments?.map((att, i) => (
+                          <a key={i} href={att.url} target="_blank" className="flex items-center justify-between p-5 rounded-2xl bg-white/[0.03] hover:bg-white/[0.08] border border-white/5 transition-all group/file">
+                            <div className="flex items-center gap-4">
+                              <div className="w-10 h-10 rounded-xl bg-white/5 flex items-center justify-center text-2xl">
+                                {att.name.endsWith('.pdf') ? "📕" : "📘"}
+                              </div>
+                              <div className="flex flex-col">
+                                <span className="text-sm font-bold text-slate-200 group-hover/file:text-white transition-colors truncate max-w-[150px]">{att.name}</span>
+                                <span className="text-[9px] text-slate-600 uppercase font-black">Official Basis</span>
+                              </div>
                             </div>
+                            <span className="text-xl text-slate-600 group-hover/file:text-purple-400 transition-colors">↓</span>
+                          </a>
+                        ))}
+                        {!selectedTenderForModal.attachments?.length && (
+                          <div className="p-8 text-center rounded-2xl border border-white/5 bg-white/[0.01]">
+                            <p className="text-xs text-slate-600 italic font-medium">No external files registered.</p>
                           </div>
-                          <span className="text-xl text-slate-600 group-hover/file:text-purple-400 transition-colors">↓</span>
-                        </a>
-                      ))}
-                      {!selectedTenderForModal.attachments?.length && (
-                        <div className="p-8 text-center rounded-2xl border border-white/5 bg-white/[0.01]">
-                          <p className="text-xs text-slate-600 italic font-medium">No external files registered.</p>
-                        </div>
-                      )}
+                        )}
+                      </div>
                     </div>
-                  </div>
 
-                  <a 
-                    href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${selectedTenderForModal.code}`}
-                    target="_blank"
-                    className="flex items-center justify-center gap-3 w-full p-5 rounded-2xl bg-white/5 border border-white/10 text-white text-sm font-black uppercase tracking-widest hover:bg-white/10 transition-all shadow-xl active:scale-[0.98]"
-                  >
-                    Mercado Público Portal ↗
-                  </a>
+                    <a 
+                      href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${selectedTenderForModal.code}`}
+                      target="_blank"
+                      className="flex items-center justify-center gap-3 w-full p-5 rounded-2xl bg-white/5 border border-white/10 text-white text-sm font-black uppercase tracking-widest hover:bg-white/10 transition-all shadow-xl active:scale-[0.98]"
+                    >
+                      Mercado Público Portal ↗
+                    </a>
+                  </div>
                 </div>
               </div>
-            </div>
 
-            {/* Action Footer */}
-            <div className="p-10 md:p-14 bg-slate-950/40 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-8">
-              <div className="flex items-center gap-4">
-                <div className="w-12 h-12 rounded-full bg-cyan/10 border border-cyan/20 flex items-center justify-center text-cyan">🤖</div>
-                <div>
-                  <p className="text-white font-bold text-sm">Ready for Analysis</p>
-                  <p className="text-slate-500 text-xs">Run AI compliance check and opportunity fit assessment.</p>
+              {/* Action Footer */}
+              <div className="p-10 md:p-14 bg-slate-950/40 border-t border-white/5 flex flex-col md:flex-row items-center justify-between gap-8">
+                <div className="flex items-center gap-4">
+                  <div className="w-12 h-12 rounded-full bg-cyan/10 border border-cyan/20 flex items-center justify-center text-cyan">🤖</div>
+                  <div>
+                    <p className="text-white font-bold text-sm">Ready for Analysis</p>
+                    <p className="text-slate-500 text-xs">Run AI compliance check and opportunity fit assessment.</p>
+                  </div>
+                </div>
+                <div className="flex items-center gap-4 w-full md:w-auto">
+                  <button 
+                    onClick={() => toggleFollow(selectedTenderForModal)}
+                    className={`flex-1 md:flex-none px-6 py-3 text-xs font-bold uppercase tracking-widest rounded-lg border transition-all ${
+                      followedCodes.includes(selectedTenderForModal.code)
+                        ? 'bg-purple-500/20 border-purple-500/40 text-purple-300'
+                        : 'border-white/10 text-slate-400 hover:border-purple-400/40 hover:text-purple-300'
+                    }`}
+                  >
+                    {followedCodes.includes(selectedTenderForModal.code) ? "★ In Portfolio" : "☆ Add to Portfolio"}
+                  </button>
+                  <button 
+                    onClick={() => {
+                      onAnalyze(selectedTenderForModal);
+                      setSelectedTenderForModal(null);
+                    }}
+                    className="flex-1 md:flex-none premium-gradient text-white px-8 py-3 rounded-lg font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-purple-500/30 hover:scale-105 active:scale-95 transition-all"
+                  >
+                    {t.analyze}
+                  </button>
                 </div>
-              </div>
-              <div className="flex items-center gap-4 w-full md:w-auto">
-                <button 
-                  onClick={() => toggleFollow(selectedTenderForModal)}
-                  className={`flex-1 md:flex-none px-6 py-3 text-xs font-bold uppercase tracking-widest rounded-lg border transition-all ${
-                    followedCodes.includes(selectedTenderForModal.code)
-                      ? 'bg-purple-500/20 border-purple-500/40 text-purple-300'
-                      : 'border-white/10 text-slate-400 hover:border-purple-400/40 hover:text-purple-300'
-                  }`}
-                >
-                  {followedCodes.includes(selectedTenderForModal.code) ? "★ In Portfolio" : "☆ Add to Portfolio"}
-                </button>
-                <button 
-                  onClick={() => {
-                    onAnalyze(selectedTenderForModal);
-                    setSelectedTenderForModal(null);
-                  }}
-                  className="flex-1 md:flex-none premium-gradient text-white px-8 py-3 rounded-lg font-black text-xs uppercase tracking-[0.2em] shadow-xl shadow-purple-500/30 hover:scale-105 active:scale-95 transition-all"
-                >
-                  {t.analyze}
-                </button>
               </div>
             </div>
-          </div>
+          ) : (
+            <AgentChat tender={selectedTenderForModal} companyProfile={companyProfile} />
+          )}
         </div>
       )}