Initial commit: AndesOps AI Platform Demo Ready

.env.example

@@ -0,0 +1,7 @@
+# Backend configuration
+MERCADO_PUBLICO_TICKET=your_mercado_publico_ticket_here
+GEMINI_API_KEY=your_gemini_api_key_here
+GEMINI_MODEL=gemini-1.5-flash
+
+# Frontend configuration
+NEXT_PUBLIC_API_BASE=http://localhost:8000

.gitignore

@@ -0,0 +1,22 @@
+# Python
+backend/.venv/
+backend/__pycache__/
+backend/**/*.pyc
+backend/**/*.pyo
+backend/.env
+backend/test_*.py
+backend/populate_db.py
+backend/purge_mock.py
+
+# Node / Next.js
+frontend/node_modules/
+frontend/.next/
+frontend/.env*
+frontend/npm-debug.log*
+
+# General
+.env
+.DS_Store
+*.db
+*.sqlite
+.vscode/

README.md

@@ -0,0 +1,79 @@
+# AndesOps AI
+
+AndesOps AI es un MVP hackathon que transforma datos de licitaciones públicas en inteligencia accionable para empresas chilenas. El producto ayuda a descubrir, analizar y preparar respuestas para oportunidades en Mercado Público usando una estructura profesional de backend y frontend.
+
+## Problema
+
+Las empresas enfrentan desafíos para evaluar licitaciones públicas rápidamente, entender riesgos, calcular el fit con su oferta y producir una propuesta competitiva.
+
+## Solución
+
+AndesOps AI ofrece:
+
+- Búsqueda de oportunidades de Mercado Público con fallback a datos mock.
+- Perfil de empresa para evaluar encaje.
+- Análisis de tender con score, riesgos, brechas de cumplimiento y plan de acción.
+- Borrador de propuesta y reporte en Markdown.
+
+## Arquitectura
+
+- Backend: FastAPI + Python
+- Frontend: Next.js + React + TypeScript + Tailwind CSS
+- Datos: JSON mock inicial con opción Mercado Público API
+- Capa AI: abstracción de proveedor con fallback determinista
+
+## Estructura del repositorio
+
+- `backend/`: API FastAPI y servicios de análisis
+- `frontend/`: aplicación Next.js con interfaz enterprise-ready
+- `.env.example`: variables de entorno para backend y frontend
+- `docker-compose.yml`: configuración básica para desarrollo
+
+## Setup local
+
+### Backend
+
+```powershell
+cd backend
+python -m venv .venv
+.\.venv\Scripts\Activate.ps1
+pip install -r requirements.txt
+uvicorn app.main:app --reload --port 8000
+```
+
+### Frontend
+
+```powershell
+cd frontend
+npm install
+npm run dev
+```
+
+### Variables de entorno
+
+Copiar `.env.example` a `.env` y ajustar:
+
+- `MERCADO_PUBLICO_TICKET`: ticket de Mercado Público si está disponible.
+- `GEMINI_API_KEY`: clave de Gemini para análisis con LLM.
+- `NEXT_PUBLIC_API_BASE`: URL base del backend (por defecto `http://localhost:8000`).
+
+## Endpoints principales
+
+- `GET /health`
+- `GET /api/tenders?keyword=software`
+- `GET /api/tenders/{code}`
+- `POST /api/company-profile`
+- `POST /api/analyze`
+
+## Hackathon submission notes
+
+Este MVP se centra en una experiencia demoable y enterprise-ready con:
+
+- Interfaz limpia y moderna
+- Flujo completo de búsqueda, selección, análisis y propuesta
+- Fallback a datos mock para demostrar sin dependencias externas
+- Estructura preparada para añadir soporte real de Mercado Público y Gemini
+
+## Licencia
+
+MIT License

backend/Dockerfile

@@ -0,0 +1,6 @@
+FROM python:3.12-slim
+WORKDIR /app
+COPY requirements.txt ./
+RUN pip install --no-cache-dir -r requirements.txt
+COPY . .
+CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000"]

backend/app/config.py

@@ -0,0 +1,17 @@
+from pydantic_settings import BaseSettings
+
+
+class Settings(BaseSettings):
+    mercado_publico_ticket: str | None = None
+    gemini_api_key: str | None = None
+    gemini_model: str = "gemini-1.5-flash"
+    next_public_api_base: str | None = None
+    database_url: str | None = None
+
+    class Config:
+        env_file = ".env"
+        env_file_encoding = "utf-8"
+        extra = "ignore"
+
+
+settings = Settings()

backend/app/database.py

@@ -0,0 +1,20 @@
+from sqlalchemy import create_engine
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import sessionmaker
+from app.config import settings
+
+SQLALCHEMY_DATABASE_URL = settings.database_url or "mysql+pymysql://root:@localhost/andesai_db"
+
+engine = create_engine(
+    SQLALCHEMY_DATABASE_URL
+)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+
+Base = declarative_base()
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()

backend/app/main.py

@@ -0,0 +1,35 @@
+from fastapi import FastAPI
+from fastapi.middleware.cors import CORSMiddleware
+from app.routers import analysis, company, health, tenders, documents
+from app.config import settings
+from app.database import engine, Base
+
+# Create tables
+Base.metadata.create_all(bind=engine)
+
+app = FastAPI(title="AndesOps AI")
+
+origins = [
+    "http://localhost:3000",
+    "http://localhost:3001",
+    "http://127.0.0.1:3000",
+]
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=origins,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Move health under /api for consistency and to fix 404s
+app.include_router(health.router, prefix="/api", tags=["Health"])
+app.include_router(tenders.router, prefix="/api", tags=["Tenders"])
+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.get("/")
+def read_root():
+    return {"message": "Welcome to AndesOps AI API"}

backend/app/models/tender.py

@@ -0,0 +1,25 @@
+from sqlalchemy import Column, String, Float, DateTime, Text, JSON
+from app.database import Base
+from datetime import datetime
+
+class TenderModel(Base):
+    __tablename__ = "tenders"
+
+    code = Column(String(50), primary_key=True, index=True)
+    name = Column(String(255), index=True)
+    buyer = Column(String(255), index=True)
+    status = Column(String(100))
+    closing_date = Column(DateTime, nullable=True)
+    description = Column(Text)
+    estimated_amount = Column(Float, nullable=True)
+    source = Column(String(50), default="Mercado Publico")
+    region = Column(String(100), nullable=True)
+    sector = Column(String(100), nullable=True)
+    
+    # Storage for nested structures as JSON for simplicity in this hackathon
+    items = Column(JSON, nullable=True)
+    attachments = Column(JSON, nullable=True)
+    
+    # Metadata for the app logic
+    last_updated = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
+    is_followed = Column(DateTime, nullable=True) # Date when it was followed, null if not

backend/app/routers/analysis.py

@@ -0,0 +1,37 @@
+from datetime import datetime
+from typing import List
+
+from fastapi import APIRouter
+
+from app.schemas.analysis import AnalysisRecord, AnalysisRequest, AnalysisResult
+from app.services.agents import run_full_analysis
+from app.services.persistence import save_to_json, load_from_json
+
+router = APIRouter()
+
+# Load initial history from disk
+analysis_history: List[AnalysisRecord] = load_from_json(AnalysisRecord, "analysis_history.json")
+
+
+@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)
+    record = AnalysisRecord(
+        tender_code=request.tender.code,
+        tender_name=request.tender.name,
+        analyzed_at=datetime.utcnow(),
+        analysis=result,
+    )
+    analysis_history.insert(0, record)
+    if len(analysis_history) > 20:
+        analysis_history.pop()
+    
+    # Persist to disk
+    save_to_json(analysis_history, "analysis_history.json")
+    
+    return result
+
+
+@router.get("/analysis-history", response_model=List[AnalysisRecord])
+def get_analysis_history():
+    return analysis_history

backend/app/routers/company.py

@@ -0,0 +1,25 @@
+from fastapi import APIRouter, HTTPException
+from app.schemas.company import CompanyProfile
+from app.services.persistence import save_to_json, load_from_json
+
+router = APIRouter()
+
+# Load initial profile from disk
+_profiles = load_from_json(CompanyProfile, "company_profile.json")
+company_profile_cache: CompanyProfile | None = _profiles[0] if _profiles else None
+
+
+@router.post("/company-profile", response_model=CompanyProfile)
+def save_company_profile(profile: CompanyProfile):
+    global company_profile_cache
+    company_profile_cache = profile
+    # Persist to disk (as a list of one item for simplicity with current service)
+    save_to_json([profile], "company_profile.json")
+    return profile
+
+
+@router.get("/company-profile", response_model=CompanyProfile)
+def get_company_profile():
+    if company_profile_cache is None:
+        raise HTTPException(status_code=404, detail="No company profile saved")
+    return company_profile_cache

backend/app/routers/documents.py

@@ -0,0 +1,27 @@
+import io
+from fastapi import APIRouter, File, UploadFile
+from pypdf import PdfReader
+
+router = APIRouter()
+
+@router.post("/upload-document")
+async def upload_document(file: UploadFile = File(...)):
+    if not file.filename.lower().endswith(".pdf"):
+        return {"error": "Solo se admiten archivos PDF por ahora."}
+    
+    try:
+        content = await file.read()
+        pdf_file = io.BytesIO(content)
+        reader = PdfReader(pdf_file)
+        
+        extracted_text = ""
+        for page in reader.pages:
+            extracted_text += page.extract_text() + "\n"
+        
+        return {
+            "filename": file.filename,
+            "text": extracted_text[:100000], # Limit to 100k chars for context
+            "length": len(extracted_text)
+        }
+    except Exception as e:
+        return {"error": f"Error al procesar el PDF: {str(e)}"}

backend/app/routers/health.py

@@ -0,0 +1,30 @@
+from fastapi import APIRouter, Depends
+from sqlalchemy.orm import Session
+from sqlalchemy import func
+from app.database import get_db
+from app.models.tender import TenderModel
+
+router = APIRouter()
+
+@router.get("/health")
+def health_check():
+    return {"status": "ok", "service": "andesops-ai"}
+
+@router.get("/health/db-status")
+def get_db_status(db: Session = Depends(get_db)):
+    total_tenders = db.query(TenderModel).count()
+    
+    # Top buyers in our local DB
+    top_buyers = db.query(
+        TenderModel.buyer, 
+        func.count(TenderModel.code).label('count')
+    ).group_by(TenderModel.buyer).order_by(func.count(TenderModel.code).desc()).limit(3).all()
+    
+    # Last update time
+    last_tender = db.query(TenderModel).order_by(TenderModel.last_updated.desc()).first()
+    
+    return {
+        "total_records": total_tenders,
+        "last_sync": last_tender.last_updated if last_tender else None,
+        "top_buyers": [{"name": b[0], "count": b[1]} for b in top_buyers if b[0]]
+    }

backend/app/routers/tenders.py

@@ -0,0 +1,57 @@
+from typing import List, Optional
+from fastapi import APIRouter, Query, Depends
+from sqlalchemy.orm import Session
+from sqlalchemy import or_, desc
+
+from app.schemas.tender import Tender
+from app.database import get_db
+from app.models.tender import TenderModel
+from app.services.sync import sync_tenders_to_db, clean_expired_tenders
+
+router = APIRouter()
+
+@router.get("/tenders", response_model=List[Tender])
+async def search_tender_opportunities(
+    keyword: Optional[str] = None,
+    buyer: Optional[str] = None,
+    region: Optional[str] = None,
+    skip: int = 0,
+    limit: int = 50,
+    db: Session = Depends(get_db)
+):
+    # 1. Búsqueda en DB con paginación
+    query = db.query(TenderModel)
+    
+    if keyword:
+        query = query.filter(
+            or_(
+                TenderModel.name.ilike(f"%{keyword}%"),
+                TenderModel.code.ilike(f"%{keyword}%"),
+                TenderModel.description.ilike(f"%{keyword}%")
+            )
+        )
+    
+    if buyer:
+        query = query.filter(TenderModel.buyer.ilike(f"%{buyer}%"))
+    
+    if region:
+        query = query.filter(TenderModel.region.ilike(f"%{region}%"))
+        
+    # Ordenar por fecha de cierre (más próximas primero)
+    results = query.order_by(TenderModel.closing_date.asc()).offset(skip).limit(limit).all()
+    
+    # 2. Si la DB está vacía y no hay filtros, sugerir sincronización (no hace nada automático)
+    if not results and keyword and len(keyword) > 3:
+        await sync_tenders_to_db(db, keyword=keyword)
+        results = query.offset(skip).limit(limit).all()
+        
+    return results
+
+@router.get("/tenders/count")
+def get_tenders_count(db: Session = Depends(get_db)):
+    """Devuelve el total de licitaciones en la base de datos."""
+    return {"total": db.query(TenderModel).count()}
+
+@router.post("/tenders/sync")
+async def manual_sync(keyword: Optional[str] = None, db: Session = Depends(get_db)):
+    return await sync_tenders_to_db(db, keyword=keyword)

backend/app/schemas/analysis.py

@@ -0,0 +1,45 @@
+from datetime import datetime
+from pydantic import BaseModel
+from typing import List
+
+from app.schemas.company import CompanyProfile
+from app.schemas.tender import Tender
+
+
+class RiskItem(BaseModel):
+    title: str
+    severity: str
+    explanation: str
+
+
+class ActionItem(BaseModel):
+    task: str
+    priority: str
+    owner: str
+    timeline: str
+
+
+class AnalysisRequest(BaseModel):
+    tender: Tender
+    company_profile: CompanyProfile
+    document_text: str | None = None
+
+
+class AnalysisResult(BaseModel):
+    fit_score: int
+    decision: str
+    executive_summary: str
+    key_requirements: List[str]
+    risks: List[RiskItem]
+    compliance_gaps: List[str]
+    action_plan: List[ActionItem]
+    proposal_draft: str
+    report_markdown: str
+    audit_log: List[str] = []
+
+
+class AnalysisRecord(BaseModel):
+    tender_code: str
+    tender_name: str
+    analyzed_at: datetime
+    analysis: AnalysisResult

backend/app/schemas/company.py

@@ -0,0 +1,12 @@
+from pydantic import BaseModel
+from typing import List
+
+
+class CompanyProfile(BaseModel):
+    name: str
+    industry: str
+    services: List[str]
+    experience: str
+    certifications: List[str]
+    regions: List[str]
+    documents_available: List[str]

backend/app/schemas/tender.py

