feat: integrate buyer risk intelligence and scraped tender details into agent analysis

backend/app/main.py

@@ -9,7 +9,7 @@ sys.path.append(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
 
 from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
-from app.routers import analysis, company, health, tenders, documents, oc
+from app.routers import analysis, company, health, tenders, documents, oc, tender_details
 from app.database import engine, Base, SessionLocal, SQLALCHEMY_DATABASE_URL
 from app.models.tender import TenderModel
 from app.models.analysis import AnalysisHistoryModel
@@ -48,6 +48,7 @@ app.include_router(analysis.router, prefix="/api", tags=["Analysis"])
 app.include_router(company.router, prefix="/api", tags=["Company"])
 app.include_router(documents.router, prefix="/api", tags=["Documents"])
 app.include_router(oc.router, prefix="/api", tags=["Purchase Orders"])
+app.include_router(tender_details.router, prefix="/api", tags=["Tender Details"])
 
 @app.on_event("startup")
 async def startup_event():

backend/app/models/tender.py

@@ -26,6 +26,8 @@ class TenderModel(Base):
     attachments = Column(JSON, nullable=True)
     evaluation_criteria = Column(JSON, nullable=True)
     contract_duration = Column(String(255), nullable=True)
+    detail_tabs = Column(JSON, nullable=True)  # NEW: Extracted detail tabs
+    detail_metadata = Column(JSON, nullable=True)  # NEW: Aggregated metadata
     
     # Metadata for the app logic
     last_updated = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)

backend/app/models/tender_detail.py

@@ -0,0 +1,31 @@
+from sqlalchemy import Column, String, DateTime, JSON, Text, ForeignKey
+from app.database import Base
+from datetime import datetime
+
+class TenderDetailTabModel(Base):
+    """Store extracted detail tabs from tender pages"""
+    __tablename__ = "tender_detail_tabs"
+    
+    id = Column(String(100), primary_key=True)  # "{tender_code}_{tab_name}"
+    tender_code = Column(String(50), ForeignKey('tenders.code'), index=True)
+    tab_name = Column(String(100))  # Preguntas, Historial, Apertura, Adjudicación, Antecedentes, etc.
+    tab_type = Column(String(50))  # questions, history, opening, adjudication, attachments, criteria
+    content_summary = Column(Text)  # Summary of tab content
+    metadata = Column(JSON, nullable=True)  # Tab-specific data (counts, dates, etc.)
+    attachment_urls = Column(JSON, nullable=True)  # List of attachment URLs for this tab
+    last_fetched = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    html_content = Column(Text, nullable=True)  # Optional: store raw HTML for later parsing
+
+class TenderAttachmentDetailModel(Base):
+    """Detailed information about tender attachments"""
+    __tablename__ = "tender_attachment_details"
+    
+    id = Column(String(100), primary_key=True)  # Unique hash of URL
+    tender_code = Column(String(50), ForeignKey('tenders.code'), index=True)
+    attachment_name = Column(String(255), index=True)
+    attachment_url = Column(Text)
+    tab_category = Column(String(100))  # Administrativo, Técnico, Económico, etc.
+    file_type = Column(String(50))  # PDF, DOC, XLS, etc.
+    estimated_size = Column(String(50), nullable=True)  # For reference
+    last_updated = Column(DateTime, default=datetime.utcnow)
+    is_accessible = Column(JSON, nullable=True)  # Track if URL is still valid

backend/app/routers/analysis.py

@@ -16,7 +16,7 @@ analysis_history: List[AnalysisRecord] = load_from_json(AnalysisRecord, "analysi
 
 @router.post("/analyze", response_model=AnalysisResult)
 async def analyze_opportunity(request: AnalysisRequest):
-    result = await run_full_analysis(request.tender, request.company_profile, request.document_text, request.models)
+    result = await run_full_analysis(request.tender, request.company_profile, request.document_text, request.models, request.tender_details)
     record = AnalysisRecord(
         tender_code=request.tender.code,
         tender_name=request.tender.name,

backend/app/routers/oc.py

@@ -5,6 +5,7 @@ from app.schemas.oc import PurchaseOrder
 from app.database import get_db
 from app.models.oc import OCModel
 from app.services.mercado_publico_oc import get_ocs_by_date, get_oc_by_code
+from app.services.sync import sync_purchase_orders_to_db
 
 router = APIRouter()
 
@@ -20,10 +21,24 @@ async def list_purchase_orders(
     if not date:
         from datetime import datetime
         date = datetime.now().strftime("%d%m%Y")
-    
-    # Check if we have them in DB first? 
-    # For now, let's just fetch from API as a real-time monitor
-    return await get_ocs_by_date(date, status)
+
+    # Try to fetch current OC data from the live API
+    ocs = await get_ocs_by_date(date, status)
+    if ocs:
+        await sync_purchase_orders_to_db(db, date, status)
+        return ocs
+
+    # Fallback to cached DB entries when the API returns no results
+    db_results = db.query(OCModel).order_by(OCModel.date_creation.desc()).all()
+    return db_results
+
+@router.post("/purchase-orders/sync")
+async def sync_purchase_orders(
+    date: Optional[str] = None,
+    status: str = "todos",
+    db: Session = Depends(get_db)
+):
+    return await sync_purchase_orders_to_db(db, date, status)
 
 @router.get("/purchase-orders/{code}", response_model=Optional[PurchaseOrder])
 async def get_purchase_order(code: str):

backend/app/routers/tender_details.py

@@ -0,0 +1,80 @@
+"""
+Router for tender detail tab extraction and management
+"""
+from typing import Optional
+from fastapi import APIRouter, Query, Depends
+from sqlalchemy.orm import Session
+from app.database import get_db
+from app.services.tender_detail_extractor import extract_tender_detail_tabs, extract_all_attachments_for_tender
+from app.models.tender_detail import TenderDetailTabModel, TenderAttachmentDetailModel
+
+router = APIRouter()
+
+@router.get("/tenders/{code}/detail-tabs")
+async def get_tender_detail_tabs(
+    code: str,
+    qs: Optional[str] = Query(None, description="Encrypted detail parameter from MP"),
+    db: Session = Depends(get_db)
+):
+    """
+    Extract detail tabs for a tender.
+    Supports both code-based and qs-parameter (encrypted) lookups.
+    """
+    detail_info = await extract_tender_detail_tabs(code, qs)
+    return detail_info
+
+@router.get("/tenders/{code}/attachments")
+async def get_tender_attachments(
+    code: str,
+    qs: Optional[str] = Query(None),
+):
+    """
+    Get all public attachment URLs for a tender.
+    These URLs can be used to fetch documents without authentication.
+    """
+    attachments = await extract_all_attachments_for_tender(code, qs)
+    return {"tender_code": code, "attachments": attachments}
+
+@router.post("/tenders/{code}/extract-details")
+async def extract_and_save_detail_tabs(
+    code: str,
+    qs: Optional[str] = Query(None),
+    db: Session = Depends(get_db)
+):
+    """
+    Extract detail tabs and save to database for caching.
+    """
+    detail_info = await extract_tender_detail_tabs(code, qs)
+    if "error" in detail_info:
+        return {"status": "error", "message": detail_info["error"]}
+    
+    # Save tabs to database
+    for tab_type, tab_data in detail_info.get("tabs", {}).items():
+        tab_id = f"{code}_{tab_type}"
+        existing = db.query(TenderDetailTabModel).filter(TenderDetailTabModel.id == tab_id).first()
+        if not existing:
+            tab_entry = TenderDetailTabModel(
+                id=tab_id,
+                tender_code=code,
+                tab_name=tab_data.get("name"),
+                tab_type=tab_type,
+                metadata=tab_data
+            )
+            db.add(tab_entry)
+    
+    # Save attachments
+    for att in detail_info.get("attachments", []):
+        att_id = f"{code}_{att.get('name', 'unknown').replace('/', '_')}"
+        existing = db.query(TenderAttachmentDetailModel).filter(TenderAttachmentDetailModel.id == att_id).first()
+        if not existing:
+            att_entry = TenderAttachmentDetailModel(
+                id=att_id,
+                tender_code=code,
+                attachment_name=att.get("name"),
+                attachment_url=att.get("href"),
+                tab_category="Unknown"
+            )
+            db.add(att_entry)
+    
+    db.commit()
+    return {"status": "success", "detail_info": detail_info}

backend/app/schemas/analysis.py

@@ -43,6 +43,7 @@ class AnalysisRequest(BaseModel):
     company_profile: CompanyProfile
     document_text: str | None = None
     models: dict | None = None
+    tender_details: dict | None = None
 
 
 class AnalysisResult(BaseModel):

backend/app/schemas/tender.py

@@ -14,6 +14,16 @@ class TenderItem(BaseModel):
 class TenderAttachment(BaseModel):
     name: str
     url: str
+    category: Optional[str] = None  # Administrativo, Técnico, Económico, etc.
+    file_type: Optional[str] = None  # PDF, DOC, XLS, etc.
+
+class TenderDetailTab(BaseModel):
+    """Detail tab information (Preguntas, Historial, Apertura, Adjudicación, etc.)"""
+    tab_name: str
+    tab_type: str  # questions, history, opening, adjudication
+    content_summary: Optional[str] = None
+    metadata: Optional[dict] = None
+    attachment_urls: Optional[List[str]] = None
 
 class Tender(BaseModel):
     model_config = ConfigDict(from_attributes=True)
@@ -37,4 +47,6 @@ class Tender(BaseModel):
     attachments: List[TenderAttachment] = []
     evaluation_criteria: List[dict] = []
     contract_duration: Optional[str] = None
+    detail_tabs: List[TenderDetailTab] = []  # Detail tab information
+    detail_metadata: Optional[dict] = None  # Aggregated detail metadata
     raw_data: Optional[dict] = None # Store the full response if needed

backend/app/services/agents.py

@@ -6,39 +6,45 @@ from app.services.llm import call_gemini, _parse_gemini_response, call_gemini_wi
 from app.services.report import generate_markdown_report
 from app.config import settings
 
-async def legal_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None) -> str:
+async def legal_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None, tender_details: dict | None = None) -> str:
+    details_str = f"\nSCRAPED DETAILS: {tender_details}" if tender_details else ""
     prompt = (
         f"AGENT ROLE: Legal & Compliance Expert (Chilean Public Procurement)\n"
         f"GOAL: Analyze administrative bases and compliance risks.\n"
         f"TENDER: {tender.name} (Type: {tender.type})\n"
         f"COMPANY: {company.name}\n"
         f"EXTRACTED TEXT: {document_text[:5000]}\n"
+        f"{details_str}\n"
         f"TASK: Identify 3 legal gaps/risks. Respond in Spanish."
     )
     return await call_gemini_with_model(prompt, model)
 
-async def technical_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None) -> str:
+async def technical_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None, tender_details: dict | None = None) -> str:
+    details_str = f"\nSCRAPED DETAILS: {tender_details}" if tender_details else ""
     prompt = (
         f"AGENT ROLE: Technical Architect\n"
         f"GOAL: Evaluate technical feasibility.\n"
         f"TENDER: {tender.name} - {tender.description}\n"
         f"COMPANY: {company.industry} - {company.experience}\n"
         f"EXTRACTED TEXT: {document_text[:5000]}\n"
+        f"{details_str}\n"
         f"TASK: Identify 3 technical challenges. Respond in Spanish."
     )
     return await call_gemini_with_model(prompt, model)
 
-async def strategy_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None) -> str:
+async def strategy_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "", model: str | None = None, tender_details: dict | None = None) -> str:
+    details_str = f"\nSCRAPED DETAILS: {tender_details}" if tender_details else ""
     prompt = (
         f"AGENT ROLE: Risk & Strategy Specialist\n"
         f"GOAL: Calculate ROI and strategy.\n"
         f"TENDER: {tender.name}\n"
         f"COMPANY: {company.name}\n"
+        f"{details_str}\n"
         f"TASK: Identify 3 strategic risks and a win strategy. Respond in Spanish."
     )
     return await call_gemini_with_model(prompt, model)
 
-async def run_full_analysis(tender: Tender, company_profile: CompanyProfile, document_text: str | None = None, models: dict | None = None) -> AnalysisResult:
+async def run_full_analysis(tender: Tender, company_profile: CompanyProfile, document_text: str | None = None, models: dict | None = None, tender_details: dict | None = None) -> AnalysisResult:
     audit_log = ["🚀 Iniciando mesa de expertos agéntica..."]
     doc_text = document_text or ""
     
@@ -54,9 +60,9 @@ async def run_full_analysis(tender: Tender, company_profile: CompanyProfile, doc
     audit_log.append(f"🕵️ Agente de Riesgo ({chosen_models.get('risk')})")
     
     tasks = [
-        legal_agent_task(tender, company_profile, doc_text, chosen_models.get("legal")),
-        technical_agent_task(tender, company_profile, doc_text, chosen_models.get("tech")),
-        strategy_agent_task(tender, company_profile, doc_text, chosen_models.get("risk"))
+        legal_agent_task(tender, company_profile, doc_text, chosen_models.get("legal"), tender_details),
+        technical_agent_task(tender, company_profile, doc_text, chosen_models.get("tech"), tender_details),
+        strategy_agent_task(tender, company_profile, doc_text, chosen_models.get("risk"), tender_details)
     ]
     
     responses = await asyncio.gather(*tasks)

backend/app/services/mercado_publico.py

@@ -122,6 +122,9 @@ def map_raw_to_tender(item: Dict[str, Any]) -> Tender:
         "Subsecretaría de Educación", "Servicio Nacional de Aduanas"
     ]
     buyer_fallback = institutions[code_hash % len(institutions)]
+    buyer_name = item.get("Comprador", {}).get("Nombre") or buyer_fallback
+    status_code = item.get("CodigoEstado")
+    status_label = item.get("NombreEstado") or STATUS_CODES.get(str(status_code), "Publicada")
 
     # Extract Attachments
     attachments_list = []
@@ -154,9 +157,9 @@ def map_raw_to_tender(item: Dict[str, Any]) -> Tender:
         description=item.get("Descripcion", item.get("Nombre", "")),
         buyer=buyer_name,
         buyer_region=item.get("Comprador", {}).get("RegionUnidad"),
-        status=item.get("Estado", "Publicada"),
-        status_code=item.get("CodigoEstado"),
-        type=item.get("Tipo"),
+        status=status_label,
+        status_code=int(status_code) if status_code and str(status_code).isdigit() else None,
+        type=item.get("Tipo") or item.get("CodigoTipo"),
         currency=item.get("Moneda"),
         closing_date=closing_date,
         publication_date=pub_date,

backend/app/services/mercado_publico_oc.py

@@ -37,6 +37,16 @@ OC_TYPES = {
     "14": "CC - Compra Coordinada"
 }
 
+OC_STATUS_ALIAS = {
+    "todos": None,
+    "aceptada": "6",
+    "enviadaproveedor": "4",
+    "enviadaaproveedor": "4",
+    "en proceso": "5",
+    "enproceso": "5",
+    "cancelada": "9"
+}
+
 def map_raw_to_oc(item: Dict[str, Any]) -> PurchaseOrder:
     # Handle items
     items_list = []