@@ -0,0 +1,25 @@
+from pydantic import BaseModel
+from typing import List, Optional
+
+class TenderItem(BaseModel):
+    name: str
+    quantity: float
+    unit: str
+
+class TenderAttachment(BaseModel):
+    name: str
+    url: str
+
+class Tender(BaseModel):
+    code: str
+    name: str
+    buyer: str
+    status: str
+    closing_date: str
+    description: str
+    estimated_amount: Optional[float] = None
+    source: str
+    region: Optional[str] = None
+    sector: Optional[str] = None
+    items: List[TenderItem] = []
+    attachments: List[TenderAttachment] = []

backend/app/services/agents.py

@@ -0,0 +1,92 @@
+import json
+import asyncio
+from typing import List, Dict, Any
+from app.schemas.analysis import AnalysisResult, RiskItem, ActionItem
+from app.schemas.company import CompanyProfile
+from app.schemas.tender import Tender
+from app.services.llm import generate_analysis, call_gemini, _parse_gemini_response
+from app.services.report import generate_markdown_report
+
+async def legal_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "") -> str:
+    prompt = (
+        f"AGENT ROLE: Legal & Compliance Expert\n"
+        f"GOAL: Analyze administrative bases and compliance risks.\n"
+        f"TENDER: {tender.name} - {tender.description}\n"
+        f"COMPANY: {company.name} (Docs: {', '.join(company.documents_available)})\n"
+        f"EXTRACTED TEXT: {document_text[:5000]}\n"
+        f"TASK: Identify 3 legal gaps and 2 critical deadlines. Be concise and professional."
+    )
+    return await asyncio.to_thread(call_gemini, prompt)
+
+async def technical_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "") -> str:
+    prompt = (
+        f"AGENT ROLE: Technical Architect\n"
+        f"GOAL: Evaluate technical feasibility and product-market fit.\n"
+        f"TENDER: {tender.name} - {tender.description}\n"
+        f"COMPANY: {company.industry} - {company.experience}\n"
+        f"EXTRACTED TEXT: {document_text[:5000]}\n"
+        f"TASK: Identify 3 technical challenges and how our stack fits. Be concise."
+    )
+    return await asyncio.to_thread(call_gemini, prompt)
+
+async def strategy_agent_task(tender: Tender, company: CompanyProfile, document_text: str = "") -> str:
+    prompt = (
+        f"AGENT ROLE: Risk & Strategy Specialist\n"
+        f"GOAL: Calculate ROI, competitive risks, and overall strategy.\n"
+        f"TENDER: {tender.name} - {tender.estimated_amount} CLP\n"
+        f"COMPANY: {company.name}\n"
+        f"TASK: Identify 3 strategic risks and 1 'Win Strategy'. Be concise."
+    )
+    return await asyncio.to_thread(call_gemini, prompt)
+
+async def run_full_analysis(tender: Tender, company_profile: CompanyProfile, document_text: str | None = None) -> AnalysisResult:
+    audit_log = ["🚀 Iniciando mesa de expertos agéntica..."]
+    doc_text = document_text or ""
+    
+    # Run agents in parallel
+    audit_log.append("👨‍⚖️ Agente Legal: Analizando bases administrativas...")
+    audit_log.append("👨‍💻 Agente Técnico: Evaluando requerimientos y arquitectura...")
+    audit_log.append("🕵️ Agente de Riesgo: Escaneando competitividad y rentabilidad...")
+    
+    legal_task = legal_agent_task(tender, company_profile, doc_text)
+    tech_task = technical_agent_task(tender, company_profile, doc_text)
+    strat_task = strategy_agent_task(tender, company_profile, doc_text)
+    
+    responses = await asyncio.gather(legal_task, tech_task, strat_task)
+    legal_resp, tech_resp, strat_resp = responses
+    
+    audit_log.append("💡 Consolidando hallazgos de los expertos...")
+    
+    # Final Synthesis
+    synthesis_prompt = (
+        f"Eres el ORQUESTADOR DE ANDESOPS AI.\n"
+        f"Has recibido reportes de tus expertos para la licitación: {tender.name}.\n\n"
+        f"REPORTE LEGAL: {legal_resp}\n\n"
+        f"REPORTE TÉCNICO: {tech_resp}\n\n"
+        f"REPORTE ESTRATÉGICO: {strat_resp}\n\n"
+        f"INSTRUCCIONES: Genera el AnalysisResult final en JSON.\n"
+        f"Incluye un resumen ejecutivo que mencione los puntos de los expertos.\n"
+        f"El fit_score debe ser un consenso de los tres.\n"
+        f"Responde ÚNICAMENTE con el JSON."
+    )
+    
+    final_output = await asyncio.to_thread(call_gemini, synthesis_prompt)
+    parse_result = _parse_gemini_response(final_output)
+    
+    if parse_result:
+        try:
+            # Add individual thoughts to the audit log for visual impact
+            audit_log.append(f"Resumen Legal: {legal_resp[:150]}...")
+            audit_log.append(f"Resumen Técnico: {tech_resp[:150]}...")
+            
+            if not parse_result.get("report_markdown"):
+                parse_result["report_markdown"] = generate_markdown_report(parse_result)
+            
+            result = AnalysisResult(**parse_result)
+            result.audit_log = audit_log + (result.audit_log or [])
+            return result
+        except Exception as e:
+            print(f"Synthesis Error: {e}")
+            
+    # Fallback to single agent if parallel fails or synthesis is bad
+    return generate_analysis(tender, company_profile, document_text)

backend/app/services/llm.py

@@ -0,0 +1,131 @@
+import hashlib
+import json
+import re
+from typing import Any
+
+import google.generativeai as genai
+from app.config import settings
+from app.schemas.analysis import AnalysisResult
+from app.schemas.company import CompanyProfile
+from app.schemas.tender import Tender
+from app.services.report import generate_markdown_report
+
+# Configure Gemini
+if settings.gemini_api_key:
+    genai.configure(api_key=settings.gemini_api_key)
+
+def get_gemini_model():
+    return genai.GenerativeModel(
+        model_name=settings.gemini_model,
+        generation_config={
+            "temperature": 0.2,
+            "top_p": 0.95,
+            "top_k": 64,
+            "max_output_tokens": 8192, # Increased for document processing
+            "response_mime_type": "application/json",
+        }
+    )
+
+def call_gemini(prompt: str) -> str:
+    if not settings.gemini_api_key:
+        return ""
+
+    try:
+        model = get_gemini_model()
+        response = model.generate_content(prompt)
+        return response.text
+    except Exception as e:
+        print(f"Error calling Gemini: {e}")
+        return ""
+
+def _normalize_gemini_output(output: str) -> str:
+    if not output:
+        return output
+
+    text = output.strip()
+    if text.startswith("```"):
+        parts = text.split("```")
+        if len(parts) >= 2:
+            first_part = parts[1].strip()
+            if first_part.lower().startswith("json"):
+                text = first_part[4:].strip()
+            else:
+                text = first_part
+    
+    return text
+
+def _parse_gemini_response(output: str) -> dict[str, Any] | None:
+    candidate = _normalize_gemini_output(output)
+    try:
+        return json.loads(candidate)
+    except json.JSONDecodeError:
+        json_match = re.search(r"\{.*\}", candidate, re.DOTALL)
+        if json_match:
+            try:
+                return json.loads(json_match.group(0))
+            except:
+                pass
+        return None
+
+def _build_analysis_prompt(tender: Tender, company: CompanyProfile, document_text: str | None = None) -> str:
+    doc_context = f"\n\nCONTENIDO DE LAS BASES (DOCUMENTO ADJUNTO):\n{document_text}\n" if document_text else ""
+    return (
+        "Eres un Sistema Multi-Agente de Élite para análisis de licitaciones públicas en Chile (Mercado Público).\n"
+        "Tu objetivo es realizar un análisis exhaustivo y colaborativo entre tres expertos virtuales:\n\n"
+        "1. **Agente Legal & Cumplimiento**: Enfocado en bases administrativas, plazos y requisitos de documentos.\n"
+        "2. **Agente Técnico**: Enfocado en el encaje de la oferta, arquitectura y capacidades de ejecución.\n"
+        "3. **Agente de Riesgos & Estrategia**: Enfocado en rentabilidad, riesgos del proyecto y competitividad.\n\n"
+        "INSTRUCCIONES:\n"
+        "- Analiza la licitación, el perfil de la empresa y el contenido de las bases adjuntas si están disponibles.\n"
+        "- Genera una decisión consensuada.\n"
+        "- Devuelve un objeto JSON con la estructura exacta de 'AnalysisResult'.\n\n"
+        "CAMPOS REQUERIDOS EN EL JSON:\n"
+        "- fit_score: (0-100) puntaje de encaje.\n"
+        "- decision: 'Recommended', 'Review Carefully' o 'Not Recommended'.\n"
+        "- executive_summary: Resumen ejecutivo profesional en español.\n"
+        "- key_requirements: Lista de los 5 requisitos más críticos.\n"
+        "- risks: Lista de objetos {title, severity: 'High'|'Medium'|'Low', explanation}.\n"
+        "- compliance_gaps: Lista de posibles brechas o documentos faltantes.\n"
+        "- action_plan: Lista de objetos {task, priority, owner, timeline}.\n"
+        "- proposal_draft: Un borrador de propuesta comercial (Markdown) convincente.\n"
+        "- audit_log: Lista de pasos que tomaron los agentes para llegar a esta conclusión.\n\n"
+        f"DATOS DE LA LICITACIÓN:\n{tender.model_dump_json(indent=2)}\n\n"
+        f"DATOS DE LA EMPRESA:\n{company.model_dump_json(indent=2)}\n"
+        f"{doc_context}\n\n"
+        "RESPONDE ÚNICAMENTE CON EL JSON VÁLIDO."
+    )
+
+def generate_mock_analysis(tender: Tender, company: CompanyProfile) -> AnalysisResult:
+    raw = f"{tender.code}:{tender.name}:{company.name}"
+    digest = hashlib.sha256(raw.encode("utf-8")).hexdigest()
+    score = int(digest[:8], 16) % 41 + 55
+    
+    return AnalysisResult(
+        fit_score=score,
+        decision="Recommended" if score > 75 else "Review Carefully",
+        executive_summary=f"Análisis automático para {tender.name}. Se observa un encaje técnico razonable.",
+        key_requirements=["Documentación legal", "Experiencia técnica", "Garantía de seriedad"],
+        risks=[{"title": "Plazo ajustado", "severity": "Medium", "explanation": "El tiempo de entrega es crítico."}],
+        compliance_gaps=["Validar boleta de garantía"],
+        action_plan=[{"task": "Revisar bases", "priority": "High", "owner": "Legal", "timeline": "2 días"}],
+        proposal_draft="Borrador generado automáticamente...",
+        report_markdown="# Reporte de Licitación",
+        audit_log=["Iniciando análisis de respaldo...", "Generando datos mock."]
+    )
+
+def generate_analysis(tender: Tender, company: CompanyProfile, document_text: str | None = None) -> AnalysisResult:
+    prompt = _build_analysis_prompt(tender, company, document_text)
+    output = call_gemini(prompt)
+    parse_result = _parse_gemini_response(output)
+    
+    if parse_result:
+        try:
+            if not parse_result.get("report_markdown"):
+                parse_result["report_markdown"] = generate_markdown_report(parse_result)
+            return AnalysisResult(**parse_result)
+        except Exception as e:
+            print(f"Error mapping to AnalysisResult: {e}")
+    
+    analysis = generate_mock_analysis(tender, company)
+    analysis.audit_log.append("Fallback: Gemini no retornó un análisis válido.")
+    return analysis

backend/app/services/mercado_publico.py

@@ -0,0 +1,243 @@
+import json
+from pathlib import Path
+from typing import Any, List, Optional
+from datetime import datetime
+
+import httpx
+
+from app.config import settings
+from app.schemas.tender import Tender, TenderItem, TenderAttachment
+
+# No mock data paths allowed
+
+# API Mappings from official documentation
+TENDER_TYPES = {
+    "L1": "Licitación Pública < 100 UTM",
+    "LE": "Licitación Pública 100-1000 UTM",
+    "LP": "Licitación Pública > 1000 UTM",
+    "LS": "Licitación Pública Servicios Personales",
+    "LR": "Licitación Pública (Regulada)",
+    "A1": "Licitación Privada sin oferentes previos",
+    "B1": "Licitación Privada excluida Ley de Compras",
+    "CO": "Licitación Privada 100-1000 UTM",
+    "B2": "Licitación Privada > 1000 UTM",
+    "D1": "Trato Directo Proveedor Único",
+    "C2": "Trato Directo (Cotización)",
+    "C1": "Compra Directa (Orden de compra)",
+    "O1": "Obras Públicas",
+}
+
+TENDER_STATUS_CODES = {
+    "5": "Publicada",
+    "6": "Cerrada",
+    "7": "Desierta",
+    "8": "Adjudicada",
+    "18": "Revocada",
+    "19": "Suspendida",
+}
+
+
+def _extract_type_label(code: str) -> str:
+    """Extract tender type from code like '1000-6-LE26' -> 'LE' -> 'Licitación Pública 100-1000 UTM'."""
+    if not code:
+        return ""
+    parts = code.split("-")
+    if len(parts) >= 3:
+        type_code = "".join(c for c in parts[2] if c.isalpha())
+        return TENDER_TYPES.get(type_code, type_code)
+    return ""
+
+
+# Mock data loading removed for production-ready hackathon version
+
+
+def normalize_list_tender(raw: dict[str, Any]) -> Tender:
+    """Normalize a tender from the LISTING endpoint (basic data only)."""
+    code = raw.get("CodigoExterno", "")
+    status_code = str(raw.get("CodigoEstado", ""))
+    status_desc = TENDER_STATUS_CODES.get(status_code, f"Estado {status_code}")
+    closing = raw.get("FechaCierre", "")
+    
+    return Tender(
+        code=code,
+        name=raw.get("Nombre", "Sin título"),
+        buyer="",  # Not available in list endpoint
+        status=status_desc,
+        closing_date=str(closing) if closing else "",
+        description=raw.get("Nombre", ""),
+        estimated_amount=None,
+        source="Mercado Público",
+        region=None,
+        sector=_extract_type_label(code),
+        items=[],
+        attachments=[],
+    )
+
+
+def normalize_detail_tender(raw: dict[str, Any]) -> Tender:
+    """Normalize a tender from the DETAIL endpoint (full data)."""
+    # Items
+    items_data = raw.get("Items", {})
+    raw_items = items_data.get("Listado", []) if isinstance(items_data, dict) else []
+    items = []
+    for ri in raw_items:
+        if isinstance(ri, dict):
+            items.append(TenderItem(
+                name=ri.get("NombreProducto", ri.get("Producto", "Item")),
+                quantity=float(ri.get("Cantidad", 0)),
+                unit=ri.get("UnidadMedida", "Unidad"),
+            ))
+
+    # Attachments
+    adj_data = raw.get("Adjuntos", [])
+    attachments = []
+    if isinstance(adj_data, list):
+        for ra in adj_data:
+            if isinstance(ra, dict):
+                attachments.append(TenderAttachment(
+                    name=ra.get("NombreArchivo", ra.get("Nombre", "Adjunto")),
+                    url=ra.get("URL", ra.get("Url", "#")),
+                ))
+
+    code = raw.get("CodigoExterno", raw.get("Codigo", ""))
+    status_code = str(raw.get("CodigoEstado", raw.get("Estado", "")))
+    status_desc = TENDER_STATUS_CODES.get(status_code, f"Estado {status_code}")
+
+    # Buyer info
+    comprador = raw.get("Comprador", {})
+    buyer_name = ""
+    if isinstance(comprador, dict):
+        buyer_name = comprador.get("NombreOrganismo", comprador.get("Nombre", ""))
+    if not buyer_name:
+        buyer_name = raw.get("Organismo", raw.get("NombreOrganismo", ""))
+
+    return Tender(
+        code=code,
+        name=raw.get("Nombre", "Sin título"),
+        buyer=str(buyer_name) if buyer_name else "No disponible",
+        status=status_desc,
+        closing_date=str(raw.get("FechaCierre", "")),
+        description=raw.get("Descripcion", raw.get("Nombre", "")),
+        estimated_amount=raw.get("MontoEstimado", None),
+        source="Mercado Público",
+        region=None,
+        sector=_extract_type_label(code),
+        items=items,
+        attachments=attachments,
+    )
+
+
+async def _api_call_list(params: dict) -> List[Tender]:
+    """Call listing endpoint (returns basic data for many tenders)."""
+    if not settings.mercado_publico_ticket:
+        print("[MercadoPublico] No ticket configured")
+        return []
+
+    params["ticket"] = settings.mercado_publico_ticket
+    try:
+        print(f"[MercadoPublico] List request: {params}")
+        async with httpx.AsyncClient(timeout=60) as client:
+            url = "https://api.mercadopublico.cl/servicios/v1/publico/licitaciones.json"
+            response = await client.get(url, params=params)
+            response.raise_for_status()
+            body = response.json()
+            items = body.get("Listado", [])
+            cantidad = body.get("Cantidad", 0)
+            print(f"[MercadoPublico] Got {cantidad} items from API")
+            if isinstance(items, dict):
+                items = [items]
+            return [normalize_list_tender(i) for i in items if isinstance(i, dict)]
+    except Exception as e:
+        print(f"[MercadoPublico] List API Error: {e}")
+        return []
+
+
+async def _api_call_detail(code: str) -> Optional[Tender]:
+    """Call detail endpoint for a single tender by code (returns full data)."""
+    if not settings.mercado_publico_ticket:
+        return None
+
+    params = {"codigo": code, "ticket": settings.mercado_publico_ticket}
+    try:
+        print(f"[MercadoPublico] Detail request for: {code}")
+        async with httpx.AsyncClient(timeout=30) as client:
+            url = "https://api.mercadopublico.cl/servicios/v1/publico/licitaciones.json"
+            response = await client.get(url, params=params)
+            response.raise_for_status()
+            body = response.json()
+            items = body.get("Listado", [])
+            if isinstance(items, dict):
+                items = [items]
+            if items and isinstance(items[0], dict):
+                return normalize_detail_tender(items[0])
+            return None
+    except Exception as e:
+        print(f"[MercadoPublico] Detail API Error: {e}")
+        return None
+
+
+async def fetch_tenders(keyword: str = None, date: str = None, state: str = "activas") -> List[Tender]:
+    """Main search function. Searches by keyword (code or text) or by date/state."""
+    
+    # If keyword looks like a tender code (contains dashes and alphanumeric), search by code
+    if keyword and "-" in keyword:
+        result = await _api_call_detail(keyword)
+        return [result] if result else []
+
+    # Otherwise, get listing and filter client-side
+    params: dict[str, str] = {}
+    if state:
+        params["estado"] = state
+    if date:
+        params["fecha"] = date
+
+    results = await _api_call_list(params)
+
+    # Client-side keyword filter (API listing doesn't support text search)
+    if keyword:
+        kw = keyword.lower()
+        results = [
+            r for r in results
+            if kw in r.name.lower() or kw in r.code.lower()
+        ]
+
+    # Return all results to populate the local DB
+    return results
+
+
+async def get_tenders_by_buyer(buyer_code: str, date: str = None) -> List[Tender]:
+    params: dict[str, str] = {"CodigoOrganismo": buyer_code}
+    if date:
+        params["fecha"] = date
+    return await _api_call_list(params)
+
+
+async def get_tenders_by_provider(provider_code: str, date: str = None) -> List[Tender]:
+    params: dict[str, str] = {"CodigoProveedor": provider_code}
+    if date:
+        params["fecha"] = date
+    return await _api_call_list(params)
+
+
+async def get_tender_by_code(code: str) -> Optional[Tender]:
+    return await _api_call_detail(code)
+
+
+async def search_organizations(keyword: str = None) -> List[dict]:
+    """Search buyer organizations using the Mercado Público directory."""
+    if not settings.mercado_publico_ticket:
+        return []
+    try:
+        async with httpx.AsyncClient(timeout=10) as client:
+            url = "https://api.mercadopublico.cl/servicios/v1/Publico/Empresas/BuscarComprador"
+            params = {"ticket": settings.mercado_publico_ticket}
+            response = await client.get(url, params=params)
+            body = response.json()
+            items = body if isinstance(body, list) else []
+            if keyword:
+                kw = keyword.lower()
+                return [i for i in items if kw in str(i.get("NombreEmpresa", "")).lower()][:50]
+            return items[:50]
+    except Exception as e:
+        print(f"[MercadoPublico] Org Search Error: {e}")
+        return []

backend/app/services/persistence.py

@@ -0,0 +1,25 @@
+import json
+from pathlib import Path
+from typing import List, Type, TypeVar
+from pydantic import BaseModel
+
+T = TypeVar("T", bound=BaseModel)
+
+DATA_DIR = Path(__file__).resolve().parent.parent / "data"
+DATA_DIR.mkdir(exist_ok=True)
+
+def save_to_json(data: List[BaseModel], filename: str):
+    path = DATA_DIR / filename
+    with path.open("w", encoding="utf-8") as f:
+        json.dump([item.model_dump(mode="json") for item in data], f, indent=2, ensure_ascii=False)
+
+def load_from_json(model_class: Type[T], filename: str) -> List[T]:
+    path = DATA_DIR / filename
+    if not path.exists():
+        return []
+    with path.open("r", encoding="utf-8") as f:
+        try:
+            raw = json.load(f)
+            return [model_class(**item) for item in raw]
+        except:
+            return []

backend/app/services/report.py

@@ -0,0 +1,40 @@
+from typing import Any
+
+
+def _value(analysis: Any, key: str):
+    if isinstance(analysis, dict):
+        return analysis.get(key, "")
+    return getattr(analysis, key, "")
+
+
+def generate_markdown_report(analysis: Any) -> str:
+    lines = [
+        f"# Informe de Análisis: {_value(analysis, 'fit_score')}% de ajuste",
+        "",
+        f"**Decisión:** {_value(analysis, 'decision')}",
+        "",
+        "## Resumen Ejecutivo",
+        _value(analysis, "executive_summary"),
+        "",
+        "## Requisitos Clave",
+    ]
+    for req in _value(analysis, "key_requirements") or []:
+        lines.append(f"- {req}")
+    lines.append("")
+    lines.append("## Riesgos")
+    for risk in _value(analysis, "risks") or []:
+        lines.append(f"- **{risk['title']}** ({risk['severity']}): {risk['explanation']}")
+    lines.append("")
+    lines.append("## Brechas de Cumplimiento")
+    for gap in _value(analysis, "compliance_gaps") or []:
+        lines.append(f"- {gap}")
+    lines.append("")
+    lines.append("## Plan de Acción")
+    for item in _value(analysis, "action_plan") or []:
+        lines.append(
+            f"- **{item['task']}** | Prioridad: {item['priority']} | Responsable: {item['owner']} | Tiempo: {item['timeline']}"
+        )
+    lines.append("")
+    lines.append("## Borrador de Propuesta")
+    lines.append(_value(analysis, "proposal_draft"))
+    return "\n".join(lines)

backend/app/services/sync.py