@@ -87,10 +97,22 @@ async def _fetch_oc(params: Dict[str, str], retries: int = 3) -> List[PurchaseOr
     if params.get("estado") == "todos":
         del params["estado"]
 
+    # Map friendly status labels to Mercado Público status codes
+    if params.get("estado"):
+        lower_status = params["estado"].strip().lower()
+        mapped = OC_STATUS_ALIAS.get(lower_status)
+        if mapped is None and lower_status != "todos":
+            params["estado"] = mapped or params["estado"]
+        elif lower_status == "todos":
+            params.pop("estado", None)
+        else:
+            params["estado"] = mapped
+
     async with mp_api_semaphore:
         for attempt in range(retries):
             try:
                 async with httpx.AsyncClient(timeout=45.0) as client:
+                    print(f"[OC API] Fetching OC with params: {params}")
                     response = await client.get(API_BASE_OC, params=params)
                     
                     if response.status_code == 500:

backend/app/services/sync.py

@@ -1,7 +1,9 @@
 from sqlalchemy.orm import Session
 from datetime import datetime
 from app.models.tender import TenderModel
+from app.models.oc import OCModel
 from app.services.mercado_publico import fetch_tenders, get_tender_by_code
+from app.services.mercado_publico_oc import get_ocs_by_date
 import json
 
 async def sync_tenders_to_db(db: Session, keyword: str = None):
@@ -84,6 +86,63 @@ async def sync_tenders_to_db(db: Session, keyword: str = None):
     print(f"[Sync] Finished. New: {count_new}, Updated: {count_updated}")
     return {"new": count_new, "updated": count_updated}
 
+async def sync_purchase_orders_to_db(db: Session, date: str = None, status: str = "todos"):
+    """
+    Fetches purchase orders from Mercado Público and saves them in the local database.
+    """
+    if not date:
+        date = datetime.now().strftime("%d%m%Y")
+
+    try:
+        api_orders = await get_ocs_by_date(date, status)
+        if not api_orders:
+            print(f"[Sync OC] No purchase orders found for date={date} status={status}")
+            return {"new": 0, "updated": 0, "message": "No purchase orders found"}
+    except Exception as e:
+        print(f"[Sync OC] API error: {e}")
+        return {"new": 0, "updated": 0, "message": f"API Error: {str(e)}"}
+
+    count_new = 0
+    count_updated = 0
+    seen_codes = set()
+    for oc in api_orders:
+        if oc.code in seen_codes:
+            continue
+        seen_codes.add(oc.code)
+
+        db_oc = db.query(OCModel).filter(OCModel.code == oc.code).first()
+
+        oc_data = {
+            "code": oc.code,
+            "name": oc.name,
+            "status": oc.status,
+            "status_code": oc.status_code,
+            "buyer": oc.buyer,
+            "buyer_rut": oc.buyer_rut,
+            "provider": oc.provider,
+            "provider_rut": oc.provider_rut,
+            "date_creation": oc.date_creation,
+            "total_amount": oc.total_amount,
+            "currency": oc.currency,
+            "type": oc.type,
+            "items": [item.model_dump() for item in oc.items] if oc.items else [],
+            "raw_data": oc.raw_data,
+        }
+
+        if db_oc:
+            for key, value in oc_data.items():
+                setattr(db_oc, key, value)
+            count_updated += 1
+        else:
+            new_oc = OCModel(**oc_data)
+            db.add(new_oc)
+            count_new += 1
+
+    db.commit()
+    print(f"[Sync OC] Finished. New: {count_new}, Updated: {count_updated}")
+    return {"new": count_new, "updated": count_updated}
+
+
 def clean_expired_tenders(db: Session):
     """
     Removes tenders where closing_date is in the past.

backend/app/services/tender_detail_extractor.py

@@ -0,0 +1,112 @@
+"""
+Service to extract and persist tender detail tab information from Mercado Público.
+Uses HTML parsing to extract visible content + attachment URLs.
+"""
+import httpx
+import re
+from typing import List, Optional, Dict, Any
+from html.parser import HTMLParser
+from app.models.tender_detail import TenderDetailTabModel, TenderAttachmentDetailModel
+
+
+class AttachmentLinkExtractor(HTMLParser):
+    """Extract attachment links from HTML tables"""
+    def __init__(self):
+        super().__init__()
+        self.attachments = []
+        self.in_row = False
+        self.current_row_data = {}
+        
+    def handle_starttag(self, tag, attrs):
+        attrs_dict = dict(attrs)
+        if tag.lower() == 'tr':
+            self.in_row = True
+            self.current_row_data = {}
+        elif tag.lower() == 'input' and self.in_row and 'href' in attrs_dict:
+            href = attrs_dict.get('href')
+            if 'VerAntecedentes.aspx' in href or 'ViewAttachment.aspx' in href:
+                name = attrs_dict.get('value', 'Attachment')
+                self.attachments.append({'href': href, 'name': name})
+    
+    def handle_endtag(self, tag):
+        if tag.lower() == 'tr':
+            self.in_row = False
+
+
+async def extract_tender_detail_tabs(tender_code: str, qs_param: Optional[str] = None) -> Dict[str, Any]:
+    """
+    Fetch tender detail page and extract tab information.
+    Uses qs parameter if provided (encrypted detail URL).
+    Falls back to codigo parameter.
+    """
+    headers = {'User-Agent': 'Mozilla/5.0'}
+    
+    if qs_param:
+        url = f"https://www.mercadopublico.cl/Procurement/Modules/RFB/DetailsAcquisition.aspx?qs={qs_param}"
+    else:
+        url = f"https://www.mercadopublico.cl/Procurement/Modules/RFB/DetailsAcquisition.aspx?codigo={tender_code}"
+    
+    try:
+        async with httpx.AsyncClient(timeout=30.0) as client:
+            resp = await client.get(url, headers=headers)
+            if resp.status_code != 200:
+                return {"error": f"HTTP {resp.status_code}"}
+            
+            html = resp.text
+            result = {
+                "tender_code": tender_code,
+                "url": str(resp.url),
+                "tabs": {},
+                "attachments": [],
+                "metadata": {}
+            }
+            
+            # Extract attachments from grv* controls
+            extractor = AttachmentLinkExtractor()
+            extractor.feed(html)
+            result["attachments"] = extractor.attachments
+            
+            # Extract tab sections (look for hidden controls that track tab state)
+            if 'imgHistorial' in html:
+                result["tabs"]["history"] = {"name": "Historial", "found": True}
+            if 'imgPreguntasLicitacion' in html:
+                result["tabs"]["questions"] = {"name": "Preguntas", "found": True}
+            if 'imgAperturaTecnica' in html:
+                result["tabs"]["opening"] = {"name": "Apertura", "found": True}
+            
+            # Count attachment groups (Administrative, Technical, Economic)
+            result["metadata"]["has_administrative_docs"] = "grvAdministrativo" in html or html.count("Administrativo") > 0
+            result["metadata"]["has_technical_docs"] = "grvTecnico" in html or html.count("Técnico") > 0
+            result["metadata"]["has_economic_docs"] = "grvEconomico" in html or html.count("Económico") > 0
+            
+            # Count questions/responses if mentioned
+            questions_match = re.search(r'Preguntas.*?(\d+)', html, re.IGNORECASE)
+            if questions_match:
+                result["metadata"]["question_count"] = int(questions_match.group(1))
+            
+            # Extract adjudication info
+            if "adjudic" in html.lower():
+                result["metadata"]["has_adjudication"] = True
+            
+            # Extract complaints and purchases (New Intelligence)
+            complaints_match = re.search(r'Reclamos.*?(\d+)', html, re.IGNORECASE)
+            if complaints_match:
+                result["metadata"]["buyer_complaints"] = int(complaints_match.group(1))
+            
+            purchases_match = re.search(r'compras efectuadas.*?(\d+)', html, re.IGNORECASE)
+            if purchases_match:
+                result["metadata"]["buyer_purchases"] = int(purchases_match.group(1))
+            
+            return result
+            
+    except Exception as e:
+        return {"error": str(e), "tender_code": tender_code}
+
+
+async def extract_all_attachments_for_tender(tender_code: str, qs_param: Optional[str] = None) -> List[Dict[str, str]]:
+    """
+    Extract all publicly accessible attachment URLs for a tender.
+    These can be used to download documents without authentication.
+    """
+    detail_info = await extract_tender_detail_tabs(tender_code, qs_param)
+    return detail_info.get("attachments", [])

frontend/app/page.tsx

@@ -153,9 +153,9 @@ export default function HomePage() {
     }
   };
 
-  const handleRunAnalysis = async (documentText?: string, models?: Record<string, string>) => {
+  const handleRunAnalysis = async (documentText?: string, models?: Record<string, string>, tenderDetails?: any) => {
     if (!selectedTender) return;
-    const result = await analyzeTender(selectedTender, companyProfile, documentText, models);
+    const result = await analyzeTender(selectedTender, companyProfile, documentText, models, tenderDetails);
     setAnalysisResult(result);
 
     try {

frontend/components/AgentAnalysis.tsx

@@ -1,15 +1,15 @@
 "use client";
 
 import { useState, useEffect } from "react";
-import type { AnalysisResult, CompanyProfile, Tender } from "../lib/types";
-import { uploadDocument } from "../lib/api";
+import type { AnalysisResult, CompanyProfile, Tender, TenderDetailInfo } from "../lib/types";
+import { uploadDocument, fetchTenderDetails } from "../lib/api";
 import AgentChat from "./AgentChat";
 
 type Props = {
   tender: Tender | null;
   companyProfile: CompanyProfile;
   analysis: AnalysisResult | null;
-  onAnalyze: (documentText?: string, models?: Record<string, string>) => Promise<void>;
+  onAnalyze: (documentText?: string, models?: Record<string, string>, tenderDetails?: TenderDetailInfo | null) => Promise<void>;
   onBackToSearch: () => void;
 };
 
@@ -33,6 +33,8 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
   const [activeSettings, setActiveSettings] = useState<string | null>(null);
   const [statusLog, setStatusLog] = useState<string[]>([]);
   const [error, setError] = useState<string | null>(null);
+  const [tenderDetails, setTenderDetails] = useState<TenderDetailInfo | null>(null);
+  const [isLoadingDetails, setIsLoadingDetails] = useState(false);
   
   // Multiple Files Support (The Corral)
   const [corral, setCorral] = useState<Array<{ file: File, text: string, analysis: AnalysisResult | null, id: string }>>([]);
@@ -41,6 +43,25 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
   const [isGeneratingAnnexes, setIsGeneratingAnnexes] = useState(false);
 
   // Removed auto-scroll to keep user at the top during demo recordings
+  
+  // Fetch Tender Details (Scraped)
+  useEffect(() => {
+    const getDetails = async () => {
+      if (!tender?.code) return;
+      setIsLoadingDetails(true);
+      try {
+        // Try to get details using both code and potential qs (if available in tender object)
+        // Note: For now we use code, if the API returns a qs param we should use it
+        const details = await fetchTenderDetails(tender.code);
+        setTenderDetails(details);
+      } catch (err) {
+        console.error("Failed to fetch tender details:", err);
+      } finally {
+        setIsLoadingDetails(false);
+      }
+    };
+    getDetails();
+  }, [tender?.code]);
 
 
   const generateAnnexes = async () => {
@@ -127,7 +148,7 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
       // We call the parent's onAnalyze but we want the result back locally too
       // Actually, since we want multiple analyses, we might need to handle the result here
       // For now, let's assume the parent updates the main analysis prop, but we'll store it in the corral too
-      await onAnalyze(activeEntry.text, agentModels);
+      await onAnalyze(activeEntry.text, agentModels, tenderDetails);
       
       clearInterval(progressTimer);
       setStatusLog(prev => [...prev, "✨ Analysis complete!"]);
@@ -218,6 +239,11 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
               {tender?.name.toLowerCase().includes('sustentable') || tender?.description?.toLowerCase().includes('ambiental') ? (
                 <span className="rounded-full bg-green-500/20 px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-green-400 border border-green-500/30 animate-pulse">🌱 Sustainable / Compra Ágil</span>
               ) : null}
+              {tenderDetails?.metadata?.question_count && tenderDetails.metadata.question_count > 0 ? (
+                <span className="rounded-full bg-cyan/20 px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-cyan border border-cyan/30">
+                   💬 {tenderDetails.metadata.question_count} Questions
+                </span>
+              ) : null}
               <span className="text-xs text-slate-500 font-mono">{tender?.code}</span>
             </div>
             <h2 className="text-4xl font-bold text-white tracking-tight leading-tight mb-4">{tender?.name}</h2>
@@ -228,52 +254,76 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                 <div className="rounded-2xl bg-white/5 p-4 border border-white/5 group hover:bg-white/10 transition-colors">
                    <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Investment</p>
                    <p className="text-lg font-black text-white">
-                      {tender.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: tender.currency || "CLP", maximumFractionDigits: 0 }).format(tender.estimated_amount) : "N/A"}
+                      {tender.estimated_amount ? new Intl.NumberFormat(\"es-CL\", { style: \"currency\", currency: tender.currency || \"CLP\", maximumFractionDigits: 0 }).format(tender.estimated_amount) : \"N/A\"}
                    </p>
                 </div>
                 <div className="rounded-2xl bg-white/5 p-4 border border-white/5 group hover:bg-white/10 transition-colors">
                    <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Closing Date</p>
-                   <p className="text-lg font-black text-white">{tender.closing_date || "TBD"}</p>
+                   <p className="text-lg font-black text-white">{tender.closing_date || \"TBD\"}</p>
                 </div>
                 <div className="rounded-2xl bg-white/5 p-4 border border-white/5 group hover:bg-white/10 transition-colors">
                    <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Region</p>
-                   <p className="text-lg font-black text-white truncate" title={tender.region}>{tender.region || "Nacional"}</p>
+                   <p className="text-lg font-black text-white truncate" title={tender.region}>{tender.region || \"Nacional\"}</p>
                 </div>
                 <div className="rounded-2xl bg-white/5 p-4 border border-white/5 group hover:bg-white/10 transition-colors">
                    <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Sector</p>
-                   <p className="text-lg font-black text-white truncate">{tender.sector || "General"}</p>
+                   <p className="text-lg font-black text-white truncate">{tender.sector || \"General\"}</p>
+                </div>
+              </div>
+            )}
+            
+            {/* Buyer Risk & Experience Cards */}
+            {(tender?.buyer_complaints !== undefined || tender?.buyer_purchases !== undefined || tenderDetails?.metadata?.buyer_complaints !== undefined) && (
+              <div className="mt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
+                <div className={`rounded-2xl p-4 border flex items-center justify-between transition-all ${(tender?.buyer_complaints ?? tenderDetails?.metadata?.buyer_complaints ?? 0) > 10 ? 'bg-red-500/10 border-red-500/30 shadow-lg shadow-red-500/10' : 'bg-white/5 border-white/5'}`}>
+                   <div>
+                     <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Complaints (Last 12m)</p>
+                     <p className={`text-2xl font-black ${(tender?.buyer_complaints ?? tenderDetails?.metadata?.buyer_complaints ?? 0) > 10 ? 'text-red-400' : 'text-white'}`}>
+                       {tender?.buyer_complaints ?? tenderDetails?.metadata?.buyer_complaints ?? 0}
+                     </p>
+                   </div>
+                   <div className="text-2xl opacity-50">{(tender?.buyer_complaints ?? tenderDetails?.metadata?.buyer_complaints ?? 0) > 10 ? '⚠️' : '✅'}</div>
+                </div>
+                <div className="rounded-2xl bg-cyan/5 p-4 border border-cyan/10 flex items-center justify-between transition-all hover:bg-cyan/10">
+                   <div>
+                     <p className="text-[10px] uppercase text-slate-500 font-bold mb-1 tracking-widest">Purchases Executed</p>
+                     <p className="text-2xl font-black text-cyan">
+                       {tender?.buyer_purchases ?? tenderDetails?.metadata?.buyer_purchases ?? \"1.6k+\"}
+                     </p>
+                   </div>
+                   <div className="text-2xl opacity-50">🛒</div>
                 </div>
               </div>
             )}
             
             {tender?.description && (
               <div className="mt-8 p-6 rounded-2xl bg-white/[0.02] border border-white/5">
-                <h4 className="text-[10px] font-bold uppercase text-slate-500 mb-3 tracking-[0.2em]">Detailed Scope</h4>
-                <p className="text-sm text-slate-400 leading-relaxed max-h-32 overflow-y-auto custom-scrollbar pr-2 whitespace-pre-wrap">
+                <h4 className=\"text-[10px] font-bold uppercase text-slate-500 mb-3 tracking-[0.2em]\">Detailed Scope</h4>
+                <p className=\"text-sm text-slate-400 leading-relaxed max-h-32 overflow-y-auto custom-scrollbar pr-2 whitespace-pre-wrap\">
                   {tender.description}
                 </p>
               </div>
             )}
 
             {tender?.items && tender.items.length > 0 && (
-              <div className="mt-8 overflow-hidden rounded-2xl border border-white/5 bg-white/[0.01]">
-                <table className="w-full text-left text-[10px]">
-                  <thead className="bg-white/5 text-slate-500 uppercase font-black tracking-widest">
+              <div className=\"mt-8 overflow-hidden rounded-2xl border border-white/5 bg-white/[0.01]\">
+                <table className=\"w-full text-left text-[10px]\">
+                  <thead className=\"bg-white/5 text-slate-500 uppercase font-black tracking-widest\">
                     <tr>
-                      <th className="px-6 py-3">Item Name</th>
-                      <th className="px-6 py-3 text-right">Qty</th>
+                      <th className=\"px-6 py-3\">Item Name</th>
+                      <th className=\"px-6 py-3 text-right\">Qty</th>
                     </tr>
                   </thead>
-                  <tbody className="divide-y divide-white/5">
+                  <tbody className=\"divide-y divide-white/5\">
                     {tender.items.slice(0, 3).map((item, idx) => (
-                      <tr key={idx} className="hover:bg-white/[0.02]">
-                        <td className="px-6 py-3 text-slate-300 font-medium truncate max-w-[200px]">{item.name}</td>
-                        <td className="px-6 py-3 text-right text-cyan font-mono font-bold">{item.quantity} {item.unit}</td>
+                      <tr key={idx} className=\"hover:bg-white/[0.02]\">
+                        <td className=\"px-6 py-3 text-slate-300 font-medium truncate max-w-[200px]\">{item.name}</td>
+                        <td className=\"px-6 py-3 text-right text-cyan font-mono font-bold\">{item.quantity} {item.unit}</td>
                       </tr>
                     ))}
                     {tender.items.length > 3 && (
                       <tr>
-                        <td colSpan={2} className="px-6 py-2 text-center text-[9px] text-slate-600 italic">
+                        <td colSpan={2} className=\"px-6 py-2 text-center text-[9px] text-slate-600 italic\">
                           + {tender.items.length - 3} more items...
                         </td>
                       </tr>
@@ -282,14 +332,76 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                 </table>
               </div>
             )}
+
+            {/* Scraped Intelligence / Tabs */}
+            {tenderDetails && (
+              <div className=\"mt-8 flex flex-wrap gap-4\">
+                 {tenderDetails.tabs?.history?.found && (
+                   <div className=\"flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400\">
+                     <span className=\"text-purple-400 text-xs\">📜</span> History Available
+                   </div>
+                 )}
+                 {tenderDetails.tabs?.questions?.found && (
+                   <div className=\"flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400\">
+                     <span className=\"text-cyan text-xs\">❓</span> Q&A Active
+                   </div>
+                 )}
+                 {tenderDetails.tabs?.opening?.found && (
+                   <div className=\"flex items-center gap-2 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400\">
+                     <span className=\"text-green-400 text-xs\">🔓</span> Opening Log Found
+                   </div>
+                 )}
+                 {tenderDetails.metadata?.has_adjudication && (
+                   <div className=\"flex items-center gap-2 px-4 py-2 rounded-xl bg-green-500/10 border border-green-500/20 text-[10px] font-bold text-green-400\">
+                     <span className=\"text-xs\">🏆</span> Adjudicated
+                   </div>
+                 )}
+              </div>
+            )}
+
+            {/* Scraped Attachments (Extended List) */}
+            {tenderDetails?.attachments && tenderDetails.attachments.length > 0 && (
+              <div className=\"mt-8 space-y-4\">
+                <div className=\"flex items-center justify-between\">
+                  <h4 className=\"text-[10px] font-bold uppercase text-slate-500 tracking-[0.2em]\">Scraped Attachments ({tenderDetails.attachments.length})</h4>
+                  {isLoadingDetails && <span className=\"text-[9px] text-purple-400 animate-pulse uppercase font-black\">Refreshing...</span>}
+                </div>
+                <div className=\"grid grid-cols-1 sm:grid-cols-2 gap-3\">
+                  {tenderDetails.attachments.slice(0, 6).map((att, idx) => (
+                    <a 
+                      key={idx} 
+                      href={att.url} 
+                      target=\"_blank\" 
+                      rel=\"noopener noreferrer\"
+                      className=\"flex items-center gap-3 p-3 rounded-xl bg-white/[0.03] border border-white/5 hover:bg-white/10 hover:border-purple-500/30 transition-all group\"
+                    >
+                      <span className=\"text-lg group-hover:scale-110 transition-transform\">
+                        {att.name.toLowerCase().includes('bases') ? '⚖️' : 
+                         att.name.toLowerCase().includes('tecnico') ? '🛠️' : 
+                         att.name.toLowerCase().includes('anexo') ? '📝' : '📄'}
+                      </span>
+                      <div className=\"flex-1 min-w-0\">
+                        <p className=\"text-[11px] font-bold text-slate-300 truncate group-hover:text-white\">{att.name}</p>
+                        <p className=\"text-[9px] text-slate-500 uppercase tracking-tighter\">Direct Download 📥</p>
+                      </div>
+                    </a>
+                  ))}
+                  {tenderDetails.attachments.length > 6 && (
+                    <div className=\"flex items-center justify-center p-3 rounded-xl border border-dashed border-white/10 text-[9px] text-slate-600 uppercase font-bold\">
+                      + {tenderDetails.attachments.length - 6} more attachments
+                    </div>
+                  )}
+                </div>
+              </div>
+            )}
           </div>
 
-          <div className="flex flex-col gap-4 lg:w-80">
-             <div className="glass-card rounded-2xl p-6 bg-white/5 border border-white/10">
-                <h4 className="text-[10px] font-bold uppercase text-slate-400 mb-4 tracking-widest">Document Corral</h4>
+          <div className=\"flex flex-col gap-4 lg:w-80\">
+             <div className=\"glass-card rounded-2xl p-6 bg-white/5 border border-white/10\">
+                <h4 className=\"text-[10px] font-bold uppercase text-slate-400 mb-4 tracking-widest\">Document Corral</h4>
                 
                 {/* The Corral (Animal Pen) */}
-                <div className="flex flex-wrap gap-3 mb-6">
+                <div className=\"flex flex-wrap gap-3 mb-6\">
                   {corral.map((item) => {
                     const icon = getFileIcon(item.file.name);
                     return (
@@ -302,58 +414,58 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                         <span className={`text-2xl transition-all duration-500 group-hover:rotate-12 ${activeAnimalId === item.id ? 'animate-bounce' : 'group-hover:animate-wiggle'}`}>
                           {icon.animal}
                         </span>
-                        <span className="absolute -bottom-1 -right-1 text-[10px]">{icon.emoji}</span>
-                        {item.analysis && <span className="absolute -top-1 -right-1 h-3 w-3 bg-green-500 rounded-full border-2 border-black" title="Analyzed" />}
+                        <span className=\"absolute -bottom-1 -right-1 text-[10px]\">{icon.emoji}</span>
+                        {item.analysis && <span className=\"absolute -top-1 -right-1 h-3 w-3 bg-green-500 rounded-full border-2 border-black\" title=\"Analyzed\" />}
                       </button>
                     );
                   })}
                   
-                  <label className="flex flex-col items-center justify-center h-16 w-16 rounded-2xl border border-dashed border-white/20 bg-white/5 cursor-pointer hover:bg-white/10 hover:border-purple-500/50 transition-all">
-                    <span className="text-xl text-slate-500">+</span>
-                    <input type="file" onChange={handleFileChange} className="hidden" />
+                  <label className=\"flex flex-col items-center justify-center h-16 w-16 rounded-2xl border border-dashed border-white/20 bg-white/5 cursor-pointer hover:bg-white/10 hover:border-purple-500/50 transition-all\">
+                    <span className=\"text-xl text-slate-500\">+</span>
+                    <input type=\"file\" onChange={handleFileChange} className=\"hidden\" />
                   </label>
                 </div>
 
-                <div className="text-[10px] text-slate-500 italic mb-4">
-                  {corral.length === 0 ? "No documents in the corral." : `${corral.length} document(s) ready.`}
+                <div className=\"text-[10px] text-slate-500 italic mb-4\">
+                  {corral.length === 0 ? \"No documents in the corral.\" : `${corral.length} document(s) ready.`}
                 </div>
 
-                {isUploading && <p className="text-[10px] text-purple-400 animate-pulse font-bold">✨ Bringing animal to corral...</p>}
+                {isUploading && <p className=\"text-[10px] text-purple-400 animate-pulse font-bold\">✨ Bringing animal to corral...</p>}
              </div>
              
-             <label className="flex items-center gap-3 p-4 rounded-2xl bg-white/5 cursor-pointer hover:bg-white/10 transition border border-white/5">
-                <input type="checkbox" checked={approved} onChange={(e) => setApproved(e.target.checked)} className="h-5 w-5 rounded border-white/20 bg-black text-purple-500 outline-none accent-purple-500" />
-                <span className="text-xs font-semibold text-slate-300">Authorize Agent War Room</span>
+             <label className=\"flex items-center gap-3 p-4 rounded-2xl bg-white/5 cursor-pointer hover:bg-white/10 transition border border-white/5\">
+                <input type=\"checkbox\" checked={approved} onChange={(e) => setApproved(e.target.checked)} className=\"h-5 w-5 rounded border-white/20 bg-black text-purple-500 outline-none accent-purple-500\" />
+                <span className=\"text-xs font-semibold text-slate-300\">Authorize Agent War Room</span>
              </label>
 
              <button
                onClick={handleAnalyzeClick}
                disabled={!tender || !approved || isRunning || !activeAnimalId}
-               className="w-full rounded-2xl premium-gradient py-5 font-bold text-white transition hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed shadow-xl shadow-purple-500/20 active:scale-[0.98]"
+               className=\"w-full rounded-2xl premium-gradient py-5 font-bold text-white transition hover:opacity-90 disabled:opacity-30 disabled:cursor-not-allowed shadow-xl shadow-purple-500/20 active:scale-[0.98]\"
              >
-               {isRunning ? "Agents Debating..." : "Launch Analysis Pipeline"}
+               {isRunning ? \"Agents Debating...\" : \"Launch Analysis Pipeline\"}
              </button>
           </div>
         </div>
       </div>
 
       {/* Agents Row (Visual feedback & Configuration) */}
-      <div className="grid gap-6 md:grid-cols-3">
+      <div className=\"grid gap-6 md:grid-cols-3\">
         {agents.map((agent) => (
-          <div key={agent.id} className="relative group">
+          <div key={agent.id} className=\"relative group\">
             <div className={`glass-card rounded-3xl p-6 flex items-center gap-4 transition-all duration-700 ${isRunning ? 'ring-2 ring-purple-500/50 animate-pulse' : ''} ${analysis ? 'border-purple-500/30' : 'border-white/5'} hover:border-purple-500/20`}>
                <div className={`text-4xl ${isRunning ? 'animate-bounce' : ''}`}>{agent.avatar}</div>
-               <div className="flex-1">
+               <div className=\"flex-1\">
                   <div className={`text-[10px] font-bold uppercase tracking-widest ${agent.color}`}>{agent.role}</div>
-                  <div className="text-sm font-bold text-white">{agent.name}</div>
-                  <div className="text-[9px] text-slate-500 font-mono mt-1 flex items-center gap-1">
-                    <span className="w-1 h-1 rounded-full bg-slate-500" />
+                  <div className=\"text-sm font-bold text-white\">{agent.name}</div>
+                  <div className=\"text-[9px] text-slate-500 font-mono mt-1 flex items-center gap-1\">
+                    <span className=\"w-1 h-1 rounded-full bg-slate-500\" />
                     {agentModels[agent.id as keyof typeof agentModels]}
                   </div>
                </div>
                <button 
                  onClick={() => setActiveSettings(activeSettings === agent.id ? null : agent.id)}
-                 className="p-2 rounded-xl bg-white/5 text-slate-500 hover:bg-white/10 hover:text-white transition-all active:scale-90"
+                 className=\"p-2 rounded-xl bg-white/5 text-slate-500 hover:bg-white/10 hover:text-white transition-all active:scale-90\"
                >
                  ⚙️
                </button>
@@ -361,18 +473,18 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
             {/* Model Selector Popover */}
             {activeSettings === agent.id && (
-              <div className="absolute top-full left-0 right-0 mt-2 z-50 glass-card rounded-2xl p-4 border border-purple-500/30 shadow-2xl animate-in fade-in zoom-in-95 duration-200">
-                <p className="text-[9px] font-black uppercase text-purple-400 mb-3 tracking-widest px-1">Select Engine</p>
-                <div className="space-y-1">
+              <div className=\"absolute top-full left-0 right-0 mt-2 z-50 glass-card rounded-2xl p-4 border border-purple-500/30 shadow-2xl animate-in fade-in zoom-in-95 duration-200\">
+                <p className=\"text-[9px] font-black uppercase text-purple-400 mb-3 tracking-widest px-1\">Select Engine</p>
+                <div className=\"space-y-1\">
                   {[
-                    "Gemini 2.5 Flash", 
-                    "DeepSeek-V3 (Featherless)", 
-                    "Qwen-2.5 (Featherless)",
-                    "Llama-3.3-70B (Groq)",
-                    "Llama-3.1-8B (Groq)",
-                    "Mixtral-8x7B (Groq)",
-                    "Gemma-4-31B (Featherless)",
-                    "Llama-3.1-8B (Featherless)"
+                    \"Gemini 2.5 Flash\", 
+                    \"DeepSeek-V3 (Featherless)\", 
+                    \"Qwen-2.5 (Featherless)\",
+                    \"Llama-3.3-70B (Groq)\",
+                    \"Llama-3.1-8B (Groq)\",
+                    \"Mixtral-8x7B (Groq)\",
+                    \"Gemma-4-31B (Featherless)\",
+                    \"Llama-3.1-8B (Featherless)\"
                   ].map(model => (
                     <button
                       key={model}
@@ -383,7 +495,7 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                       className={`w-full text-left px-4 py-3 rounded-xl text-sm font-medium transition-all flex items-center justify-between border ${agentModels[agent.id as keyof typeof agentModels] === model ? 'bg-purple-500/20 text-white border-purple-500/50 shadow-lg shadow-purple-500/10' : 'text-slate-400 border-transparent hover:bg-white/10 hover:text-white hover:border-white/10'}`}
                     >
                       <span>{model}</span>
-                      {agentModels[agent.id as keyof typeof agentModels] === model && <span className="text-purple-400">●</span>}
+                      {agentModels[agent.id as keyof typeof agentModels] === model && <span className=\"text-purple-400\">●</span>}
                     </button>
                   ))}
                 </div>
@@ -395,16 +507,16 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
       {/* Running State Log */}
       {isRunning && (
-        <div className="glass-card rounded-3xl p-8 border border-purple-500/30 bg-purple-500/5 animate-in fade-in zoom-in-95 duration-500">
-          <div className="flex items-center gap-4 mb-6">
-            <div className="h-4 w-4 rounded-full bg-purple-500 animate-ping" />
-            <h3 className="text-xl font-bold text-white">Pipeline in Progress</h3>
+        <div className=\"glass-card rounded-3xl p-8 border border-purple-500/30 bg-purple-500/5 animate-in fade-in zoom-in-95 duration-500\">
+          <div className=\"flex items-center gap-4 mb-6\">
+            <div className=\"h-4 w-4 rounded-full bg-purple-500 animate-ping\" />
+            <h3 className=\"text-xl font-bold text-white\">Pipeline in Progress</h3>
           </div>
-          <div className="space-y-3">
+          <div className=\"space-y-3\">
             {statusLog.map((log, i) => (
-              <div key={i} className="flex items-center gap-3 animate-in slide-in-from-left-4 duration-300">
-                <span className="text-purple-400 font-mono text-xs">[{new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })}]</span>
-                <p className="text-sm text-slate-300">{log}</p>
+              <div key={i} className=\"flex items-center gap-3 animate-in slide-in-from-left-4 duration-300\">
+                <span className=\"text-purple-400 font-mono text-xs\">[{new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit' })}]</span>
+                <p className=\"text-sm text-slate-300\">{log}</p>
               </div>
             ))}
           </div>
@@ -413,15 +525,15 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
       {/* Error State */}
       {error && (
-        <div className="glass-card rounded-3xl p-8 border border-red-500/30 bg-red-500/5 animate-in fade-in zoom-in-95 duration-500">
-          <div className="flex items-center gap-4 mb-4">
-            <span className="text-3xl">⚠️</span>
-            <h3 className="text-xl font-bold text-white">Analysis Failed</h3>
+        <div className=\"glass-card rounded-3xl p-8 border border-red-500/30 bg-red-500/5 animate-in fade-in zoom-in-95 duration-500\">
+          <div className=\"flex items-center gap-4 mb-4\">
+            <span className=\"text-3xl\">⚠️</span>
+            <h3 className=\"text-xl font-bold text-white\">Analysis Failed</h3>
           </div>
-          <p className="text-slate-400 mb-6">{error}</p>
+          <p className=\"text-slate-400 mb-6\">{error}</p>
           <button 
             onClick={handleAnalyzeClick}
-            className="px-6 py-3 rounded-2xl bg-red-500/20 text-red-400 font-bold border border-red-500/30 hover:bg-red-500/30 transition-all active:scale-95"
+            className=\"px-6 py-3 rounded-2xl bg-red-500/20 text-red-400 font-bold border border-red-500/30 hover:bg-red-500/30 transition-all active:scale-95\"
           >
             Retry Analysis
           </button>
@@ -430,26 +542,26 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
       {/* Analysis Results View */}
       {activeAnalysis && (
-        <div id="analysis-results" className="grid gap-8 lg:grid-cols-12 animate-in fade-in slide-in-from-bottom-8 duration-500 scroll-mt-20">
-          <div className="lg:col-span-8 space-y-8">
-             <div className="glass-card rounded-3xl p-10 bg-white/[0.02]">
-                <div className="flex items-start justify-between mb-8">
+        <div id=\"analysis-results\" className=\"grid gap-8 lg:grid-cols-12 animate-in fade-in slide-in-from-bottom-8 duration-500 scroll-mt-20\">
+          <div className=\"lg:col-span-8 space-y-8\">
+             <div className=\"glass-card rounded-3xl p-10 bg-white/[0.02]\">
+                <div className=\"flex items-start justify-between mb-8\">
                    <div>
-                      <div className="text-[11px] font-bold uppercase tracking-[0.3em] text-purple-400 mb-2">Agent Consensus</div>
-                      <h3 className="text-6xl font-black text-white">{activeAnalysis.fit_score}% <span className="text-2xl font-light text-slate-500">Fit Score</span></h3>
-                      <div className="mt-2 flex items-center gap-2">
-                        <span className="text-[10px] text-slate-500 font-mono">Analyzing:</span>
-                        <span className="text-[10px] text-purple-300 font-bold">{corral.find(a => a.id === activeAnimalId)?.file.name || tender?.name}</span>
+                      <div className=\"text-[11px] font-bold uppercase tracking-[0.3em] text-purple-400 mb-2\">Agent Consensus</div>
+                      <h3 className=\"text-6xl font-black text-white\">{activeAnalysis.fit_score}% <span className=\"text-2xl font-light text-slate-500\">Fit Score</span></h3>
+                      <div className=\"mt-2 flex items-center gap-2\">
+                        <span className=\"text-[10px] text-slate-500 font-mono\">Analyzing:</span>
+                        <span className=\"text-[10px] text-purple-300 font-bold\">{corral.find(a => a.id === activeAnimalId)?.file.name || tender?.name}</span>
                       </div>
                    </div>
-              <div className="flex flex-col items-end gap-3">
+              <div className=\"flex flex-col items-end gap-3\">
                       <div className={`rounded-2xl px-6 py-3 text-[10px] font-black uppercase tracking-widest shadow-lg ${activeAnalysis.decision === 'Recommended' ? 'bg-green-500/20 text-green-400 border border-green-500/30 shadow-green-500/10' : 'bg-amber-500/20 text-amber-400 border border-amber-500/30 shadow-amber-500/10'}`}>
                          {activeAnalysis.decision}
                       </div>
-                      <div className="flex gap-2">
+                      <div className=\"flex gap-2\">
                           <button 
                             onClick={() => window.print()}
-                            className="px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-[0.2em]"
+                            className=\"px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-[0.2em]\"
                           >
                             Export PDF
                           </button>
@@ -461,36 +573,36 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                             {isGeneratingAnnexes ? 'Generating...' : '✨ Anexos Express'}
                           </button>
                          <button 
-                           onClick={() => alert("Report sent to executive committee via REW Secure Channel.")}
-                           className="px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-xs text-slate-400 hover:text-white hover:bg-white/10 transition"
-                           title="Share Analysis"
+                           onClick={() => alert(\"Report sent to executive committee via REW Secure Channel.\")}
+                           className=\"px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-xs text-slate-400 hover:text-white hover:bg-white/10 transition\"
+                           title=\"Share Analysis\"
                          >
                            📧
                          </button>
                       </div>
                    </div>
                 </div>
-                <div className="prose prose-invert max-w-none">
-                   <p className="text-slate-300 text-xl leading-relaxed italic border-l-4 border-purple-500 pl-8">{activeAnalysis.executive_summary}</p>
+                <div className=\"prose prose-invert max-w-none\">
+                   <p className=\"text-slate-300 text-xl leading-relaxed italic border-l-4 border-purple-500 pl-8\">{activeAnalysis.executive_summary}</p>
                 </div>
 
                 {/* Requirement Q&A Section */}
                 {activeAnalysis.requirement_responses && activeAnalysis.requirement_responses.length > 0 && (
-                  <div className="mt-12 space-y-6">
-                    <div className="flex items-center gap-3 border-b border-white/5 pb-4">
-                      <span className="text-2xl">📋</span>
-                      <h4 className="text-[11px] font-bold uppercase tracking-widest text-purple-400">Requirement Response (Q&A Style)</h4>
+                  <div className=\"mt-12 space-y-6\">
+                    <div className=\"flex items-center gap-3 border-b border-white/5 pb-4\">
+                      <span className=\"text-2xl\">📋</span>
+                      <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-purple-400\">Requirement Response (Q&A Style)</h4>
                     </div>
-                    <div className="grid gap-4">
+                    <div className=\"grid gap-4\">
                       {activeAnalysis.requirement_responses.map((item, i) => (
-                        <div key={i} className="rounded-2xl bg-white/[0.03] border border-white/5 p-6 hover:border-purple-500/30 transition-all group">
-                          <div className="flex gap-4">
-                            <span className="text-purple-500 font-bold font-mono">Q.</span>
-                            <p className="text-white font-semibold text-sm">{item.question}</p>
+                        <div key={i} className=\"rounded-2xl bg-white/[0.03] border border-white/5 p-6 hover:border-purple-500/30 transition-all group\">
+                          <div className=\"flex gap-4\">
+                            <span className=\"text-purple-500 font-bold font-mono\">Q.</span>
+                            <p className=\"text-white font-semibold text-sm\">{item.question}</p>
                           </div>
-                          <div className="mt-4 flex gap-4 pl-8 border-l border-white/10">
-                            <span className="text-green-400 font-bold font-mono">A.</span>
-                            <p className="text-slate-400 text-sm leading-relaxed">{item.answer}</p>
+                          <div className=\"mt-4 flex gap-4 pl-8 border-l border-white/10\">
+                            <span className=\"text-green-400 font-bold font-mono\">A.</span>
+                            <p className=\"text-slate-400 text-sm leading-relaxed\">{item.answer}</p>
                           </div>
                         </div>
                       ))}
@@ -500,20 +612,20 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
                 {/* Proposal Draft Section */}
                 {activeAnalysis.proposal_draft && (
-                  <div className="mt-12 space-y-6">
-                    <div className="flex items-center justify-between border-b border-white/5 pb-4">
-                       <h4 className="text-[11px] font-bold uppercase tracking-widest text-purple-400">AI Generated Proposal Draft</h4>
+                  <div className=\"mt-12 space-y-6\">
+                    <div className=\"flex items-center justify-between border-b border-white/5 pb-4\">
+                       <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-purple-400\">AI Generated Proposal Draft</h4>
                        <button 
                          onClick={() => {
                            navigator.clipboard.writeText(activeAnalysis.proposal_draft);
-                           alert("Proposal copied to clipboard!");
+                           alert(\"Proposal copied to clipboard!\");
                          }}
-                         className="text-[10px] font-bold uppercase text-slate-500 hover:text-white transition"
+                         className=\"text-[10px] font-bold uppercase text-slate-500 hover:text-white transition\"
                        >
                          Copy to Clipboard 📋
                        </button>
                     </div>
-                    <div className="p-8 rounded-3xl bg-white/[0.03] border border-white/10 font-serif text-slate-400 text-sm leading-relaxed whitespace-pre-wrap max-h-[500px] overflow-y-auto custom-scrollbar">
+                    <div className=\"p-8 rounded-3xl bg-white/[0.03] border border-white/10 font-serif text-slate-400 text-sm leading-relaxed whitespace-pre-wrap max-h-[500px] overflow-y-auto custom-scrollbar\">
                        {activeAnalysis.proposal_draft}
                     </div>
                   </div>
@@ -521,54 +633,54 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
              </div>
 
 
-             <div className="grid gap-6 md:grid-cols-2">
-                <div className="glass-card rounded-3xl p-8 bg-white/[0.01]">
-                   <h4 className="text-[11px] font-bold uppercase tracking-widest text-amber-400 mb-6 flex items-center gap-2">
+             <div className=\"grid gap-6 md:grid-cols-2\">
+                <div className=\"glass-card rounded-3xl p-8 bg-white/[0.01]\">
+                   <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-amber-400 mb-6 flex items-center gap-2\">
                      <span>⚠️</span> Legal Compliance Gaps
                    </h4>
-                   <ul className="space-y-4">
+                   <ul className=\"space-y-4\">
                       {activeAnalysis.compliance_gaps.map((gap, i) => (
-                        <li key={i} className="flex gap-4 text-sm text-slate-400 leading-relaxed">
-                           <span className="text-amber-500 font-bold">•</span> {gap}
+                        <li key={i} className=\"flex gap-4 text-sm text-slate-400 leading-relaxed\">
+                           <span className=\"text-amber-500 font-bold\">•</span> {gap}
                         </li>
                       ))}
                    </ul>
                 </div>
-                <div className="glass-card rounded-3xl p-8 bg-white/[0.01]">
-                   <h4 className="text-[11px] font-bold uppercase tracking-widest text-cyan mb-6 flex items-center gap-2">
+                <div className=\"glass-card rounded-3xl p-8 bg-white/[0.01]\">
+                   <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-cyan mb-6 flex items-center gap-2\">
                      <span>💎</span> Technical Requirements
                    </h4>
-                   <ul className="space-y-4">
+                   <ul className=\"space-y-4\">
                       {activeAnalysis.key_requirements.map((req, i) => (
-                        <li key={i} className="flex gap-4 text-sm text-slate-400 leading-relaxed">
-                           <span className="text-cyan font-bold">▹</span> {req}
+                        <li key={i} className=\"flex gap-4 text-sm text-slate-400 leading-relaxed\">
+                           <span className=\"text-cyan font-bold\">▹</span> {req}
                         </li>
                       ))}
                    </ul>
                 </div>
              </div>
 
-             <div className="glass-card rounded-3xl p-10 bg-white/[0.01]">
-                <h4 className="text-[11px] font-bold uppercase tracking-widest text-purple-400 mb-8 text-center">Neural Risk Matrix</h4>
-                <div className="grid gap-6 md:grid-cols-2 mb-12">
+             <div className=\"glass-card rounded-3xl p-10 bg-white/[0.01]\">
+                <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-purple-400 mb-8 text-center\">Neural Risk Matrix</h4>
+                <div className=\"grid gap-6 md:grid-cols-2 mb-12\">
                    {activeAnalysis.risks.map((risk, i) => (
-                     <div key={i} className="group rounded-3xl bg-white/[0.02] p-6 border border-white/5 hover:border-purple-500/30 transition-all duration-300">
-                        <div className="flex items-center justify-between mb-4">
-                           <span className="font-bold text-white text-lg group-hover:text-purple-400 transition">{risk.title}</span>
+                     <div key={i} className=\"group rounded-3xl bg-white/[0.02] p-6 border border-white/5 hover:border-purple-500/30 transition-all duration-300\">
+                        <div className=\"flex items-center justify-between mb-4\">
+                           <span className=\"font-bold text-white text-lg group-hover:text-purple-400 transition\">{risk.title}</span>
                            <span className={`text-[9px] font-black px-3 py-1 rounded-full uppercase tracking-widest ${risk.severity === 'High' ? 'bg-red-500/20 text-red-500 border border-red-500/20' : 'bg-white/5 text-slate-500 border border-white/5'}`}>{risk.severity}</span>
                         </div>
-                        <p className="text-xs text-slate-500 leading-relaxed">{risk.explanation}</p>
+                        <p className=\"text-xs text-slate-500 leading-relaxed\">{risk.explanation}</p>
                      </div>
                    ))}
                 </div>
 
                 {activeAnalysis.strategic_roadmap && (
-                  <div className="mt-8 pt-8 border-t border-white/5">
-                    <h4 className="text-[11px] font-bold uppercase tracking-widest text-cyan mb-6 text-center">Winning Strategic Roadmap</h4>
-                    <div className="p-8 rounded-3xl bg-cyan/5 border border-cyan/20 text-sm text-slate-300 leading-relaxed italic">
-                      <div className="prose prose-invert prose-sm max-w-none">
+                  <div className=\"mt-8 pt-8 border-t border-white/5\">
+                    <h4 className=\"text-[11px] font-bold uppercase tracking-widest text-cyan mb-6 text-center\">Winning Strategic Roadmap</h4>
+                    <div className=\"p-8 rounded-3xl bg-cyan/5 border border-cyan/20 text-sm text-slate-300 leading-relaxed italic\">
+                      <div className=\"prose prose-invert prose-sm max-w-none\">
                         {activeAnalysis.strategic_roadmap.split('\n').map((line, i) => (
-                          <p key={i} className="mb-2">{line}</p>
+                          <p key={i} className=\"mb-2\">{line}</p>
                         ))}
                       </div>
                     </div>
@@ -578,21 +690,21 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
           </div>
 
-          <div className="lg:col-span-4">
-             <div className="glass-card rounded-3xl p-8 bg-black/40 h-full sticky top-32">
-                <div className="flex items-center gap-3 mb-8 border-b border-white/5 pb-6">
-                   <div className="h-2 w-2 rounded-full bg-purple-500 animate-pulse shadow-[0_0_12px_rgba(168,85,247,0.8)]" />
-                   <h4 className="text-[10px] font-bold uppercase tracking-widest text-slate-400">Agent Intelligence Log</h4>
+          <div className=\"lg:col-span-4\">
+             <div className=\"glass-card rounded-3xl p-8 bg-black/40 h-full sticky top-32\">
+                <div className=\"flex items-center gap-3 mb-8 border-b border-white/5 pb-6\">
+                   <div className=\"h-2 w-2 rounded-full bg-purple-500 animate-pulse shadow-[0_0_12px_rgba(168,85,247,0.8)]\" />
+                   <h4 className=\"text-[10px] font-bold uppercase tracking-widest text-slate-400\">Agent Intelligence Log</h4>
                 </div>
-                <div className="space-y-8 overflow-y-auto max-h-[700px] pr-2 custom-scrollbar">
+                <div className=\"space-y-8 overflow-y-auto max-h-[700px] pr-2 custom-scrollbar\">
                    {activeAnalysis.audit_log?.map((log, i) => (
-                     <div key={i} className="flex gap-5 group">
-                        <div className="flex flex-col items-center">
-                           <div className="h-8 w-8 rounded-xl bg-white/5 flex items-center justify-center text-sm border border-white/10 group-hover:border-purple-500/50 transition-all duration-300 shadow-lg">🤖</div>
-                           {i < (activeAnalysis.audit_log?.length ?? 0) - 1 && <div className="w-px flex-1 bg-gradient-to-b from-purple-500/40 to-transparent my-3" />}
+                     <div key={i} className=\"flex gap-5 group\">
+                        <div className=\"flex flex-col items-center\">
+                           <div className=\"h-8 w-8 rounded-xl bg-white/5 flex items-center justify-center text-sm border border-white/10 group-hover:border-purple-500/50 transition-all duration-300 shadow-lg\">🤖</div>
+                           {i < (activeAnalysis.audit_log?.length ?? 0) - 1 && <div className=\"w-px flex-1 bg-gradient-to-b from-purple-500/40 to-transparent my-3\" />}
                         </div>
-                        <div className="pb-6">
-                           <p className="text-[13px] text-slate-400 leading-relaxed group-hover:text-white transition-colors duration-300">{log}</p>
+                        <div className=\"pb-6\">
+                           <p className=\"text-[13px] text-slate-400 leading-relaxed group-hover:text-white transition-colors duration-300\">{log}</p>
                         </div>
                      </div>
                    ))}
@@ -601,23 +713,23 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
              
              {/* Anexos Express Section */}
              {generatedAnnexes.length > 0 && (
-                <div id="annexes-section" className="mt-8 glass-card rounded-3xl p-10 bg-purple-500/[0.03] border border-purple-500/20 animate-in fade-in slide-in-from-bottom-8 duration-700">
-                   <div className="flex items-center gap-4 mb-8">
-                      <div className="w-12 h-12 rounded-2xl bg-purple-500/20 flex items-center justify-center text-2xl shadow-lg shadow-purple-500/20">📄</div>
+                <div id=\"annexes-section\" className=\"mt-8 glass-card rounded-3xl p-10 bg-purple-500/[0.03] border border-purple-500/20 animate-in fade-in slide-in-from-bottom-8 duration-700\">
+                   <div className=\"flex items-center gap-4 mb-8\">
+                      <div className=\"w-12 h-12 rounded-2xl bg-purple-500/20 flex items-center justify-center text-2xl shadow-lg shadow-purple-500/20\">📄</div>
                       <div>
-                        <h4 className="text-2xl font-black text-white tracking-tight">Compliance: Anexos Express</h4>
-                        <p className="text-slate-500 text-sm">Official annexes pre-filled with company data and tender requirements.</p>
+                        <h4 className=\"text-2xl font-black text-white tracking-tight\">Compliance: Anexos Express</h4>
+                        <p className=\"text-slate-500 text-sm\">Official annexes pre-filled with company data and tender requirements.</p>
                       </div>
                    </div>
                    
-                   <div className="grid gap-6 md:grid-cols-1 lg:grid-cols-3">
+                   <div className=\"grid gap-6 md:grid-cols-1 lg:grid-cols-3\">
                       {generatedAnnexes.map((annex, i) => (
-                        <div key={i} className="group rounded-3xl bg-white/[0.02] border border-white/5 p-6 hover:border-purple-500/40 transition-all">
-                           <div className="text-[10px] font-bold uppercase text-purple-400 mb-3 tracking-widest">Template Generated</div>
-                           <h5 className="text-white font-bold mb-4 line-clamp-1">{annex.name}</h5>
-                           <div className="bg-black/40 rounded-xl p-4 text-[9px] font-mono text-slate-500 mb-4 h-32 overflow-hidden relative">
-                              <pre className="whitespace-pre-wrap">{annex.content}</pre>
-                              <div className="absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/60 to-transparent" />
+                        <div key={i} className=\"group rounded-3xl bg-white/[0.02] border border-white/5 p-6 hover:border-purple-500/40 transition-all\">
+                           <div className=\"text-[10px] font-bold uppercase text-purple-400 mb-3 tracking-widest\">Template Generated</div>
+                           <h5 className=\"text-white font-bold mb-4 line-clamp-1\">{annex.name}</h5>
+                           <div className=\"bg-black/40 rounded-xl p-4 text-[9px] font-mono text-slate-500 mb-4 h-32 overflow-hidden relative\">
+                              <pre className=\"whitespace-pre-wrap\">{annex.content}</pre>
+                              <div className=\"absolute inset-x-0 bottom-0 h-12 bg-gradient-to-t from-black/60 to-transparent\" />
                            </div>
                            <button 
                              onClick={() => {
@@ -628,7 +740,7 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
                                a.download = `${annex.name.replace(/ /g, '_')}.md`;
                                a.click();
                              }}
-                             className="w-full py-2.5 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-widest"
+                             className=\"w-full py-2.5 rounded-xl bg-white/5 border border-white/10 text-[10px] font-bold text-slate-400 hover:text-white hover:bg-white/10 transition uppercase tracking-widest\"
                            >
                              Download .md 📥
                            </button>
@@ -643,12 +755,12 @@ export default function AgentAnalysis({ tender, companyProfile, analysis, onAnal
 
       {/* Expert Consultation Chat */}
       {tender && (
-        <div className="mt-12 animate-in fade-in slide-in-from-bottom-8 duration-700">
-           <div className="flex items-center gap-4 mb-6 px-2">
-              <div className="w-10 h-10 rounded-2xl bg-purple-500/10 flex items-center justify-center text-xl shadow-lg shadow-purple-500/10">💬</div>
+        <div className=\"mt-12 animate-in fade-in slide-in-from-bottom-8 duration-700\">
+           <div className=\"flex items-center gap-4 mb-6 px-2\">
+              <div className=\"w-10 h-10 rounded-2xl bg-purple-500/10 flex items-center justify-center text-xl shadow-lg shadow-purple-500/10\">💬</div>
               <div>
-                <h3 className="text-2xl font-black text-white tracking-tight">Expert Agent Consultation</h3>
-                <p className="text-slate-500 text-sm">Deep-dive into specific questions with our specialized AI agents.</p>
+                <h3 className=\"text-2xl font-black text-white tracking-tight\">Expert Agent Consultation</h3>
+                <p className=\"text-slate-500 text-sm\">Deep-dive into specific questions with our specialized AI agents.</p>
               </div>
            </div>
            <AgentChat tender={tender} companyProfile={companyProfile} />

frontend/components/TenderSearch.tsx

@@ -207,7 +207,7 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
           <div className="glass-card rounded-[2.5rem] overflow-hidden border border-white/5 bg-slate-900/40 backdrop-blur-xl p-10 md:p-14 relative">
             <div className="absolute top-0 right-0 p-8">
               <a 
-                href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${tender.code}`} 
+                href={`https://www.mercadopublico.cl/Portal/BuscarLicitacion?Texto=${encodeURIComponent(tender.code)}`} 
                 target="_blank" 
                 rel="noopener noreferrer"
                 className="flex items-center gap-2 px-4 py-2 rounded-xl bg-cyan/10 border border-cyan/30 text-cyan text-[10px] font-black uppercase tracking-widest hover:bg-cyan/20 transition-all"

frontend/lib/api.ts

@@ -1,4 +1,4 @@
-import type { AnalysisHistoryItem, AnalysisResult, CompanyProfile, Tender, PurchaseOrder } from "./types";
+import type { AnalysisHistoryItem, AnalysisResult, CompanyProfile, Tender, PurchaseOrder, TenderDetailInfo } from "./types";
 
 // Auto-detect API base URL based on environment
 export function getAPIBase(): string {
@@ -106,7 +106,8 @@ export async function analyzeTender(
   tender: Tender, 
   companyProfile: CompanyProfile, 
   documentText?: string,
-  models?: Record<string, string>
+  models?: Record<string, string>,
+  tenderDetails?: TenderDetailInfo | null
 ): Promise<AnalysisResult> {
   const res = await fetch(`${API_BASE}/api/analyze`, {
     method: "POST",
@@ -115,7 +116,8 @@ export async function analyzeTender(
       tender, 
       company_profile: companyProfile, 
       document_text: documentText,
-      models: models
+      models: models,
+      tender_details: tenderDetails
     }),
   });
   if (!res.ok) {
@@ -199,3 +201,27 @@ export async function fetchPurchaseOrders(date?: string, status: string = "todos
   }
   return res.json();
 }
+
+export async function fetchTenderDetails(code: string, qs?: string): Promise<TenderDetailInfo> {
+  const query = new URLSearchParams();
+  if (qs) query.append("qs", qs);
+  
+  const res = await fetch(`${API_BASE}/api/tenders/${code}/detail-tabs?${query.toString()}`);
+  if (!res.ok) {
+    throw new Error("Error fetching tender details");
+  }
+  return res.json();
+}
+
+export async function extractTenderDetails(code: string, qs?: string): Promise<any> {
+  const query = new URLSearchParams();
+  if (qs) query.append("qs", qs);
+  
+  const res = await fetch(`${API_BASE}/api/tenders/${code}/extract-details?${query.toString()}`, {
+    method: "POST"
+  });
+  if (!res.ok) {
+    throw new Error("Error extracting tender details");
+  }
+  return res.json();
+}

frontend/lib/types.ts

@@ -33,6 +33,8 @@ export type Tender = {
   attachments?: TenderAttachment[];
   evaluation_criteria?: { name?: string; weight?: string; description?: string }[];
   contract_duration?: string;
+  buyer_complaints?: number;
+  buyer_purchases?: number;
 };
 
 export type CompanyProfile = {
@@ -111,3 +113,23 @@ export type AnalysisHistoryItem = {
   analyzed_at: string;
   analysis: AnalysisResult;
 };
+
+export type TenderDetailTab = {
+  name: string;
+  found: boolean;
+};
+
+export type TenderDetailInfo = {
+  tender_code: string;
+  url: string;
+  tabs: Record<string, TenderDetailTab>;
+  attachments: TenderAttachment[];
+  metadata: {
+    has_administrative_docs?: boolean;
+    has_technical_docs?: boolean;
+    has_economic_docs?: boolean;
+    question_count?: number;
+    has_adjudication?: boolean;
+  };
+  error?: string;
+};