@@ -0,0 +1,68 @@
+from sqlalchemy.orm import Session
+from datetime import datetime
+from app.models.tender import TenderModel
+from app.services.mercado_publico import fetch_tenders, get_tender_by_code
+import json
+
+async def sync_tenders_to_db(db: Session, keyword: str = None):
+    """
+    Fetches tenders from API and saves/updates them in the MySQL database.
+    """
+    print(f"[Sync] Starting synchronization... keyword={keyword}")
+    try:
+        api_tenders = await fetch_tenders(keyword=keyword)
+        if not api_tenders:
+            print("[Sync] WARNING: API returned ZERO tenders. Check Ticket or API Status.")
+        else:
+            print(f"[Sync] API returned {len(api_tenders)} tenders for processing.")
+    except Exception as e:
+        print(f"[Sync] FATAL ERROR during fetch: {e}")
+        return {"error": str(e)}
+    
+    count_new = 0
+    count_updated = 0
+    
+    for api_t in api_tenders:
+        # Check if exists
+        db_tender = db.query(TenderModel).filter(TenderModel.code == api_t.code).first()
+        
+        # Convert Pydantic model to dict for DB
+        tender_data = {
+            "code": api_t.code,
+            "name": api_t.name,
+            "buyer": api_t.buyer,
+            "status": api_t.status,
+            "closing_date": datetime.fromisoformat(api_t.closing_date.replace("Z", "")) if api_t.closing_date else None,
+            "description": api_t.description,
+            "estimated_amount": api_t.estimated_amount,
+            "source": api_t.source,
+            "region": api_t.region,
+            "sector": api_t.sector,
+            "items": [item.dict() for item in api_t.items] if api_t.items else [],
+            "attachments": [att.dict() for att in api_t.attachments] if api_t.attachments else []
+        }
+        
+        if db_tender:
+            # Update existing
+            for key, value in tender_data.items():
+                setattr(db_tender, key, value)
+            count_updated += 1
+        else:
+            # Create new
+            new_tender = TenderModel(**tender_data)
+            db.add(new_tender)
+            count_new += 1
+            
+    db.commit()
+    print(f"[Sync] 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.
+    """
+    now = datetime.now()
+    expired = db.query(TenderModel).filter(TenderModel.closing_date < now).delete()
+    db.commit()
+    print(f"[Sync] Cleaned {expired} expired tenders.")
+    return expired

backend/requirements.txt

@@ -0,0 +1,8 @@
+fastapi==0.109.0
+uvicorn[standard]==0.23.2
+httpx==0.27.0
+pydantic==2.8.0
+pydantic-settings==2.4.0
+google-generativeai==0.7.2
+pypdf==4.2.0
+python-multipart==0.0.9

docker-compose.yml

@@ -0,0 +1,22 @@
+version: "3.9"
+services:
+  backend:
+    build: ./backend
+    command: uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload
+    ports:
+      - "8000:8000"
+    volumes:
+      - ./backend:/app
+    environment:
+      - MERCADO_PUBLICO_TICKET=${MERCADO_PUBLICO_TICKET}
+      - GEMINI_API_KEY=${GEMINI_API_KEY}
+  frontend:
+    build:
+      context: ./frontend
+    command: npm run dev -- --hostname 0.0.0.0
+    ports:
+      - "3000:3000"
+    volumes:
+      - ./frontend:/app
+    environment:
+      - NEXT_PUBLIC_API_BASE=http://backend:8000

frontend/Dockerfile

@@ -0,0 +1,6 @@
+FROM node:20-slim
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm install
+COPY . .
+CMD ["npm", "run", "dev", "--", "--hostname", "0.0.0.0"]

frontend/app/layout.tsx

@@ -0,0 +1,15 @@
+import "../globals.css";
+import type { ReactNode } from "react";
+
+export const metadata = {
+  title: "AndesOps AI",
+  description: "Enterprise tender intelligence for Chilean public procurement.",
+};
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="es">
+      <body>{children}</body>
+    </html>
+  );
+}

frontend/app/page.tsx

@@ -0,0 +1,187 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import Dashboard from "../components/Dashboard";
+import TenderSearch from "../components/TenderSearch";
+import CompanyProfile from "../components/CompanyProfile";
+import AgentAnalysis from "../components/AgentAnalysis";
+import ProposalDraft from "../components/ProposalDraft";
+import Reports from "../components/Reports";
+import Sidebar from "../components/Sidebar";
+import AnalysisHistory from "../components/AnalysisHistory";
+import { analyzeTender, fetchAnalysisHistory, fetchCompanyProfile, healthCheck, saveCompanyProfile, searchTenders } from "../lib/api";
+import type { AnalysisHistoryItem, AnalysisResult, CompanyProfile as CompanyProfileType, Tender } from "../lib/types";
+
+const tabs = [
+  "Dashboard",
+  "Tender Search",
+  "My Portfolio",
+  "Company Profile",
+  "Agent Analysis",
+  "Proposal Draft",
+  "Reports",
+  "History",
+] as const;
+
+type Tab = (typeof tabs)[number];
+
+export default function HomePage() {
+  const [activeTab, setActiveTab] = useState<Tab>("Dashboard");
+  const [tenders, setTenders] = useState<Tender[]>([]);
+  const [selectedTender, setSelectedTender] = useState<Tender | null>(null);
+  const [companyProfile, setCompanyProfile] = useState<CompanyProfileType>({
+    name: "Andes Digital",
+    industry: "Software development",
+    services: ["AI automation", "web apps", "data dashboards"],
+    experience: "5 years building enterprise software",
+    certifications: [],
+    regions: ["Metropolitana", "Valparaíso"],
+    documents_available: ["RUT", "Portfolio", "Financial Statements"],
+  });
+  const [analysisResult, setAnalysisResult] = useState<AnalysisResult | null>(null);
+  const [analysisHistory, setAnalysisHistory] = useState<AnalysisHistoryItem[]>([]);
+  const [status, setStatus] = useState("listening");
+
+  useEffect(() => {
+    // Initial tab from URL
+    if (typeof window !== 'undefined') {
+      const params = new URLSearchParams(window.location.search);
+      const tabParam = params.get('tab');
+      if (tabParam) {
+        const foundTab = tabs.find(t => t.toLowerCase().replace(/ /g, "_") === tabParam);
+        if (foundTab) setActiveTab(foundTab);
+      }
+    }
+
+    async function init() {
+      try {
+        await healthCheck();
+        setStatus("connected");
+      } catch {
+        setStatus("offline");
+      }
+
+      try {
+        const profile = await fetchCompanyProfile();
+        if (profile) setCompanyProfile(profile);
+      } catch (e) {
+        console.error("Profile load error", e);
+      }
+
+      try {
+        const history = await fetchAnalysisHistory();
+        setAnalysisHistory(history);
+      } catch (e) {
+        console.error("History load error", e);
+      }
+
+      try {
+        const initialTenders = await searchTenders({});
+        setTenders(initialTenders);
+      } catch (e) {
+        console.error("Tenders load error", e);
+      }
+    }
+
+    init();
+  }, []);
+
+  const recommendedCount = useMemo(
+    () => (analysisResult?.decision === "Recommended" ? 1 : 0),
+    [analysisResult]
+  );
+
+  const highRiskItems = useMemo(
+    () => analysisResult?.risks.filter((item) => item.severity === "High").length ?? 0,
+    [analysisResult]
+  );
+
+  const reportsGenerated = useMemo(() => (analysisResult ? 1 : 0), [analysisResult]);
+
+  const handleTenderSelect = (tender: Tender) => {
+    setSelectedTender(tender);
+    setActiveTab("Agent Analysis");
+    window.history.pushState({}, '', `?tab=agent_analysis`);
+  };
+
+  const handleSearch = async (params: { keyword?: string; buyer_code?: string; provider_code?: string; date?: string }) => {
+    const results = await searchTenders(params);
+    setTenders(results);
+  };
+
+  const handleProfileSave = async (profile: CompanyProfileType) => {
+    try {
+      const savedProfile = await saveCompanyProfile(profile);
+      setCompanyProfile(savedProfile);
+    } catch {
+      setCompanyProfile(profile);
+    }
+  };
+
+  const handleRunAnalysis = async (documentText?: string) => {
+    if (!selectedTender) return;
+    const result = await analyzeTender(selectedTender, companyProfile, documentText);
+    setAnalysisResult(result);
+
+    try {
+      const history = await fetchAnalysisHistory();
+      setAnalysisHistory(history);
+    } catch (e) {
+      console.error(e);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-navy text-slate-100">
+      <div className="mx-auto flex min-h-screen max-w-[1440px] gap-6 px-6 py-6">
+        <Sidebar
+          tabs={tabs}
+          activeTab={activeTab}
+          onTabSelect={setActiveTab}
+          status={status}
+        />
+        <main className="flex-1 rounded-3xl border border-slate-800 bg-surface p-6 shadow-2xl shadow-slate-900/20">
+          {activeTab === "Dashboard" && (
+            <Dashboard
+              tendersFound={tenders.length}
+              recommendedOpportunities={recommendedCount}
+              highRiskItems={highRiskItems}
+              reportsGenerated={reportsGenerated}
+              tenders={tenders}
+            />
+          )}
+          {(activeTab === "Tender Search" || activeTab === "My Portfolio") && (
+            <TenderSearch
+              tenders={tenders}
+              onSearch={handleSearch}
+              onAnalyze={handleTenderSelect}
+              forceShowFollowed={activeTab === "My Portfolio"}
+            />
+          )}
+          {activeTab === "Company Profile" && (
+            <CompanyProfile profile={companyProfile} onSave={handleProfileSave} />
+          )}
+          {activeTab === "Agent Analysis" && (
+            <AgentAnalysis
+              tender={selectedTender}
+              companyProfile={companyProfile}
+              analysis={analysisResult}
+              onAnalyze={handleRunAnalysis}
+            />
+          )}
+          {activeTab === "Proposal Draft" && <ProposalDraft proposal={analysisResult?.proposal_draft ?? ""} />}
+          {activeTab === "Reports" && <Reports reportMarkdown={analysisResult?.report_markdown ?? ""} />}
+          {activeTab === "History" && <AnalysisHistory history={analysisHistory} />}
+        </main>
+      </div>
+      <footer className="mt-8 border-t border-slate-800 bg-navy/50 py-12 text-center">
+        <p className="text-xs font-bold uppercase tracking-[0.4em] text-slate-500 mb-2">
+          Architecting the Agentic Future
+        </p>
+        <p className="text-sm font-medium text-slate-400">
+          © 2026 <a href="https://rew.cl" target="_blank" className="text-cyan hover:text-sky transition-colors font-bold">REW 2026</a> | IA TECH PREMIUM
+        </p>
+      </footer>
+    </div>
+  );
+}

frontend/components/AgentAnalysis.tsx

@@ -0,0 +1,213 @@
+"use client";
+
+import { useState } from "react";
+import type { AnalysisResult, CompanyProfile, Tender } from "../lib/types";
+import { uploadDocument } from "../lib/api";
+
+type Props = {
+  tender: Tender | null;
+  companyProfile: CompanyProfile;
+  analysis: AnalysisResult | null;
+  onAnalyze: (documentText?: string) => Promise<void>;
+};
+
+const agents = [
+  { id: "legal", name: "Dra. Legal", role: "Compliance", avatar: "⚖️", color: "text-amber-400" },
+  { id: "tech", name: "Ing. Tech", role: "Architecture", avatar: "👨‍💻", color: "text-cyan" },
+  { id: "risk", name: "Sra. Estrategia", role: "ROI & Risk", avatar: "🕵️‍♀️", color: "text-purple-400" },
+];
+
+export default function AgentAnalysis({ tender, companyProfile, analysis, onAnalyze }: Props) {
+  const [approved, setApproved] = useState(false);
+  const [isRunning, setIsRunning] = useState(false);
+  const [file, setFile] = useState<File | null>(null);
+  const [isUploading, setIsUploading] = useState(false);
+  const [documentText, setDocumentText] = useState<string | "">("");
+
+  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    if (event.target.files && event.target.files[0]) {
+      setFile(event.target.files[0]);
+    }
+  };
+
+  const handleAnalyzeClick = async () => {
+    if (!approved || !tender) return;
+    setIsRunning(true);
+    let extractedText = documentText;
+    if (file && !extractedText) {
+      setIsUploading(true);
+      try {
+        const uploadResult = await uploadDocument(file);
+        extractedText = uploadResult.text;
+        setDocumentText(extractedText);
+      } catch (error) {
+        console.error("Error uploading document:", error);
+      } finally {
+        setIsUploading(false);
+      }
+    }
+    await onAnalyze(extractedText);
+    setIsRunning(false);
+  };
+
+  return (
+    <div className="space-y-8">
+      {/* Tender Header Card */}
+      <div className="relative overflow-hidden rounded-3xl border border-slate-800 bg-slate-900/40 p-8 shadow-2xl">
+        <div className="absolute -right-20 -top-20 h-64 w-64 rounded-full bg-cyan/5 blur-[100px]" />
+        <div className="relative z-10 flex flex-col gap-8 lg:flex-row lg:items-center lg:justify-between">
+          <div className="max-w-3xl">
+            <div className="flex items-center gap-3 mb-4">
+              <span className="rounded-full bg-cyan/10 px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-cyan">Licitación Seleccionada</span>
+              <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">{tender?.name ?? "Esperando selección..."}</h2>
+            <p className="mt-4 text-slate-400 font-medium">{tender?.buyer ?? "Busca una oportunidad en Tender Search para iniciar la mesa de expertos."}</p>
+            
+            {tender && (
+              <div className="mt-8 flex flex-wrap gap-4">
+                <div className="rounded-2xl bg-slate-950/50 p-4 border border-slate-800/50">
+                   <p className="text-[10px] uppercase text-slate-500 font-bold mb-1">Monto Estimado</p>
+                   <p className="text-lg font-semibold text-white">
+                      {tender.estimated_amount ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP", maximumFractionDigits: 0 }).format(tender.estimated_amount) : "No declarado"}
+                   </p>
+                </div>
+                <div className="rounded-2xl bg-slate-950/50 p-4 border border-slate-800/50">
+                   <p className="text-[10px] uppercase text-slate-500 font-bold mb-1">Cierre Técnico</p>
+                   <p className="text-lg font-semibold text-white">{tender.closing_date}</p>
+                </div>
+              </div>
+            )}
+          </div>
+
+          <div className="flex flex-col gap-4 lg:w-72">
+             <div className="rounded-2xl border border-slate-800 bg-slate-950 p-6">
+                <h4 className="text-xs font-bold uppercase text-slate-400 mb-4 tracking-tighter">Bases Técnicas (PDF)</h4>
+                <input type="file" accept=".pdf" onChange={handleFileChange} className="w-full text-xs text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-[10px] file:font-bold file:bg-slate-800 file:text-cyan hover:file:bg-slate-700 transition cursor-pointer" />
+                {file && <p className="mt-2 text-[10px] text-green-400">✓ Archivo cargado correctamente</p>}
+             </div>
+             
+             <label className="flex items-center gap-3 p-3 rounded-2xl bg-slate-950/50 cursor-pointer hover:bg-slate-950 transition">
+                <input type="checkbox" checked={approved} onChange={(e) => setApproved(e.target.checked)} className="h-5 w-5 rounded border-slate-700 bg-slate-950 text-cyan outline-none" />
+                <span className="text-[11px] font-semibold text-slate-300">Autorizar mesa de expertos</span>
+             </label>
+
+             <button
+               onClick={handleAnalyzeClick}
+               disabled={!tender || !approved || isRunning || isUploading}
+               className="w-full rounded-2xl bg-cyan py-5 font-bold text-slate-950 transition hover:bg-sky disabled:opacity-30 disabled:cursor-not-allowed shadow-[0_0_20px_rgba(6,182,212,0.15)]"
+             >
+               {isUploading ? "Cargando Bases..." : isRunning ? "Agentes Debatiendo..." : "Iniciar Sesión Agéntica"}
+             </button>
+          </div>
+        </div>
+      </div>
+
+      {/* Agents Row (War Room) */}
+      <div className="grid gap-4 md:grid-cols-3">
+        {agents.map((agent) => (
+          <div key={agent.id} className={`rounded-3xl border border-slate-800 bg-slate-900/20 p-6 flex items-center gap-4 transition duration-500 ${isRunning ? 'animate-pulse' : ''} ${analysis ? 'border-slate-700 bg-slate-900/40' : ''}`}>
+             <div className="text-3xl grayscale-[0.5] hover:grayscale-0 transition">{agent.avatar}</div>
+             <div>
+                <div className={`text-xs font-bold uppercase tracking-widest ${agent.color}`}>{agent.role}</div>
+                <div className="text-sm font-semibold text-white">{agent.name}</div>
+                {analysis && <div className="text-[10px] text-green-400 mt-1">Conclusión generada ✓</div>}
+             </div>
+          </div>
+        ))}
+      </div>
+
+      {/* Analysis Results View */}
+      {analysis && (
+        <div className="grid gap-8 lg:grid-cols-12 animate-in fade-in slide-in-from-bottom-8 duration-1000">
+          {/* Main Fit Score & Summary */}
+          <div className="lg:col-span-8 space-y-8">
+             <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-8 shadow-inner">
+                <div className="flex items-start justify-between">
+                   <div>
+                      <div className="text-[11px] font-bold uppercase tracking-[0.3em] text-cyan mb-2">Consenso de la Mesa</div>
+                      <h3 className="text-5xl font-black text-white">{analysis.fit_score}% <span className="text-2xl font-normal text-slate-500">Fit Score</span></h3>
+                   </div>
+                   <div className={`rounded-2xl px-4 py-2 text-xs font-bold uppercase ${analysis.decision === 'Recommended' ? 'bg-green-500/20 text-green-400' : 'bg-amber-500/20 text-amber-400'}`}>
+                      {analysis.decision}
+                   </div>
+                </div>
+                <div className="mt-8 prose prose-invert max-w-none">
+                   <p className="text-slate-300 text-lg leading-relaxed italic border-l-4 border-cyan pl-6">{analysis.executive_summary}</p>
+                </div>
+             </div>
+
+             <div className="grid gap-6 md:grid-cols-2">
+                <div className="rounded-3xl border border-slate-800 bg-slate-900/40 p-6">
+                   <h4 className="text-[11px] font-bold uppercase tracking-widest text-amber-400 mb-6">Gaps de Cumplimiento (Legal)</h4>
+                   <ul className="space-y-4">
+                      {analysis.compliance_gaps.map((gap, i) => (
+                        <li key={i} className="flex gap-3 text-sm text-slate-300">
+                           <span className="text-amber-400">⚠</span> {gap}
+                        </li>
+                      ))}
+                   </ul>
+                </div>
+                <div className="rounded-3xl border border-slate-800 bg-slate-900/40 p-6">
+                   <h4 className="text-[11px] font-bold uppercase tracking-widest text-cyan mb-6">Requerimientos Clave (Técnico)</h4>
+                   <ul className="space-y-4">
+                      {analysis.key_requirements.map((req, i) => (
+                        <li key={i} className="flex gap-3 text-sm text-slate-300">
+                           <span className="text-cyan">▹</span> {req}
+                        </li>
+                      ))}
+                   </ul>
+                </div>
+             </div>
+
+             <div className="rounded-3xl border border-slate-800 bg-slate-900/40 p-8">
+                <h4 className="text-[11px] font-bold uppercase tracking-widest text-purple-400 mb-8 text-center">Matriz de Riesgos Identificados</h4>
+                <div className="grid gap-4 md:grid-cols-2">
+                   {analysis.risks.map((risk, i) => (
+                     <div key={i} className="group rounded-2xl bg-slate-950 p-5 border border-slate-800 hover:border-purple-500/50 transition">
+                        <div className="flex items-center justify-between mb-3">
+                           <span className="font-bold text-white group-hover:text-purple-400 transition">{risk.title}</span>
+                           <span className={`text-[9px] font-black px-2 py-0.5 rounded uppercase ${risk.severity === 'High' ? 'bg-red-500/20 text-red-500' : 'bg-slate-800 text-slate-400'}`}>{risk.severity}</span>
+                        </div>
+                        <p className="text-xs text-slate-500 leading-relaxed">{risk.explanation}</p>
+                     </div>
+                   ))}
+                </div>
+             </div>
+          </div>
+
+          {/* Right Col: Audit Trail & Conversation */}
+          <div className="lg:col-span-4 space-y-6">
+             <div className="rounded-3xl border border-slate-800 bg-slate-950 p-6 flex flex-col h-full shadow-2xl">
+                <div className="flex items-center gap-3 mb-8 border-b border-slate-800 pb-4">
+                   <div className="h-2 w-2 rounded-full bg-cyan animate-pulse shadow-[0_0_10px_rgba(6,182,212,0.5)]" />
+                   <h4 className="text-[10px] font-bold uppercase tracking-widest text-slate-400">Audit Trail & Agents Log</h4>
+                </div>
+                <div className="flex-1 space-y-6 overflow-y-auto max-h-[600px] pr-2 custom-scrollbar">
+                   {analysis.audit_log?.map((log, i) => (
+                     <div key={i} className="flex gap-4 group">
+                        <div className="flex flex-col items-center">
+                           <div className="h-6 w-6 rounded-full bg-slate-900 flex items-center justify-center text-[10px] border border-slate-800 group-hover:border-cyan transition">🤖</div>
+                           {i < (analysis.audit_log?.length ?? 0) - 1 && <div className="w-[1px] flex-1 bg-slate-800 my-2" />}
+                        </div>
+                        <div className="pb-4">
+                           <p className="text-xs text-slate-400 leading-relaxed group-hover:text-slate-200 transition">{log}</p>
+                        </div>
+                     </div>
+                   ))}
+                </div>
+             </div>
+          </div>
+        </div>
+      )}
+
+      {!analysis && !isRunning && (
+        <div className="rounded-3xl border border-dashed border-slate-800 bg-slate-950/20 p-20 flex flex-col items-center justify-center text-center">
+           <div className="text-6xl mb-6 grayscale opacity-20">🤖⚖️👨‍💻🕵️‍♀️</div>
+           <h3 className="text-xl font-bold text-slate-500">Mesa de expertos inactiva</h3>
+           <p className="mt-2 text-sm text-slate-600 max-w-sm">Selecciona una licitación y carga las bases para iniciar el debate agéntico entre nuestros especialistas.</p>
+        </div>
+      )}
+    </div>
+  );
+}

frontend/components/AnalysisHistory.tsx

@@ -0,0 +1,71 @@
+import type { AnalysisHistoryItem } from "../lib/types";
+
+type Props = {
+  history: AnalysisHistoryItem[];
+};
+
+export default function AnalysisHistory({ history }: Props) {
+  if (!history.length) {
+    return (
+      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-8 text-slate-400">
+        No hay historial de análisis todavía. Ejecuta un análisis para comenzar a guardarlo.
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+        <div className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+          <div>
+            <h2 className="text-2xl font-semibold text-white">Analysis History</h2>
+            <p className="mt-2 text-slate-400">Revisa los análisis previos generados por el agente para auditoría y seguimiento.</p>
+          </div>
+        </div>
+      </div>
+
+      <div className="space-y-4">
+        {history.map((item) => (
+          <div key={`${item.tender_code}-${item.analyzed_at}`} className="rounded-3xl border border-slate-800 bg-slate-900/80 p-6">
+            <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+              <div>
+                <div className="text-sm text-slate-500">Tender</div>
+                <div className="text-lg font-semibold text-white">{item.tender_name}</div>
+                <div className="text-sm text-slate-400">Código: {item.tender_code}</div>
+              </div>
+              <div className="text-right">
+                <div className="text-sm uppercase tracking-[0.25em] text-cyan-300/80">Fit score</div>
+                <div className="mt-2 text-3xl font-semibold text-white">{item.analysis.fit_score}%</div>
+                <div className="mt-1 text-sm text-slate-400">{new Date(item.analyzed_at).toLocaleString()}</div>
+              </div>
+            </div>
+            <div className="mt-6 grid gap-4 md:grid-cols-3">
+              <div className="rounded-2xl bg-slate-950/80 p-4 text-sm text-slate-300">
+                <div className="font-semibold text-white">Decision</div>
+                <div className="mt-2">{item.analysis.decision}</div>
+              </div>
+              <div className="rounded-2xl bg-slate-950/80 p-4 text-sm text-slate-300">
+                <div className="font-semibold text-white">Key Requirements</div>
+                <div className="mt-2">{item.analysis.key_requirements.length}</div>
+              </div>
+              <div className="rounded-2xl bg-slate-950/80 p-4 text-sm text-slate-300">
+                <div className="font-semibold text-white">Risks</div>
+                <div className="mt-2">{item.analysis.risks.length}</div>
+              </div>
+            </div>
+            {item.analysis.audit_log?.length ? (
+              <div className="mt-6 rounded-2xl border border-amber-900/40 bg-amber-950/10 p-4 text-sm text-slate-200">
+                <div className="font-semibold text-amber-200">Audit trail</div>
+                <ul className="mt-3 list-disc space-y-2 pl-5">
+                  {item.analysis.audit_log.map((entry, index) => (
+                    <li key={index}>{entry}</li>
+                  ))}
+                </ul>
+              </div>
+            ) : null}
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}

frontend/components/BrandLoader.tsx

@@ -0,0 +1,69 @@
+"use client";
+
+export default function BrandLoader() {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-navy/90 backdrop-blur-xl animate-in fade-in duration-500">
+      <div className="relative flex flex-col items-center">
+        {/* Outer Glowing Ring */}
+        <div className="absolute h-64 w-64 rounded-full border-2 border-cyan/20 animate-ping opacity-20" />
+        
+        {/* Rotating Spiral / Radar */}
+        <div className="relative h-48 w-48">
+          {/* Main Ring */}
+          <div className="absolute inset-0 rounded-full border-[3px] border-t-cyan border-r-transparent border-b-sky/30 border-l-transparent animate-spin duration-[1.5s]" />
+          
+          {/* Inner Fast Ring */}
+          <div className="absolute inset-4 rounded-full border border-dashed border-cyan/40 animate-spin-reverse duration-[3s]" />
+          
+          {/* The "Mountain" Brand Shape (SVG) */}
+          <div className="absolute inset-0 flex items-center justify-center">
+            <svg width="60" height="60" viewBox="0 0 100 100" className="drop-shadow-[0_0_15px_rgba(6,182,212,0.8)]">
+              <path 
+                d="M50 15 L90 85 L10 85 Z" 
+                fill="none" 
+                stroke="currentColor" 
+                strokeWidth="4" 
+                className="text-cyan animate-pulse"
+              />
+              <path 
+                d="M50 35 L75 85 L25 85 Z" 
+                fill="none" 
+                stroke="currentColor" 
+                strokeWidth="3" 
+                className="text-sky/60"
+              />
+            </svg>
+          </div>
+
+          {/* Scanning Line */}
+          <div className="absolute inset-0 rounded-full bg-gradient-to-t from-cyan/20 to-transparent animate-pulse h-1/2 top-0 origin-bottom" />
+        </div>
+
+        {/* Text Status */}
+        <div className="mt-12 text-center space-y-2">
+          <h3 className="text-xl font-bold tracking-[0.2em] text-white uppercase italic">
+            Neural Syncing
+          </h3>
+          <div className="flex items-center gap-1 justify-center">
+            <span className="h-1 w-1 bg-cyan rounded-full animate-bounce delay-75" />
+            <span className="h-1 w-1 bg-cyan rounded-full animate-bounce delay-150" />
+            <span className="h-1 w-1 bg-cyan rounded-full animate-bounce delay-300" />
+          </div>
+          <p className="text-[10px] text-slate-500 uppercase tracking-widest mt-4">
+            Connecting to Mercado Público Real-Time API...
+          </p>
+        </div>
+      </div>
+
+      <style jsx>{`
+        @keyframes spin-reverse {
+          from { transform: rotate(360deg); }
+          to { transform: rotate(0deg); }
+        }
+        .animate-spin-reverse {
+          animation: spin-reverse 3s linear infinite;
+        }
+      `}</style>
+    </div>
+  );
+}

frontend/components/CompanyProfile.tsx

@@ -0,0 +1,110 @@
+"use client";
+
+import { useMemo, useState } from "react";
+import type { CompanyProfile as CompanyProfileType } from "../lib/types";
+
+type Props = {
+  profile: CompanyProfileType;
+  onSave: (profile: CompanyProfileType) => void;
+};
+
+export default function CompanyProfile({ profile, onSave }: Props) {
+  const [form, setForm] = useState(profile);
+
+  const serviceValue = useMemo(() => form.services.join(", "), [form.services]);
+  const certValue = useMemo(() => form.certifications?.join(", "), [form.certifications]);
+  const regionValue = useMemo(() => form.regions?.join(", "), [form.regions]);
+  const docsValue = useMemo(() => form.documents_available?.join(", "), [form.documents_available]);
+
+  const handleSave = () => {
+    onSave({
+      ...form,
+      services: serviceValue.split(",").map((item) => item.trim()).filter(Boolean),
+      certifications: certValue.split(",").map((item) => item.trim()).filter(Boolean),
+      regions: regionValue.split(",").map((item) => item.trim()).filter(Boolean),
+      documents_available: docsValue.split(",").map((item) => item.trim()).filter(Boolean),
+    });
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="grid gap-6 lg:grid-cols-2">
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Company name</span>
+          <input
+            value={form.name}
+            onChange={(event) => setForm({ ...form, name: event.target.value })}
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Industry</span>
+          <input
+            value={form.industry}
+            onChange={(event) => setForm({ ...form, industry: event.target.value })}
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-2">
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Services</span>
+          <input
+            value={serviceValue}
+            onChange={(event) => setForm({ ...form, services: event.target.value.split(",").map((item) => item.trim()).filter(Boolean) })}
+            placeholder="AI automation, web apps, data dashboards"
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Experience</span>
+          <input
+            value={form.experience}
+            onChange={(event) => setForm({ ...form, experience: event.target.value })}
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-2">
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Certifications</span>
+          <input
+            value={certValue}
+            onChange={(event) => setForm({ ...form, certifications: event.target.value.split(",").map((item) => item.trim()).filter(Boolean) })}
+            placeholder="ISO 9001, ISO 27001"
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+        <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+          <span className="text-sm text-slate-400">Regions</span>
+          <input
+            value={regionValue}
+            onChange={(event) => setForm({ ...form, regions: event.target.value.split(",").map((item) => item.trim()).filter(Boolean) })}
+            placeholder="Metropolitana, Valparaíso"
+            className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+          />
+        </label>
+      </div>
+
+      <label className="block rounded-3xl border border-slate-800 bg-slate-950/80 p-5">
+        <span className="text-sm text-slate-400">Documents available</span>
+        <input
+          value={docsValue}
+          onChange={(event) => setForm({ ...form, documents_available: event.target.value.split(",").map((item) => item.trim()).filter(Boolean) })}
+          placeholder="RUT, Portfolio, Financial statements"
+          className="mt-3 w-full rounded-2xl border border-slate-800 bg-slate-900 px-4 py-3 text-white outline-none"
+        />
+      </label>
+
+      <button
+        type="button"
+        onClick={handleSave}
+        className="rounded-3xl bg-cyan-500 px-6 py-4 font-semibold text-slate-950 transition hover:bg-cyan-400"
+      >
+        Save Profile
+      </button>
+    </div>
+  );
+}

frontend/components/Dashboard.tsx

@@ -0,0 +1,298 @@
+import StatCard from "./StatCard";
+import { Tender } from "../lib/types";
+import { useEffect, useMemo, useState } from "react";
+import BrandLoader from "./BrandLoader";
+import { searchTenders, fetchDbStatus } from "../lib/api";
+
+type Props = {
+  tendersFound: number;
+  recommendedOpportunities: number;
+  highRiskItems: number;
+  reportsGenerated: number;
+  tenders: Tender[];
+};
+
+export default function Dashboard({ 
+  tendersFound, 
+  recommendedOpportunities, 
+  highRiskItems, 
+  reportsGenerated,
+  tenders 
+}: Props) {
+  const [isSyncing, setIsSyncing] = useState(false);
+  const [dbStatus, setDbStatus] = useState<any>(null);
+
+  useEffect(() => {
+    async function loadStatus() {
+      const status = await fetchDbStatus();
+      setDbStatus(status);
+    }
+    loadStatus();
+  }, [tenders]);
+
+  const handleGlobalSync = async () => {
+    setIsSyncing(true);
+    try {
+      // We trigger a search for "software" or empty to populate initial DB
+      await searchTenders({ keyword: "" }); 
+      // Small delay for the "wow" effect duration
+      await new Promise(r => setTimeout(r, 2500));
+      window.location.reload(); // Refresh to show new counts
+    } catch (e) {
+      console.error(e);
+    } finally {
+      setIsSyncing(false);
+    }
+  };
+  
+  const sectorDistribution = useMemo(() => {
+    const counts: Record<string, number> = {};
+    tenders.forEach(t => {
+      const sector = t.sector || "General";
+      counts[sector] = (counts[sector] || 0) + 1;
+    });
+    return Object.entries(counts)
+      .sort((a, b) => b[1] - a[1])
+      .slice(0, 5);
+  }, [tenders]);
+
+  const regionDistribution = useMemo(() => {
+    const counts: Record<string, number> = {};
+    tenders.forEach(t => {
+      const region = t.region || "Sin Región";
+      counts[region] = (counts[region] || 0) + 1;
+    });
+    return Object.entries(counts)
+      .sort((a, b) => b[1] - a[1])
+      .slice(0, 5);
+  }, [tenders]);
+
+  const deadlineStatus = useMemo(() => {
+    const now = new Date();
+    const status = {
+      urgent: 0,
+      near: 0,
+      far: 0
+    };
+    tenders.forEach(t => {
+      if (!t.closing_date) return;
+      const closing = new Date(t.closing_date);
+      const diffDays = Math.ceil((closing.getTime() - now.getTime()) / (1000 * 60 * 60 * 24));
+      if (diffDays < 7) status.urgent++;
+      else if (diffDays < 21) status.near++;
+      else status.far++;
+    });
+    return status;
+  }, [tenders]);
+
+  const totalAmount = useMemo(() => {
+    return tenders.reduce((acc, t) => acc + (t.estimated_amount || 0), 0);
+  }, [tenders]);
+
+  const formatAmount = (amount: number) => {
+    if (amount >= 1_000_000_000) {
+      return `$${(amount / 1_000_000_000).toFixed(1)}B`;
+    }
+    if (amount >= 1_000_000) {
+      return `$${(amount / 1_000_000).toFixed(1)}M`;
+    }
+    return new Intl.NumberFormat("es-CL", { 
+      style: "currency", 
+      currency: "CLP", 
+      maximumFractionDigits: 0 
+    }).format(amount);
+  };
+
+  return (
+    <div className="space-y-8">
+      {isSyncing && <BrandLoader />}
+      <div className="flex items-center justify-between gap-4">
+        <div>
+          <p className="text-sm uppercase tracking-[0.35em] text-cyan/80">Resumen ejecutivo</p>
+          <h2 className="mt-3 text-4xl font-semibold text-white">AndesOps AI</h2>
+          <p className="mt-4 max-w-2xl text-slate-300">
+            Inteligencia de mercado y análisis agéntico para licitaciones públicas en Chile.
+          </p>
+        </div>
+        <button
+          onClick={handleGlobalSync}
+          className="group relative flex items-center gap-3 overflow-hidden rounded-2xl bg-cyan px-6 py-4 font-bold text-slate-950 transition hover:bg-sky hover:scale-[1.02] active:scale-[0.98]"
+        >
+          <span className="relative z-10">Sync Global Pipeline</span>
+          <span className="text-xl group-hover:rotate-180 transition-transform duration-700">🔄</span>
+          <div className="absolute inset-0 bg-gradient-to-r from-white/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
+        </button>
+      </div>
+
+      <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-4">
+        <StatCard title="Tenders Found" value={tendersFound} subtitle="Oportunidades activas" />
+        <StatCard title="Recommended" value={recommendedOpportunities} subtitle="Fit score > 80%" />
+        <StatCard title="High Risk" value={highRiskItems} subtitle="Riesgos críticos" />
+        <StatCard title="Total Pipeline" value={formatAmount(totalAmount)} subtitle="Monto total proyectado" />
+      </div>
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        {/* Sector Distribution */}
+        <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+          <h3 className="text-sm uppercase tracking-widest text-slate-400 mb-6 font-semibold">Sectores (Rubros)</h3>
+          <div className="space-y-4">
+            {sectorDistribution.length > 0 ? (
+              sectorDistribution.map(([sector, count]) => (
+                <div key={sector}>
+                  <div className="flex justify-between text-xs mb-1">
+                    <span className="text-slate-300">{sector}</span>
+                    <span className="text-cyan font-semibold">{count}</span>
+                  </div>
+                  <div className="h-1.5 w-full bg-slate-900 rounded-full overflow-hidden">
+                    <div 
+                      className="h-full bg-cyan transition-all duration-500" 
+                      style={{ width: `${(count / tenders.length) * 100}%` }}
+                    />
+                  </div>
+                </div>
+              ))
+            ) : (
+              <p className="text-slate-500 text-xs italic">Sin datos disponibles.</p>
+            )}
+          </div>
+        </div>
+
+        {/* Region Distribution */}
+        <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+          <h3 className="text-sm uppercase tracking-widest text-slate-400 mb-6 font-semibold">Distribución Regional</h3>
+          <div className="space-y-4">
+            {regionDistribution.length > 0 ? (
+              regionDistribution.map(([region, count]) => (
+                <div key={region}>
+                  <div className="flex justify-between text-xs mb-1">
+                    <span className="text-slate-300">{region}</span>
+                    <span className="text-sky font-semibold">{count}</span>
+                  </div>
+                  <div className="h-1.5 w-full bg-slate-900 rounded-full overflow-hidden">
+                    <div 
+                      className="h-full bg-sky transition-all duration-500" 
+                      style={{ width: `${(count / tenders.length) * 100}%` }}
+                    />
+                  </div>
+                </div>
+              ))
+            ) : (
+              <p className="text-slate-500 text-xs italic">Sin datos disponibles.</p>
+            )}
+          </div>
+        </div>
+
+        {/* Deadline Status */}
+        <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+          <h3 className="text-sm uppercase tracking-widest text-slate-400 mb-6 font-semibold">Estado de Plazos</h3>
+          <div className="space-y-6 pt-2">
+            <div className="flex items-center gap-4">
+              <div className="h-12 w-1.5 bg-red-500 rounded-full" />
+              <div>
+                <div className="text-2xl font-bold text-white">{deadlineStatus.urgent}</div>
+                <div className="text-xs text-slate-500">Cierre en menos de 7 días</div>
+              </div>
+            </div>
+            <div className="flex items-center gap-4">
+              <div className="h-12 w-1.5 bg-amber-500 rounded-full" />
+              <div>
+                <div className="text-2xl font-bold text-white">{deadlineStatus.near}</div>
+                <div className="text-xs text-slate-500">Cierre en 7-21 días</div>
+              </div>
+            </div>
+            <div className="flex items-center gap-4">
+              <div className="h-12 w-1.5 bg-green-500 rounded-full" />
+              <div>
+                <div className="text-2xl font-bold text-white">{deadlineStatus.far}</div>
+                <div className="text-xs text-slate-500">Más de 21 días</div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        {/* Database Status Table (New) */}
+        <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6 flex flex-col justify-between">
+          <div>
+            <h3 className="text-sm uppercase tracking-widest text-slate-400 mb-6 font-semibold">Data Integrity Monitor</h3>
+            <div className="overflow-hidden rounded-2xl border border-slate-800 bg-slate-900/30">
+              <table className="w-full text-left text-[10px]">
+                <thead className="bg-slate-800/50 text-slate-500 uppercase font-bold">
+                  <tr>
+                    <th className="px-4 py-2">Organismo Local</th>
+                    <th className="px-4 py-2 text-right">Qty</th>
+                  </tr>
+                </thead>
+                <tbody className="divide-y divide-slate-800/50">
+                  {dbStatus?.top_buyers?.map((b: any, i: number) => (
+                    <tr key={i} className="hover:bg-slate-800/30">
+                      <td className="px-4 py-3 text-slate-300 truncate max-w-[120px]">{b.name}</td>
+                      <td className="px-4 py-3 text-right text-cyan font-mono">{b.count}</td>
+                    </tr>
+                  ))}
+                  {!dbStatus?.top_buyers?.length && (
+                    <tr>
+                      <td colSpan={2} className="px-4 py-6 text-center text-slate-600 italic">No local data found.</td>
+                    </tr>
+                  )}
+                </tbody>
+              </table>
+            </div>
+          </div>
+          
+          <div className="mt-6 pt-6 border-t border-slate-800/50">
+            <div className="flex justify-between items-center text-[10px]">
+              <span className="text-slate-500 font-bold uppercase tracking-tighter">Total Local Tenders:</span>
+              <span className="text-white font-mono">{dbStatus?.total_records || 0}</span>
+            </div>
+            <div className="flex justify-between items-center text-[10px] mt-2">
+              <span className="text-slate-500 font-bold uppercase tracking-tighter">Last Pulse:</span>
+              <span className="text-cyan font-mono">{dbStatus?.last_sync ? new Date(dbStatus.last_sync).toLocaleTimeString() : 'Never'}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+        <h3 className="text-sm uppercase tracking-widest text-slate-400 mb-6 font-semibold">Actividad Reciente en Pipeline</h3>
+        <div className="space-y-3">
+          {tenders.length > 0 ? (
+            tenders.slice(0, 5).map((t) => (
+              // ... existing map logic ...
+              <div key={t.code} className="flex items-center justify-between p-4 rounded-2xl bg-slate-900/40 border border-slate-800/50 hover:bg-slate-900/60 transition group">
+                <div className="flex items-center gap-4 overflow-hidden">
+                  <div className="h-10 w-10 flex-shrink-0 rounded-full bg-slate-800 flex items-center justify-center text-cyan group-hover:scale-110 transition">
+                    {t.sector?.charAt(0) || "T"}
+                  </div>
+                  <div className="overflow-hidden">
+                    <div className="text-sm font-medium text-white truncate">{t.name}</div>
+                    <div className="text-xs text-slate-500 truncate">{t.buyer}</div>
+                  </div>
+                </div>
+                <div className="flex items-center gap-6 text-right">
+                  <div className="hidden sm:block">
+                    <div className="text-xs text-slate-500">Región</div>
+                    <div className="text-xs text-slate-300">{t.region || "N/A"}</div>
+                  </div>
+                  <div className="min-w-[80px]">
+                    <div className="text-xs text-slate-500">Código</div>
+                    <div className="text-xs font-mono text-cyan">{t.code}</div>
+                  </div>
+                </div>
+              </div>
+            ))
+          ) : (
+            <div className="flex flex-col items-center justify-center py-10 text-center">
+              <p className="text-slate-500 text-sm italic mb-4">La base de datos local está vacía.</p>
+              <button
+                onClick={handleGlobalSync}
+                className="text-xs font-bold text-cyan border border-cyan/20 px-4 py-2 rounded-xl hover:bg-cyan/10 transition"
+              >
+                📥 Sincronizar Data Real Ahora
+              </button>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/components/ProposalDraft.tsx

@@ -0,0 +1,17 @@
+type Props = {
+  proposal: string;
+};
+
+export default function ProposalDraft({ proposal }: Props) {
+  return (
+    <div className="space-y-6">
+      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6">
+        <h2 className="text-2xl font-semibold text-white">Proposal Draft</h2>
+        <p className="mt-3 text-slate-400">Este borrador se genera automáticamente una vez que se completa el análisis del tender.</p>
+      </div>
+      <div className="rounded-3xl border border-slate-800 bg-slate-900/80 p-6 text-slate-200">
+        <pre className="whitespace-pre-wrap break-words text-slate-100">{proposal || "Run agent analysis to generate a proposal draft."}</pre>
+      </div>
+    </div>
+  );
+}

frontend/components/Reports.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { useState } from "react";
+
+type Props = {
+  reportMarkdown: string;
+};
+
+export default function Reports({ reportMarkdown }: Props) {
+  const [message, setMessage] = useState("");
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(reportMarkdown);
+      setMessage("Report copied to clipboard.");
+    } catch {
+      setMessage("Unable to copy report.");
+    }
+    window.setTimeout(() => setMessage(""), 2000);
+  };
+
+  return (
+    <div className="space-y-6">
+      <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+        <div>
+          <h2 className="text-2xl font-semibold text-white">Export & Reports</h2>
+          <p className="mt-2 text-slate-400">Exporta el análisis completo en formato Markdown para tu equipo legal y comercial.</p>
+        </div>
+        <button
+          type="button"
+          onClick={handleCopy}
+          className="rounded-3xl bg-cyan px-8 py-4 font-semibold text-slate-950 transition hover:bg-sky shadow-lg shadow-cyan/10"
+        >
+          Copy Markdown Report
+        </button>
+      </div>
+
+      <div className="rounded-3xl border border-slate-800 bg-slate-900/40 p-8 text-slate-200 min-h-[400px] shadow-inner">
+        {reportMarkdown ? (
+          <div className="prose prose-invert max-w-none">
+            <pre className="whitespace-pre-wrap break-words text-slate-100 font-mono text-sm leading-relaxed">{reportMarkdown}</pre>
+          </div>
+        ) : (
+          <div className="flex flex-col items-center justify-center h-full text-slate-500 py-20">
+            <div className="text-4xl mb-4">📋</div>
+            <p>Generate an analysis in 'Agent Analysis' to preview the report here.</p>
+          </div>
+        )}
+      </div>
+      {message && (
+        <div className="fixed bottom-8 right-8 rounded-2xl bg-cyan px-6 py-3 text-sm font-semibold text-slate-950 shadow-xl transition-all animate-bounce">
+          {message}
+        </div>
+      )}
+    </div>
+  );
+}

frontend/components/Sidebar.tsx

@@ -0,0 +1,59 @@
+"use client";
+
+import type { Dispatch, SetStateAction } from "react";
+
+type SidebarTab =
+  | "Dashboard"
+  | "Tender Search"
+  | "Company Profile"
+  | "Agent Analysis"
+  | "Proposal Draft"
+  | "Reports"
+  | "History";
+
+type Props = {
+  tabs: readonly SidebarTab[];
+  activeTab: SidebarTab;
+  onTabSelect: Dispatch<SetStateAction<SidebarTab>>;
+  status: string;
+};
+
+export default function Sidebar({ tabs, activeTab, onTabSelect, status }: Props) {
+  return (
+    <aside className="w-80 rounded-3xl border border-slate-800 bg-[#081822] p-6 text-slate-100 shadow-xl shadow-slate-900/20">
+      <div className="mb-8">
+        <div className="text-sm uppercase tracking-[0.3em] text-cyan-300/80">AndesOps AI</div>
+        <h1 className="mt-4 text-3xl font-semibold text-white">Enterprise Tender Intelligence</h1>
+        <p className="mt-3 text-slate-400">Chile-focused procurement insights for enterprise teams.</p>
+      </div>
+      <div className="space-y-2">
+        {tabs.map((tab) => {
+          const tabSlug = tab.toLowerCase().replace(/ /g, "_");
+          return (
+            <a
+              key={tab}
+              href={`?tab=${tabSlug}`}
+              onClick={(e) => {
+                e.preventDefault();
+                onTabSelect(tab);
+                window.history.pushState({}, '', `?tab=${tabSlug}`);
+              }}
+              className={`flex w-full items-center justify-between rounded-2xl px-4 py-3 text-left transition ${
+                activeTab === tab
+                  ? "bg-gradient-to-r from-cyan/20 to-slate-700 text-white shadow-inner"
+                  : "text-slate-300 hover:bg-slate-800/80"
+              }`}
+            >
+              <span>{tab}</span>
+              {activeTab === tab && <span className="text-cyan-300">●</span>}
+            </a>
+          );
+        })}
+      </div>
+      <div className="mt-8 rounded-2xl bg-slate-900/70 p-4 text-sm text-slate-300">
+        <div className="font-semibold text-slate-100">Conexión</div>
+        <div className="mt-2 text-cyan-300">{status === "connected" ? "Backend disponible" : "Conectando..."}</div>
+      </div>
+    </aside>
+  );
+}

frontend/components/StatCard.tsx

@@ -0,0 +1,17 @@
+type Props = {
+  title: string;
+  value: string | number;
+  subtitle: string;
+};
+
+export default function StatCard({ title, value, subtitle }: Props) {
+  return (
+    <div className="rounded-3xl border border-slate-800 bg-slate-950/80 p-6 shadow-lg shadow-slate-900/10 hover:border-slate-700 transition-colors group">
+      <div className="text-[10px] uppercase tracking-[0.3em] font-bold text-slate-500 group-hover:text-cyan transition-colors">{title}</div>
+      <div className="mt-4 text-3xl xl:text-4xl font-bold text-white tracking-tight truncate">
+        {value}
+      </div>
+      <p className="mt-2 text-xs font-medium text-slate-400">{subtitle}</p>
+    </div>
+  );
+}

frontend/components/TenderSearch.tsx

@@ -0,0 +1,414 @@
+"use client";
+
+import { Fragment, useMemo, useState, useEffect } from "react";
+import BrandLoader from "./BrandLoader";
+import type { Tender } from "../lib/types";
+
+type Props = {
+  tenders: Tender[];
+  onSearch: (params: { keyword?: string; buyer_code?: string; provider_code?: string; date?: string }) => void;
+  onAnalyze: (tender: Tender) => void;
+  forceShowFollowed?: boolean;
+};
+
+export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFollowed = false }: Props) {
+  const [keyword, setKeyword] = useState("");
+  const [buyerCode, setBuyerCode] = useState("");
+  const [providerCode, setProviderCode] = useState("");
+  const [searchDate, setSearchDate] = useState("");
+  
+  const [searchMode, setSearchMode] = useState<"keyword" | "intelligence">("keyword");
+  const [expandedTenderCodes, setExpandedTenderCodes] = useState<string[]>([]);
+  const [followedCodes, setFollowedCodes] = useState<string[]>(() => {
+    if (typeof window !== 'undefined') {
+      const saved = localStorage.getItem('andes_followed_codes');
+      return saved ? JSON.parse(saved) : [];
+    }
+    return [];
+  });
+  const [showOnlyFollowed, setShowOnlyFollowed] = useState(forceShowFollowed);
+  const [isLoading, setIsLoading] = useState(false);
+
+  // Sync with forceShowFollowed prop
+  useEffect(() => {
+    if (forceShowFollowed) setShowOnlyFollowed(true);
+  }, [forceShowFollowed]);
+
+  // Persistence effect
+  useEffect(() => {
+    localStorage.setItem('andes_followed_codes', JSON.stringify(followedCodes));
+  }, [followedCodes]);
+
+  const toggleExpanded = (code: string) => {
+    setExpandedTenderCodes((current) =>
+      current.includes(code) ? current.filter((value) => value !== code) : [...current, code]
+    );
+  };
+
+  const toggleFollow = (code: string) => {
+    setFollowedCodes(prev => 
+      prev.includes(code) ? prev.filter(c => c !== code) : [...prev, code]
+    );
+  };
+
+  const handleSearchClick = async (page = 1) => {
+    setShowOnlyFollowed(false); // Reset filter on new search
+    setIsLoading(true);
+    setCurrentPage(page);
+    try {
+      if (searchMode === "keyword") {
+        await onSearch({ keyword, skip: (page - 1) * itemsPerPage, limit: itemsPerPage });
+      } else {
+        await onSearch({ 
+          buyer_code: buyerCode, 
+          provider_code: providerCode, 
+          date: searchDate,
+          skip: (page - 1) * itemsPerPage,
+          limit: itemsPerPage
+        });
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const filteredTenders = useMemo(() => {
+    if (showOnlyFollowed) {
+      return tenders.filter(t => followedCodes.includes(t.code));
+    }
+    return tenders;
+  }, [tenders, showOnlyFollowed, followedCodes]);
+
+  return (
+    <div className="space-y-6">
+      {/* Header & Modes */}
+      <div className="flex items-center justify-between border-b border-slate-800 pb-4">
+        <div>
+          <h2 className="text-2xl font-bold text-white">Discovery & Intelligence</h2>
+          <p className="text-sm text-slate-400">Encuentra oportunidades reales o analiza a tu competencia.</p>
+        </div>
+        <div className="flex rounded-2xl bg-slate-900 p-1">
+          <button
+            onClick={() => setSearchMode("keyword")}
+            className={`rounded-xl px-4 py-2 text-xs font-semibold transition ${
+              searchMode === "keyword" ? "bg-cyan text-slate-950 shadow-lg shadow-cyan/20" : "text-slate-400 hover:text-slate-200"
+            }`}
+          >
+            Búsqueda General
+          </button>
+          <button
+            onClick={() => setSearchMode("intelligence")}
+            className={`rounded-xl px-4 py-2 text-xs font-semibold transition ${
+              searchMode === "intelligence" ? "bg-cyan text-slate-950 shadow-lg shadow-cyan/20" : "text-slate-400 hover:text-slate-200"
+            }`}
+          >
+            Market Intelligence
+          </button>
+        </div>
+      </div>
+
+      {/* Search Forms */}
+      <div className="rounded-3xl border border-slate-800 bg-slate-900/40 p-6">
+        {searchMode === "keyword" ? (
+          <div className="flex flex-wrap items-end gap-4">
+            <div className="flex-1 min-w-[300px]">
+              <label className="block text-[10px] uppercase tracking-widest text-slate-500 mb-2 ml-1">Palabra clave o código</label>
+              <input
+                value={keyword}
+                onChange={(event) => setKeyword(event.target.value)}
+                onKeyDown={(event) => event.key === "Enter" && handleSearchClick()}
+                placeholder="Ej: software, 7210-24-LE23"
+                className="w-full rounded-2xl border border-slate-800 bg-slate-950 px-5 py-4 text-white outline-none focus:border-cyan transition shadow-inner"
+              />
+            </div>
+            <button
+              onClick={() => handleSearchClick()}
+              disabled={isLoading}
+              className="rounded-2xl bg-cyan px-8 py-4 font-bold text-slate-950 transition hover:bg-sky hover:scale-[1.02] active:scale-[0.98] disabled:opacity-50"
+            >
+              {isLoading ? "Buscando..." : "Search"}
+            </button>
+          </div>
+        ) : (
+          <div className="grid gap-4 md:grid-cols-4 items-end">
+            <div>
+              <label className="block text-[10px] uppercase tracking-widest text-slate-500 mb-2 ml-1">RUT Proveedor (Competencia)</label>
+              <input
+                value={providerCode}
+                onChange={(event) => setProviderCode(event.target.value)}
+                placeholder="Ej: 17793"
+                className="w-full rounded-2xl border border-slate-800 bg-slate-950 px-4 py-3 text-white text-sm outline-none focus:border-cyan"
+              />
+            </div>
+            <div>
+              <label className="block text-[10px] uppercase tracking-widest text-slate-500 mb-2 ml-1">ID Organismo (Comprador)</label>
+              <input
+                value={buyerCode}
+                onChange={(event) => setBuyerCode(event.target.value)}
+                placeholder="Ej: 6945"
+                className="w-full rounded-2xl border border-slate-800 bg-slate-950 px-4 py-3 text-white text-sm outline-none focus:border-cyan"
+              />
+            </div>
+            <div>
+              <label className="block text-[10px] uppercase tracking-widest text-slate-500 mb-2 ml-1">Fecha (ddmmaaaa)</label>
+              <input
+                value={searchDate}
+                onChange={(event) => setSearchDate(event.target.value)}
+                placeholder="Ej: 29042024"
+                className="w-full rounded-2xl border border-slate-800 bg-slate-950 px-4 py-3 text-white text-sm outline-none focus:border-cyan"
+              />
+            </div>
+            <button
+              onClick={() => handleSearchClick()}
+              className="rounded-2xl bg-sky px-6 py-3 font-bold text-slate-950 transition hover:bg-cyan"
+            >
+              Get Insights
+            </button>
+          </div>
+        )}
+      </div>
+
+      {/* Results Header & Follow Filter */}
+      <div className="flex items-center justify-between px-2">
+        <h3 className="text-lg font-bold text-white flex items-center gap-2">
+          {showOnlyFollowed ? "Mis Seguimientos" : "Resultados Encontrados"}
+          <span className="text-xs bg-slate-800 text-slate-500 px-2 py-0.5 rounded-full font-mono">
+            {filteredTenders.length}
+          </span>
+        </h3>
+        {followedCodes.length > 0 && (
+          <button
+            onClick={() => setShowOnlyFollowed(!showOnlyFollowed)}
+            className={`flex items-center gap-2 rounded-xl px-4 py-2 text-xs font-bold transition border ${
+              showOnlyFollowed 
+                ? "bg-amber-400/10 border-amber-400/30 text-amber-400" 
+                : "bg-slate-900 border-slate-800 text-slate-400 hover:border-slate-700"
+            }`}
+          >
+            {showOnlyFollowed ? "★ Viendo Seguimientos" : "☆ Ver solo Seguidos"}
+          </button>
+        )}
+      </div>
+
+      {/* Results Table */}
+      <div className="space-y-4">
+        {filteredTenders.length === 0 ? (
+          <div className="flex flex-col items-center justify-center rounded-3xl border border-slate-800 bg-slate-950/30 p-20 text-center">
+            <div className="text-5xl mb-4 opacity-50">{showOnlyFollowed ? "🌟" : "📡"}</div>
+            <p className="text-slate-400">
+              {showOnlyFollowed 
+                ? "No tienes licitaciones marcadas como favoritas todavía." 
+                : "Inicia una búsqueda para conectar con la API de Mercado Público."}
+            </p>
+          </div>
+        ) : (
+          <div className="overflow-hidden rounded-3xl border border-slate-800 bg-slate-950/80 shadow-2xl">
+            <table className="w-full min-w-[900px] border-collapse text-left text-sm">
+              <thead className="bg-slate-900 text-slate-400 uppercase text-[10px] tracking-widest font-bold">
+                <tr>
+                  <th className="px-6 py-5">Identificador</th>
+                  <th className="px-6 py-5">Oportunidad</th>
+                  <th className="px-6 py-5">Entidad Compradora</th>
+                  <th className="px-6 py-5">Cierre</th>
+                  <th className="px-6 py-5 text-center">Estado</th>
+                  <th className="px-6 py-5">Monto</th>
+                  <th className="px-6 py-5 text-right pr-10">Acciones</th>
+                </tr>
+              </thead>
+              <tbody>
+                {filteredTenders.map((tender) => (
+                  <Fragment key={tender.code}>
+                    <tr className="border-t border-slate-800 hover:bg-slate-900/50 transition-colors group">
+                      <td className="px-6 py-5">
+                        <div className="flex items-center gap-3">
+                          <button 
+                            onClick={() => toggleFollow(tender.code)}
+                            className={`text-lg transition-transform hover:scale-125 ${followedCodes.includes(tender.code) ? 'text-amber-400' : 'text-slate-600 hover:text-slate-400'}`}
+                          >
+                            {followedCodes.includes(tender.code) ? "★" : "☆"}
+                          </button>
+                          <div>
+                            <div className="font-mono text-cyan">{tender.code}</div>
+                            <div className="text-[10px] text-slate-500">{tender.source}</div>
+                          </div>
+                        </div>
+                      </td>
+                      <td className="px-6 py-5 max-w-xs">
+                        <div className="font-semibold text-white group-hover:text-cyan transition-colors truncate">{tender.name}</div>
+                        <div className="text-xs text-slate-500">{tender.region || "Multiregional"}</div>
+                      </td>
+                      <td className="px-6 py-5 text-slate-300">{tender.buyer}</td>
+                      <td className="px-6 py-5">
+                        <div className={`text-xs font-mono ${
+                          tender.closing_date && new Date(tender.closing_date).getTime() - new Date().getTime() < 3 * 24 * 60 * 60 * 1000
+                            ? "text-red-400 font-bold"
+                            : "text-slate-400"
+                        }`}>
+                          {tender.closing_date ? new Date(tender.closing_date).toLocaleDateString() : "---"}
+                        </div>
+                      </td>
+                      <td className="px-6 py-5 text-center">
+                        <span className={`rounded-full px-3 py-1 text-[10px] font-bold ${
+                          tender.status.toLowerCase().includes('abierto') || tender.status.toLowerCase().includes('publicada')
+                            ? 'bg-green-500/10 text-green-400 border border-green-500/20'
+                            : 'bg-slate-800 text-slate-400'
+                        }`}>
+                          {tender.status}
+                        </span>
+                      </td>
+                      <td className="px-6 py-5 font-semibold text-slate-200">
+                        {tender.estimated_amount
+                          ? new Intl.NumberFormat("es-CL", { style: "currency", currency: "CLP", maximumFractionDigits: 0 }).format(tender.estimated_amount)
+                          : "---"}
+                      </td>
+                      <td className="px-6 py-5 text-right pr-10">
+                        <div className="flex items-center justify-end gap-3">
+                          <button
+                            onClick={() => toggleExpanded(tender.code)}
+                            className="rounded-xl border border-slate-700 bg-slate-900 px-5 py-2.5 text-xs font-bold text-slate-200 hover:border-cyan hover:text-cyan transition whitespace-nowrap"
+                          >
+                            {expandedTenderCodes.includes(tender.code) ? "Cerrar" : "Detalle"}
+                          </button>
+                          <button
+                            onClick={() => onAnalyze(tender)}
+                            className="rounded-xl bg-cyan px-5 py-2.5 text-xs font-bold text-slate-950 hover:bg-sky transition shadow-lg shadow-cyan/10 whitespace-nowrap"
+                          >
+                            Analyze
+                          </button>
+                        </div>
+                      </td>
+                    </tr>
+                    {expandedTenderCodes.includes(tender.code) && (
+                      <tr className="bg-slate-950/90 animate-in fade-in duration-300">
+                        <td colSpan={7} className="px-10 py-8 border-t border-slate-800">
+                          <div className="grid gap-10 lg:grid-cols-2">
+                            {/* Left Col: Info */}
+                            <div className="space-y-8">
+                              <div>
+                                <h4 className="text-xs font-bold uppercase tracking-widest text-cyan mb-4">Descripción del Proyecto</h4>
+                                <p className="text-slate-300 leading-relaxed text-sm">{tender.description}</p>
+                              </div>
+                              
+                              <div>
+                                <h4 className="text-xs font-bold uppercase tracking-widest text-cyan mb-4">Ítems Solicitados</h4>
+                                <div className="space-y-2 max-h-[200px] overflow-y-auto pr-2 custom-scrollbar">
+                                  {tender.items?.length ? tender.items.map((it, i) => (
+                                    <div key={i} className="flex items-center justify-between p-3 rounded-xl bg-slate-900/50 border border-slate-800">
+                                      <span className="text-xs text-slate-200">{it.name}</span>
+                                      <span className="text-xs font-mono text-cyan">{it.quantity} {it.unit}</span>
+                                    </div>
+                                  )) : <p className="text-xs text-slate-600 italic">No hay ítems detallados disponibles.</p>}
+                                </div>
+                              </div>
+                            </div>
+
+                            {/* Right Col: Documents & Meta */}
+                            <div className="space-y-8">
+                              <div>
+                                <h4 className="text-xs font-bold uppercase tracking-widest text-cyan mb-4">Bases y Documentos</h4>
+                                <div className="grid gap-3">
+                                  {tender.attachments && tender.attachments.length > 0 ? (
+                                    tender.attachments.map((att, i) => (
+                                      <a key={i} href={att.url} target="_blank" className="flex items-center gap-3 p-4 rounded-2xl bg-slate-900 hover:bg-slate-800 border border-slate-800 transition group">
+                                        <div className="text-2xl group-hover:scale-110 transition">📄</div>
+                                        <div className="overflow-hidden">
+                                          <div className="text-xs font-semibold text-slate-200 truncate group-hover:text-cyan">{att.name}</div>
+                                          <div className="text-[10px] text-slate-500">Descargar desde Mercado Público</div>
+                                        </div>
+                                      </a>
+                                    ))
+                                  ) : (
+                                    <div className="space-y-3">
+                                      <div className="rounded-2xl border border-dashed border-slate-800 p-6 text-center">
+                                        <p className="text-xs text-slate-500">No hay enlaces directos.</p>
+                                        <p className="mt-2 text-xs text-cyan">Usa 'Upload PDF' en el análisis agéntico.</p>
+                                      </div>
+                                      <a 
+                                        href={`https://www.mercadopublico.cl/fichaLicitacion.html?code=${tender.code}`}
+                                        target="_blank"
+                                        rel="noopener noreferrer"
+                                        className="flex items-center justify-center gap-2 w-full p-4 rounded-2xl bg-cyan/10 border border-cyan/20 text-cyan text-xs font-bold hover:bg-cyan/20 transition"
+                                      >
+                                        🌐 Ir al Portal de Mercado Público
+                                      </a>
+                                    </div>
+                                  )}
+                                </div>
+                              </div>
+
+                              <div className="grid grid-cols-2 gap-4">
+                                <div className="p-4 rounded-2xl bg-slate-900/50 border border-slate-800">
+                                  <div className="text-[10px] uppercase text-slate-500 font-bold mb-1">Cierre Licitación</div>
+                                  <div className="text-xs text-slate-100">{tender.closing_date}</div>
+                                </div>
+                                <div className="p-4 rounded-2xl bg-slate-900/50 border border-slate-800">
+                                  <div className="text-[10px] uppercase text-slate-500 font-bold mb-1">Rubro / Sector</div>
+                                  <div className="text-xs text-slate-100">{tender.sector || "General"}</div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </td>
+                      </tr>
+                    )}
+                  </Fragment>
+                ))}
+              </tbody>
+            </table>
+            {/* Pagination Controls */}
+            {!showOnlyFollowed && tenders.length > 0 && (
+              <div className="flex items-center justify-between p-6 border-t border-slate-800">
+                <div className="text-xs text-slate-500">
+                  Mostrando <span className="text-white font-bold">{tenders.length}</span> resultados (Página {currentPage})
+                </div>
+                <div className="flex gap-2">
+                  <button
+                    onClick={() => handleSearchClick(currentPage - 1)}
+                    disabled={currentPage === 1 || isLoading}
+                    className="px-4 py-2 rounded-xl border border-slate-700 text-xs font-bold text-white hover:bg-slate-800 disabled:opacity-30 transition"
+                  >
+                    ← Anterior
+                  </button>
+                  <button
+                    onClick={() => handleSearchClick(currentPage + 1)}
+                    disabled={tenders.length < itemsPerPage || isLoading}
+                    className="px-4 py-2 rounded-xl border border-slate-700 text-xs font-bold text-white hover:bg-slate-800 disabled:opacity-30 transition"
+                  >
+                    Siguiente →
+                  </button>
+                </div>
+              </div>
+            )}
+          </div>
+        )}
+      </div>
+
+      {/* Agent Documentation Section */}
+      <div className="mt-12 rounded-3xl border border-slate-800 bg-slate-900/20 p-8">
+        <h3 className="text-xl font-bold text-white mb-6 flex items-center gap-2">
+          <span className="text-cyan">◈</span> Intelligent Agent Orchestration
+        </h3>
+        <div className="flex items-center gap-3 mb-6">
+          <span className="text-cyan">◈</span>
+          <h3 className="text-sm font-bold uppercase tracking-widest text-white">Intelligent Agent Orchestration</h3>
+        </div>
+        <div className="grid gap-4 md:grid-cols-3">
+          <div className="rounded-2xl border border-slate-800/50 bg-slate-950/50 p-4">
+            <div className="text-[10px] font-bold text-cyan mb-2 uppercase">Legal Agent</div>
+            <p className="text-[11px] text-slate-400">Analiza bases administrativas y riesgos de cumplimiento legal en tiempo real.</p>
+          </div>
+          <div className="rounded-2xl border border-slate-800/50 bg-slate-950/50 p-4">
+            <div className="text-[10px] font-bold text-cyan mb-2 uppercase">Technical Agent</div>
+            <p className="text-[11px] text-slate-400">Evalúa especificaciones técnicas y determina la factibilidad del proyecto.</p>
+          </div>
+          <div className="rounded-2xl border border-slate-800/50 bg-slate-950/50 p-4">
+            <div className="text-[10px] font-bold text-cyan mb-2 uppercase">Strategy Agent</div>
+            <p className="text-[11px] text-slate-400">Calcula el ROI proyectado y define la mejor táctica comercial para ganar.</p>
+          </div>
+        </div>
+      </div>
+
+      {isLoading && <BrandLoader />}
+    </div>
+  );
+}

frontend/globals.css

@@ -0,0 +1,34 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+  color-scheme: dark;
+}
+
+html,
+body {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  background: radial-gradient(circle at top, rgba(34, 211, 238, 0.14), transparent 30%),
+    linear-gradient(180deg, #06121d 0%, #081727 40%, #081a29 100%);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+::selection {
+  background: rgba(34, 211, 238, 0.3);
+}
+
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}

frontend/lib/api.ts

@@ -0,0 +1,106 @@
+import type { AnalysisHistoryItem, AnalysisResult, CompanyProfile, Tender } from "./types";
+
+const API_BASE = process.env.NEXT_PUBLIC_API_BASE ?? "http://localhost:8000";
+
+const jsonHeaders = {
+  "Content-Type": "application/json",
+};
+
+export async function healthCheck() {
+  const res = await fetch(`${API_BASE}/health`);
+  if (!res.ok) {
+    throw new Error("Health check failed");
+  }
+  return res.json();
+}
+
+export async function fetchDbStatus() {
+  const res = await fetch(`${API_BASE}/api/health/db-status`);
+  if (!res.ok) return null;
+  return res.json();
+}
+
+export async function searchTenders(params: { 
+  keyword?: string; 
+  buyer_code?: string; 
+  provider_code?: string; 
+  date?: string;
+  skip?: number;
+  limit?: number;
+}): Promise<Tender[]> {
+  const query = new URLSearchParams();
+  if (params.keyword) query.append("keyword", params.keyword);
+  if (params.buyer_code) query.append("buyer_code", params.buyer_code);
+  if (params.provider_code) query.append("provider_code", params.provider_code);
+  if (params.date) query.append("date", params.date);
+  if (params.skip !== undefined) query.append("skip", params.skip.toString());
+  if (params.limit !== undefined) query.append("limit", params.limit.toString());
+  
+  const res = await fetch(`${API_BASE}/api/tenders?${query.toString()}`);
+  if (!res.ok) {
+    throw new Error("Error searching tenders");
+  }
+  return res.json();
+}
+
+export async function analyzeTender(
+  tender: Tender, 
+  companyProfile: CompanyProfile, 
+  documentText?: string
+): Promise<AnalysisResult> {
+  const res = await fetch(`${API_BASE}/api/analyze`, {
+    method: "POST",
+    headers: jsonHeaders,
+    body: JSON.stringify({ 
+      tender, 
+      company_profile: companyProfile, 
+      document_text: documentText 
+    }),
+  });
+  if (!res.ok) {
+    throw new Error("Error analyzing tender");
+  }
+  return res.json();
+}
+
+export async function uploadDocument(file: File): Promise<{ text: string; filename: string }> {
+  const formData = new FormData();
+  formData.append("file", file);
+
+  const res = await fetch(`${API_BASE}/api/upload-document`, {
+    method: "POST",
+    body: formData,
+  });
+  if (!res.ok) {
+    throw new Error("Error uploading document");
+  }
+  return res.json();
+}
+
+export async function saveCompanyProfile(profile: CompanyProfile): Promise<CompanyProfile> {
+  const res = await fetch(`${API_BASE}/api/company-profile`, {
+    method: "POST",
+    headers: jsonHeaders,
+    body: JSON.stringify(profile),
+  });
+  if (!res.ok) {
+    throw new Error("Error saving company profile");
+  }
+  return res.json();
+}
+
+export async function fetchCompanyProfile(): Promise<CompanyProfile> {
+  const res = await fetch(`${API_BASE}/api/company-profile`);
+  if (!res.ok) {
+    throw new Error("No company profile available");
+  }
+  return res.json();
+}
+
+export async function fetchAnalysisHistory(): Promise<AnalysisHistoryItem[]> {
+  const res = await fetch(`${API_BASE}/api/analysis-history`);
+  if (!res.ok) {
+    throw new Error("Error fetching analysis history");
+  }
+  return res.json();
+}

frontend/lib/types.ts

@@ -0,0 +1,68 @@
+export type TenderItem = {
+  name: str;
+  quantity: number;
+  unit: str;
+};
+
+export type TenderAttachment = {
+  name: str;
+  url: str;
+};
+
+export type Tender = {
+  code: string;
+  name: string;
+  buyer: string;
+  status: string;
+  closing_date: string;
+  description: string;
+  estimated_amount: number | null;
+  source: string;
+  region?: string;
+  sector?: string;
+  items?: TenderItem[];
+  attachments?: TenderAttachment[];
+};
+
+export type CompanyProfile = {
+  name: string;
+  industry: string;
+  services: string[];
+  experience: string;
+  certifications: string[];
+  regions: string[];
+  documents_available: string[];
+};
+
+export type RiskItem = {
+  title: string;
+  severity: "High" | "Medium" | "Low";
+  explanation: string;
+};
+
+export type ActionItem = {
+  task: string;
+  priority: string;
+  owner: string;
+  timeline: string;
+};
+
+export type AnalysisResult = {
+  fit_score: number;
+  decision: string;
+  executive_summary: string;
+  key_requirements: string[];
+  risks: RiskItem[];
+  compliance_gaps: string[];
+  action_plan: ActionItem[];
+  proposal_draft: string;
+  report_markdown: string;
+  audit_log: string[];
+};
+
+export type AnalysisHistoryItem = {
+  tender_code: string;
+  tender_name: string;
+  analyzed_at: string;
+  analysis: AnalysisResult;
+};

frontend/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

frontend/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+};
+
+module.exports = nextConfig;

frontend/package-lock.json

@@ -0,0 +1,1662 @@
+{
+  "name": "andesops-ai-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "andesops-ai-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "next": "14.2.5",
+        "react": "18.3.1",
+        "react-dom": "18.3.1"
+      },
+      "devDependencies": {
+        "@types/node": "20.14.2",
+        "@types/react": "18.3.3",
+        "@types/react-dom": "18.3.0",
+        "autoprefixer": "10.4.19",
+        "postcss": "8.4.35",
+        "tailwindcss": "3.4.4",
+        "typescript": "5.6.3"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.5.tgz",
+      "integrity": "sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz",
+      "integrity": "sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz",
+      "integrity": "sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz",
+      "integrity": "sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz",
+      "integrity": "sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz",
+      "integrity": "sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz",
+      "integrity": "sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz",
+      "integrity": "sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz",
+      "integrity": "sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz",
+      "integrity": "sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/counter": "^0.1.3",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.14.2",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.2.tgz",
+      "integrity": "sha512-xyu6WAMVwv6AKFLB+e/7ySZVr/0zLCzOa7rSpq6jNwpqOrUbcACDWC+53d4n2QHOnDou0fbIsg8wZu/sxrnI4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.3",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.3.tgz",
+      "integrity": "sha512-hti/R0pS0q1/xx+TsI73XIqk26eBsISZ2R0wUijXIngRK9R/e7Xw/cXVxQK7R5JjW+SV4zGcn5hXjudkN/pLIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.19",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.23.0",
+        "caniuse-lite": "^1.0.30001599",
+        "fraction.js": "^4.3.7",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.24",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.24.tgz",
+      "integrity": "sha512-I2NkZOOrj2XuguvWCK6OVh9GavsNjZjK908Rq3mIBK25+GD8vPX5w2WdxVqnQ7xx3SrZJiCiZFu+/Oz50oSYSA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.344",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.344.tgz",
+      "integrity": "sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "14.2.5",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.5.tgz",
+      "integrity": "sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==",
+      "deprecated": "This version has a security vulnerability. Please upgrade to a patched version. See https://nextjs.org/blog/security-update-2025-12-11 for more details.",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "14.2.5",
+        "@swc/helpers": "0.5.5",
+        "busboy": "1.6.0",
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=18.17.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "14.2.5",
+        "@next/swc-darwin-x64": "14.2.5",
+        "@next/swc-linux-arm64-gnu": "14.2.5",
+        "@next/swc-linux-arm64-musl": "14.2.5",
+        "@next/swc-linux-x64-gnu": "14.2.5",
+        "@next/swc-linux-x64-musl": "14.2.5",
+        "@next/swc-win32-arm64-msvc": "14.2.5",
+        "@next/swc-win32-ia32-msvc": "14.2.5",
+        "@next/swc-win32-x64-msvc": "14.2.5"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.35",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
+      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.1.tgz",
+      "integrity": "sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.4.tgz",
+      "integrity": "sha512-ZoyXOdJjISB7/BcLTR6SEsLgKtDStYyYZVLsUtWChO4Ps20CBad7lfJKVDiejocV4ME1hLmyY0WJE3hSDcmQ2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.5.3",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.0",
+        "lilconfig": "^2.1.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.23",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.1",
+        "postcss-nested": "^6.0.1",
+        "postcss-selector-parser": "^6.0.11",
+        "resolve": "^1.22.2",
+        "sucrase": "^3.32.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-load-config": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.0.0",
+        "yaml": "^2.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "postcss": ">=8.0.9",
+        "ts-node": ">=9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        },
+        "ts-node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tailwindcss/node_modules/postcss-load-config/node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.6.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
+      "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    }
+  }
+}

frontend/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "andesops-ai-frontend",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "next": "14.2.5",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "20.14.2",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "autoprefixer": "10.4.19",
+    "postcss": "8.4.35",
+    "tailwindcss": "3.4.4",
+    "typescript": "5.6.3"
+  }
+}

frontend/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

frontend/tailwind.config.ts

@@ -0,0 +1,18 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: ["./app/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {
+      colors: {
+        navy: "#0b1420",
+        cyan: "#22d3ee",
+        sky: "#38bdf8",
+        surface: "#112530",
+      },
+    },
+  },
+  plugins: [],
+};
+
+export default config;

frontend/tsconfig.json

@@ -0,0 +1,39 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "es2020"
+    ],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "types": [
+      "node"
+    ],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}