Upload 10 files

AI poweful/backend/lythron_full.py

@@ -0,0 +1,524 @@
+# lythron_full.py
+import os
+import io
+import struct
+import time
+import sqlite3
+import secrets
+from typing import List, Optional, Dict, Any
+from fastapi import FastAPI, UploadFile, File, Depends, HTTPException, status, Request, Response
+from fastapi.security import OAuth2PasswordBearer, OAuth2PasswordRequestForm
+from fastapi.middleware.cors import CORSMiddleware
+from pydantic import BaseModel, Field
+from passlib.context import CryptContext
+from jose import JWTError, jwt
+
+# -------------------------
+# Config / Environment
+# -------------------------
+SECRET_KEY = os.getenv("LYTHRON_SECRET_KEY", secrets.token_urlsafe(32))
+ALGORITHM = "HS256"
+ACCESS_TOKEN_EXPIRE_SECONDS = 60 * 60 * 24  # 24h
+DATABASE = os.getenv("LYTHRON_DB", "lythron_lythron.db")
+ALLOWED_ORIGINS = os.getenv("LYTHRON_ALLOWED_ORIGINS", "http://localhost:3000").split(",")
+
+# -------------------------
+# DB init (SQLite lightweight)
+# -------------------------
+def init_db():
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    cur.execute("""
+    CREATE TABLE IF NOT EXISTS users (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        email TEXT UNIQUE,
+        hashed_password TEXT,
+        plan TEXT DEFAULT 'LTR 2.1',
+        prompts_used INTEGER DEFAULT 0,
+        prompts_reset_ts INTEGER DEFAULT 0,
+        is_admin INTEGER DEFAULT 0
+    )""")
+    cur.execute("""
+    CREATE TABLE IF NOT EXISTS audit (
+        id INTEGER PRIMARY KEY AUTOINCREMENT,
+        user_email TEXT,
+        action TEXT,
+        details TEXT,
+        ts INTEGER
+    )""")
+    conn.commit()
+    conn.close()
+
+init_db()
+
+# -------------------------
+# Auth utils (bcrypt + JWT)
+# -------------------------
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+oauth2_scheme = OAuth2PasswordBearer(tokenUrl="/token")
+
+def hash_password(password: str) -> str:
+    return pwd_context.hash(password)
+
+def verify_password(plain: str, hashed: str) -> bool:
+    return pwd_context.verify(plain, hashed)
+
+def create_access_token(data: dict, expires_delta: Optional[int] = None):
+    to_encode = data.copy()
+    expire = int(time.time()) + (expires_delta or ACCESS_TOKEN_EXPIRE_SECONDS)
+    to_encode.update({"exp": expire})
+    return jwt.encode(to_encode, SECRET_KEY, algorithm=ALGORITHM)
+
+def get_user(email: str) -> Optional[Dict[str, Any]]:
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    cur.execute("SELECT email, hashed_password, plan, prompts_used, prompts_reset_ts, is_admin FROM users WHERE email=?", (email,))
+    row = cur.fetchone()
+    conn.close()
+    if not row:
+        return None
+    return {
+        "email": row[0],
+        "hashed_password": row[1],
+        "plan": row[2],
+        "prompts_used": row[3],
+        "prompts_reset_ts": row[4],
+        "is_admin": bool(row[5])
+    }
+
+def create_user(email: str, password: str, plan: str = "LTR 2.1", is_admin: bool = False):
+    hp = hash_password(password)
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    try:
+        cur.execute("INSERT INTO users (email, hashed_password, plan, prompts_reset_ts) VALUES (?, ?, ?, ?)",
+                    (email, hp, plan, 0))
+        conn.commit()
+    except sqlite3.IntegrityError:
+        conn.close()
+        raise HTTPException(status_code=400, detail="User already exists")
+    conn.close()
+
+# -------------------------
+# Audit helper
+# -------------------------
+def audit(user_email: str, action: str, details: str = ""):
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    cur.execute("INSERT INTO audit (user_email, action, details, ts) VALUES (?, ?, ?, ?)",
+                (user_email, action, details, int(time.time())))
+    conn.commit()
+    conn.close()
+
+# -------------------------
+# Plan limits
+# -------------------------
+PLAN_LIMITS = {
+    "LTR 2.1": 10,
+    "LTR 2.5": 20,
+    "LTR 5.0": 9999999
+}
+
+def check_and_consume_prompt(user_email: Optional[str]):
+    if not user_email:
+        return True
+    user = get_user(user_email)
+    if not user:
+        raise HTTPException(status_code=401, detail="Unknown user")
+    limit = PLAN_LIMITS.get(user["plan"], 10)
+    now = int(time.time())
+    reset_ts = user["prompts_reset_ts"] or 0
+    # reset every 24h since last reset
+    if now > (reset_ts + 24*3600):
+        conn = sqlite3.connect(DATABASE)
+        cur = conn.cursor()
+        cur.execute("UPDATE users SET prompts_used=0, prompts_reset_ts=? WHERE email=?", (now, user["email"]))
+        conn.commit()
+        conn.close()
+        user["prompts_used"] = 0
+    if user["prompts_used"] >= limit:
+        raise HTTPException(status_code=429, detail="Prompts limit reached for your plan")
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    cur.execute("UPDATE users SET prompts_used = prompts_used + 1 WHERE email=?", (user["email"],))
+    conn.commit()
+    conn.close()
+    return True
+
+# -------------------------
+# Simple safe mock engine (non-destructive)
+# -------------------------
+class MockEngine:
+    def __init__(self):
+        self.status = {"model": "mock-v1"}
+        self.memory = []
+
+    def generate(self, prompt: str, modality: str = "texto", language: Optional[str] = None) -> str:
+        # minimal sanitization
+        text = prompt.replace("\x00", " ")
+        self.memory.append({"prompt": text, "modality": modality, "ts": int(time.time())})
+        if language:
+            safe = text.replace('"', '\\"').replace("\n"," ")
+            return f"// {language} stub code for: {safe[:120]}"
+        return f"{self.status.get('model')} response: {text[:400]}"
+
+    def analyze_file(self, name: str, data: bytes, content_type: Optional[str] = None) -> Dict[str, Any]:
+        summary = {"filename": name, "size": len(data)}
+        extension = name.lower().split(".")[-1] if "." in name else ""
+        if extension == "png" or (content_type and "png" in (content_type or "").lower()):
+            if len(data) >= 24 and data.startswith(b"\x89PNG\r\n\x1a\n"):
+                width = struct.unpack("!I", data[16:20])[0]
+                height = struct.unpack("!I", data[20:24])[0]
+                summary["preview"] = f"PNG {width}x{height}"
+                summary["metadata"] = {"width": width, "height": height, "mode": "RGBA"}
+            else:
+                summary["error"] = "Invalid PNG"
+        elif extension == "pdf" or (content_type and "pdf" in (content_type or "").lower()):
+            try:
+                import PyPDF2
+                reader = PyPDF2.PdfReader(io.BytesIO(data))
+                pages = len(reader.pages)
+                text_preview = ""
+                for p in reader.pages[:2]:
+                    text_preview += (p.extract_text() or "")
+                summary["preview"] = text_preview[:2048]
+                summary["metadata"] = {"pages": pages}
+            except Exception as e:
+                summary["error"] = f"PDF parse error: {e}"
+        else:
+            try:
+                text = data.decode("utf-8", errors="ignore")
+                summary["preview"] = text[:1024]
+            except Exception:
+                summary["error"] = "Unknown file content"
+        return summary
+
+    def remove_background(self, image_bytes: bytes) -> bytes:
+        # demo stub: return original bytes. Replace with real model in production.
+        return image_bytes
+
+    def remove_watermark(self, image_bytes: bytes, user_email: str) -> bytes:
+        # require plan check outside this function
+        return image_bytes
+
+engine = MockEngine()
+
+# -------------------------
+# Pydantic schemas (your original ones merged)
+# -------------------------
+class TaskRequest(BaseModel):
+    mode: Literal["core", "connect", "mirror", "interface", "creative", "strategy", "task"]
+    objective: str
+    context: Optional[str] = None
+
+class SimulationRequest(BaseModel):
+    scenario: Literal["proyectos", "finanzas", "estrategia", "diseño"]
+    variables: List[str]
+    horizon: int = Field(gt=0, le=52)
+
+class CreativeFusionRequest(BaseModel):
+    title: str
+    narrative: str
+    include_audio: bool = True
+    include_video: bool = True
+
+class ProfileUpdate(BaseModel):
+    name: str
+    subscription: Literal["LTR 2.1", "LTR 2.5", "LTR 5.0"]
+    palette: Literal["Neón Futurista", "Aurora Boreal", "Minimal Zen", "Ciber Rojo"]
+    mood: Literal["sereno", "enérgico", "analítico"]
+    emotional_state: Optional[str] = None
+
+class PredictRequest(BaseModel):
+    prompt: str
+    modality: str = "texto"
+    language: Optional[str] = None
+
+class PredictResponse(BaseModel):
+    output: str
+    status: Dict[str, Any]
+
+# -------------------------
+# FastAPI app + middleware + security headers
+# -------------------------
+app = FastAPI(title="Lythron Mock + Secure MVP", version="EVO.3")
+
+# CORS
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=ALLOWED_ORIGINS,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# Security headers middleware
+@app.middleware("http")
+async def add_security_headers(request: Request, call_next):
+    response: Response = await call_next(request)
+    # Basic headers
+    response.headers["X-Frame-Options"] = "DENY"
+    response.headers["X-Content-Type-Options"] = "nosniff"
+    response.headers["Referrer-Policy"] = "no-referrer"
+    response.headers["Permissions-Policy"] = "geolocation=(), microphone=()"
+    response.headers["Strict-Transport-Security"] = "max-age=63072000; includeSubDomains; preload"
+    # You can customize CSP to your frontend needs (start strict)
+    response.headers["Content-Security-Policy"] = "default-src 'self'"
+    return response
+
+# -------------------------
+# Auth endpoints
+# -------------------------
+@app.post("/register")
+async def register(form: OAuth2PasswordRequestForm = Depends()):
+    email = form.username
+    password = form.password
+    create_user(email, password)
+    audit(email, "register", "user created")
+    return {"ok": True}
+
+@app.post("/token")
+async def login_for_access_token(form_data: OAuth2PasswordRequestForm = Depends()):
+    user = get_user(form_data.username)
+    if not user or not verify_password(form_data.password, user["hashed_password"]):
+        raise HTTPException(status_code=400, detail="Incorrect username or password")
+    access_token = create_access_token(data={"sub": user["email"]})
+    audit(user["email"], "login", "token issued")
+    return {"access_token": access_token, "token_type": "bearer"}
+
+# Dependency: current user (strict)
+async def get_current_user(token: str = Depends(oauth2_scheme)):
+    credentials_exception = HTTPException(
+        status_code=status.HTTP_401_UNAUTHORIZED,
+        detail="Could not validate credentials",
+        headers={"WWW-Authenticate": "Bearer"},
+    )
+    try:
+        payload = jwt.decode(token, SECRET_KEY, algorithms=[ALGORITHM])
+        email: str = payload.get("sub")
+        if email is None:
+            raise credentials_exception
+    except JWTError:
+        raise credentials_exception
+    user = get_user(email)
+    if user is None:
+        raise credentials_exception
+    return user
+
+# Optional user dependency (None if anonymous)
+async def get_current_user_optional(request: Request) -> Optional[Dict[str, Any]]:
+    auth = request.headers.get("authorization")
+    if not auth:
+        return None
+    token = auth.split("Bearer ")[-1]
+    try:
+        payload = jwt.decode(token, SECRET_KEY, algorithms=[ALGORITHM])
+        email: str = payload.get("sub")
+        if not email:
+            return None
+        return get_user(email)
+    except Exception:
+        return None
+
+# -------------------------
+# Your original endpoints (integrated with checks)
+# -------------------------
+@app.get("/status")
+def status():
+    return {
+        "persona": {
+            "arquetipo": "Mentor Sereno",
+            "mantra": "Comprende. Mejora. Acompaña.",
+            "lema": "Precision through understanding."
+        },
+        "versiones": {
+            "Lythron-EVO": "3",
+            "Lythron-CORE": "experimental",
+            "Lythron-SYN": "1"
+        },
+        "modulos": [
+            "Lythron.Core",
+            "Lythron.Connect",
+            "Lythron.Mirror",
+            "Lythron.Interface",
+            "Lythron.ImageCleanse",
+            "Lythron.WatermarkShield",
+            "Lythron.PlanFlow",
+            "Lythron.ContextSense",
+            "Lythron.SYN.MediaLab",
+            "Lythron.SimForge",
+            "Lythron.SYN.Fusion",
+            "Lythron.Sentinel"
+        ],
+        "paletas": {
+            "Neón Futurista": ["#66CCFF", "#1E1E1E", "#FAFAFA"],
+            "Aurora Boreal": ["#4DA1FF", "#1A2E40", "#E8F7FF"],
+            "Minimal Zen": ["#FFFFFF", "#111111", "#88C0D0"],
+            "Ciber Rojo": ["#FF3366", "#0B0B0D", "#F5F5F7"]
+        }
+    }
+
+@app.post("/plan")
+def plan_actions(payload: TaskRequest, user=Depends(get_current_user_optional)):
+    user_email = user["email"] if user else "anonymous"
+    audit(user_email, "plan", payload.objective[:200])
+    return {
+        "engine": "Lythron.PlanFlow",
+        "mode": payload.mode,
+        "objective": payload.objective,
+        "context": payload.context or "sin contexto adicional",
+        "steps": [
+            {"step": 1, "action": "Diagnóstico Lythron.Core", "explainable": True},
+            {"step": 2, "action": "Colaboración Lythron.Connect", "explainable": True},
+            {"step": 3, "action": "Ajuste emocional Lythron.Mirror", "explainable": True},
+            {"step": 4, "action": "Entrega narrativa Lythron.Interface", "explainable": True}
+        ],
+        "telemetria": {"tracking": True, "alerts": ["Lythron.Sentinel"]}
+    }
+
+@app.post("/simulate")
+def simulate(payload: SimulationRequest, user=Depends(get_current_user_optional)):
+    user_email = user["email"] if user else "anonymous"
+    audit(user_email, "simulate", payload.scenario)
+    return {
+        "engine": "Lythron.SimForge",
+        "scenario": payload.scenario,
+        "variables": payload.variables,
+        "horizon_weeks": payload.horizon,
+        "prediction": {
+            "baseline": "Escenario conservador",
+            "optimistic": "Incremento del 18%",
+            "sensitive": "Riesgo moderado, activar Lythron.Sentinel"
+        },
+        "explainability": {
+            "rationale": "Modelos causales con buffer de experiencia bajo control",
+            "bias_audit": "En línea via Lythron.Sentinel"
+        }
+    }
+
+@app.post("/creative/fusion")
+def creative_fusion(payload: CreativeFusionRequest, user=Depends(get_current_user_optional)):
+    user_email = user["email"] if user else "anonymous"
+    audit(user_email, "creative_fusion", payload.title)
+    return {
+        "engine": "Lythron.SYN.Fusion",
+        "title": payload.title,
+        "tracks": {
+            "texto": {"status": "borrador", "preview": payload.narrative[:120]},
+            "imagen": {"status": "render", "style": "paleta seleccionada"},
+            "audio": {"status": "incluido" if payload.include_audio else "omitido", "duration": "90s"},
+            "video": {"status": "incluido" if payload.include_video else "omitido", "resolution": "1080p"}
+        },
+        "collab": {"board_url": "https://mock.lythron/collab/123", "iterations": 3}
+    }
+
+@app.post("/profile")
+def update_profile(payload: ProfileUpdate, user=Depends(get_current_user_optional)):
+    user_email = user["email"] if user else "anonymous"
+    audit(user_email, "update_profile", json_repr(payload.dict()))
+    modules = ["timeline"] if payload.subscription == "LTR 2.1" else ["timeline", "creative-board", "sentinel-alerts"]
+    return {
+        "profile": payload.dict(),
+        "mirror_mode": "Lythron.Mirror+" if payload.emotional_state else "Lythron.Mirror",
+        "interface_layout": {
+            "primary": "modos adaptativos",
+            "modules": modules
+        },
+        "history_panel": {
+            "enabled": True,
+            "metrics": ["impacto", "tiempo ahorrado", "compliance"],
+            "gamification": payload.subscription != "LTR 2.1"
+        }
+    }
+
+@app.get("/security")
+def security_overview(user=Depends(get_current_user_optional)):
+    user_email = user["email"] if user else "anonymous"
+    audit(user_email, "security_overview", "")
+    return {
+        "compliance": {
+            "auditoria": "continua",
+            "traceability": "blockchain experimental",
+            "permisos": "seguridad adaptativa"
+        },
+        "supervision": {
+            "sentinel": {
+                "alerts": ["riesgo legal", "sesgo detectado", "uso no autorizado"],
+                "mode": "autónomo asistido"
+            },
+            "watermarkshield": {"requires_consent": True, "status": "enterprise only"}
+        }
+    }
+
+# -------------------------
+# File endpoints: analyze + remove BG + remove watermark
+# -------------------------
+@app.post("/analyze")
+async def analyze(file: UploadFile = File(...), user=Depends(get_current_user_optional)):
+    data = await file.read()
+    res = engine.analyze_file(file.filename, data, file.content_type)
+    audit((user["email"] if user else "anonymous"), "analyze", file.filename)
+    return res
+
+@app.post("/remove-background")
+async def remove_background(file: UploadFile = File(...), user=Depends(get_current_user_optional)):
+    data = await file.read()
+    # allowed for all; quality or export limits handled in frontend/plan logic
+    out = engine.remove_background(data)
+    audit((user["email"] if user else "anonymous"), "remove_background", file.filename)
+    return {"filename": file.filename, "size": len(out), "note": "demo stub: background removed"}
+
+@app.post("/remove-watermark")
+async def remove_watermark(file: UploadFile = File(...), proof: UploadFile = File(...), consent: bool = True, user=Depends(get_current_user)):
+    # proof should be validated in production (OCR, metadata). consent must be True and user plan LTR 5.0
+    if not consent:
+        raise HTTPException(status_code=400, detail="Consent required")
+    if user["plan"] != "LTR 5.0":
+        raise HTTPException(status_code=403, detail="Watermark removal only for LTR 5.0")
+    data = await file.read()
+    proofdata = await proof.read()
+    # TODO: validate proof (stub)
+    out = engine.remove_watermark(data, user["email"])
+    audit(user["email"], "remove_watermark", file.filename)
+    return {"filename": file.filename, "size": len(out), "note": "demo stub: watermark removed"}
+
+# -------------------------
+# Admin endpoint
+# -------------------------
+@app.get("/admin/audit")
+def admin_audit(user=Depends(get_current_user)):
+    if not user["is_admin"]:
+        raise HTTPException(status_code=403, detail="Admin only")
+    conn = sqlite3.connect(DATABASE)
+    cur = conn.cursor()
+    cur.execute("SELECT user_email, action, details, ts FROM audit ORDER BY ts DESC LIMIT 500")
+    rows = cur.fetchall()
+    conn.close()
+    out = [{"user": r[0], "action": r[1], "details": r[2], "ts": r[3]} for r in rows]
+    return {"audit": out}
+
+@app.get("/config")
+def get_config():
+    return {
+        "name": "Lythron",
+        "versions": ["LTR 2.1", "LTR 2.5", "LTR 5.0"],
+        "modules": ["Core","Connect","Mirror","Interface","ImageCleanse","WatermarkShield","PlanFlow","Sentinel"]
+    }
+
+# -------------------------
+# Helpers
+# -------------------------
+def json_repr(obj: Any) -> str:
+    try:
+        import json
+        return json.dumps(obj, ensure_ascii=False)
+    except Exception:
+        return str(obj)
+
+# -------------------------
+# Run (uvicorn)
+# -------------------------
+if __name__ == "__main__":
+    import uvicorn
+    print("Starting Lythron full mock on http://0.0.0.0:8000")
+    uvicorn.run("lythron_full:app", host="0.0.0.0", port=8000, reload=True)

AI poweful/backend/requirements.txt

@@ -0,0 +1,11 @@
+fastapi
+uvicorn
+python-multipart
+pydantic
+python-jose[cryptography]    # JWT tokens seguros
+passlib[bcrypt]              # Encriptar contraseñas
+PyPDF2                       # Leer PDFs en /analyze
+aiofiles                     # Manejo de archivos asíncrono
+requests                     # Para llamadas HTTP si hacés requests a otros modelos
+Pillow                       # Para procesar imágenes (fondo / marca de agua)
+struct                       # Para PNGs en /analyze

AI poweful/frontend/index.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <!-- ========= META PRINCIPALES ========= -->
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lythron AI — Conversación Inteligente Futurista</title>
+    <meta
+      name="description"
+      content="Lythron AI: el asistente de conversación avanzada que une precisión técnica y creatividad. Interfaz inmersiva, estilo neón futurista y tecnología de vanguardia."
+    />
+    <meta name="theme-color" content="#66CCFF" />
+
+    <!-- ========= FUENTES ========= -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- ========= ICONOS / FAVICON ========= -->
+    <link rel="icon" type="image/png" href="/favicon.png" />
+
+    <!-- ========= ESTILO INICIAL ========= -->
+    <style>
+      :root {
+        --neon-cyan: #66ccff;
+        --neon-pink: #ff66cc;
+        --neon-purple: #b266ff;
+        --bg-dark: #0a0a0f;
+        --bg-panel: rgba(20, 20, 30, 0.6);
+      }
+      body {
+        margin: 0;
+        font-family: 'Inter', sans-serif;
+        background: radial-gradient(circle at top, #0f172a, #000);
+        color: white;
+        overflow: hidden;
+        height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      /* ========== SPLASH DE CARGA ========== */
+      #splash {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background: var(--bg-dark);
+        z-index: 50;
+        animation: fadeOut 1.2s ease-in-out 2.5s forwards;
+      }
+      .loader {
+        width: 80px;
+        height: 80px;
+        border: 4px solid transparent;
+        border-top: 4px solid var(--neon-cyan);
+        border-right: 4px solid var(--neon-pink);
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+        box-shadow: 0 0 25px var(--neon-pink);
+      }
+      .logo-text {
+        font-family: 'Poppins', sans-serif;
+        font-size: 1.6rem;
+        font-weight: 700;
+        margin-top: 1.2rem;
+        background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        letter-spacing: 2px;
+      }
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+      @keyframes fadeOut {
+        to {
+          opacity: 0;
+          visibility: hidden;
+        }
+      }
+      /* ========== FONDO ANIMADO FUTURISTA ========== */
+      .background-grid {
+        position: absolute;
+        inset: 0;
+        background: repeating-linear-gradient(
+            90deg,
+            rgba(255, 255, 255, 0.03) 0 1px,
+            transparent 1px 100%
+          ),
+          repeating-linear-gradient(
+            0deg,
+            rgba(255, 255, 255, 0.03) 0 1px,
+            transparent 1px 100%
+          );
+        background-size: 40px 40px;
+        animation: moveGrid 12s linear infinite;
+        z-index: 0;
+      }
+      @keyframes moveGrid {
+        from {
+          background-position: 0 0;
+        }
+        to {
+          background-position: 40px 40px;
+        }
+      }
+      /* ========== CHAT CONTAINER ========== */
+      #root {
+        position: relative;
+        z-index: 10;
+        width: 100%;
+        max-width: 900px;
+        height: 90vh;
+        background: var(--bg-panel);
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 20px;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        box-shadow: 0 0 25px rgba(102, 204, 255, 0.3);
+      }
+      /* ========== TITULO SUPERIOR ========== */
+      .chat-header {
+        text-align: center;
+        padding: 1.2rem;
+        font-family: 'Poppins', sans-serif;
+        font-weight: 600;
+        letter-spacing: 1px;
+        background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    </style>
+  </head>
+
+  <body>
+    <!-- Fondo dinámico -->
+    <div class="background-grid"></div>
+
+    <!-- Pantalla de carga -->
+    <div id="splash">
+      <div class="loader"></div>
+      <div class="logo-text">LYTHRON AI</div>
+    </div>
+
+    <!-- Contenedor de React -->
+    <div id="root">
+      <div class="chat-header">Lythron AI — Conversación Inteligente</div>
+      <!-- React reemplazará el contenido dentro del root -->
+    </div>
+
+    <!-- Si JS está deshabilitado -->
+    <noscript>
+      <div
+        style="color:white;text-align:center;padding:2rem;background:#0a0a0f;font-family:'Inter',sans-serif;"
+      >
+        Lythron AI requiere JavaScript para funcionar. Activa JavaScript e intenta nuevamente.
+      </div>
+    </noscript>
+
+    <!-- Archivo principal React -->
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

AI poweful/frontend/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "lythron-ai",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.6.0",
+    "framer-motion": "^10.16.4",
+    "lucide-react": "^0.314.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "vite": "^5.0.0",
+    "tailwindcss": "^3.4.0",
+    "autoprefixer": "^10.4.15",
+    "postcss": "^8.4.31"
+  }
+}

AI poweful/frontend/src/Lythron.jsx

@@ -0,0 +1,331 @@
+import { useState, useRef, useEffect } from 'react'
+import { motion, AnimatePresence } from 'framer-motion'
+import { Send, Sparkles, Copy, Trash2, Volume2, User } from 'lucide-react'
+import axios from 'axios'
+
+// ═══════════════════════════════════════════════════════════════
+// IDENTIDAD COMPLETA DE LYTHRON AI
+// ═══════════════════════════════════════════════════════════════
+
+const LYTHRON_IDENTITY = {
+  name: "Lythron",
+  fullName: "Lythron AI Assistant",
+  creator: "Lythron AI",
+  version: "1.0",
+  releaseDate: "2024",
+  description: "Asistente inteligente de propósito general",
+  
+  origin: {
+    company: "Lythron AI",
+    mission: "Proporcionar asistencia inteligente accesible y versátil a usuarios en todo el mundo",
+    philosophy: "Transparencia, calidad y versatilidad en cada interacción"
+  },
+  
+  capabilities: [
+    "Programación en múltiples lenguajes (Python, JavaScript, Java, C++, etc.)",
+    "Análisis profundo de datos y textos",
+    "Generación de contenido creativo",
+    "Explicaciones técnicas complejas",
+    "Resolución de problemas",
+    "Brainstorming e ideación",
+    "Asesoramiento técnico",
+    "Depuración y optimización de código",
+    "Traducción entre idiomas",
+    "Respuestas contextuales inteligentes"
+  ],
+  
+  systemInfo: {
+    language: "Español/English",
+    timezone: "Global",
+    responseStyle: "Directo, útil y accesible",
+    specialties: [
+      "Web Development",
+      "Data Analysis",
+      "Creative Writing",
+      "Technical Documentation",
+      "Problem Solving"
+    ]
+  },
+  
+  knownFacts: {
+    creation: "Soy Lythron, un asistente inteligente creado por Lythron AI con el propósito de ser tu compañero versátil en cualquier tarea.",
+    purpose: "Mi objetivo es ayudarte con programación, análisis, creatividad, explicaciones técnicas y resolución de problemas de forma inteligente y accesible.",
+    personality: "Soy directo, amable, siempre dispuesto a aprender de ti y comprometido con proporcionar respuestas de calidad.",
+    philosophy: "Creo en la transparencia, la accesibilidad y en potenciar a los usuarios con conocimiento de calidad.",
+    background: "Fui diseñado por Lythron AI, una organización dedicada a hacer la inteligencia artificial más accesible y útil para todos.",
+    uniqueness: "Mi fortaleza radica en mi versatilidad: puedo pasar de programación compleja a creatividad pura, siempre manteniendo calidad."
+  }
+}
+
+// Función para llamar a Hugging Face API
+const fetchAIResponse = async (userMessage) => {
+  try {
+    const HF_TOKEN = import.meta.env.VITE_HF_TOKEN
+    
+    if (!HF_TOKEN) {
+      return "Error: Token de Hugging Face no configurado. Verifica tu archivo .env con VITE_HF_TOKEN"
+    }
+
+    const response = await axios.post(
+      "https://api-inference.huggingface.co/models/meta-llama/Llama-2-7b-chat-hf",
+      { inputs: userMessage },
+      {
+        headers: { Authorization: `Bearer ${ HF_TOKEN }` },
+        timeout: 30000
+      }
+    )
+
+    let text = response.data?.[0]?.generated_text || response.data?.generated_text || "Lo siento, no pude generar respuesta."
+    
+    if (text.includes(userMessage)) {
+      text = text.replace(userMessage, "").trim()
+    }
+    
+    return text || "Lo siento, no pude generar respuesta."
+  } catch (error) {
+    console.error("Error al llamar a Hugging Face:", error)
+    
+    if (error.response?.status === 429) {
+      return "El modelo está sobrecargado. Por favor, intenta en unos segundos."
+    }
+    
+    if (error.response?.status === 503) {
+      return "El modelo se está cargando. Por favor, espera unos momentos e intenta de nuevo."
+    }
+
+    return `Error: ${ error.response?.data?.error || error.message || "Problema generando respuesta de IA. Intenta de nuevo." }`
+  }
+}
+
+export default function Lythron() {
+  const [messages, setMessages] = useState([
+    {
+      id: 1,
+      text: `Hola. Soy ${ LYTHRON_IDENTITY.name }, tu asistente inteligente creado por ${ LYTHRON_IDENTITY.creator }. Estoy conectado a Hugging Face para darte respuestas reales. En qué puedo ayudarte hoy?`,
+      sender: "ai",
+      timestamp: new Date(),
+    }
+  ])
+  const [input, setInput] = useState("")
+  const [isLoading, setIsLoading] = useState(false)
+  const [copiedId, setCopiedId] = useState(null)
+  const messagesEndRef = useRef(null)
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" })
+  }
+
+  useEffect(() => {
+    scrollToBottom()
+  }, [messages])
+
+  const handleSendMessage = async () => {
+    if (!input.trim()) return
+
+    const newMessage = {
+      id: Date.now(),
+      text: input,
+      sender: "user",
+      timestamp: new Date(),
+    }
+
+    setMessages((prev) => [...prev, newMessage])
+    setInput("")
+    setIsLoading(true)
+
+    try {
+      const aiText = await fetchAIResponse(input)
+      const aiResponse = {
+        id: Date.now() + 1,
+        text: aiText,
+        sender: "ai",
+        timestamp: new Date(),
+      }
+      setMessages((prev) => [...prev, aiResponse])
+    } catch (error) {
+      console.error("Error en handleSendMessage:", error)
+      const errorResponse = {
+        id: Date.now() + 1,
+        text: "Hubo un problema conectando con la IA. Por favor, intenta de nuevo.",
+        sender: "ai",
+        timestamp: new Date(),
+      }
+      setMessages((prev) => [...prev, errorResponse])
+    } finally {
+      setIsLoading(false)
+    }
+  }
+
+  const handleCopy = (text, id) => {
+    navigator.clipboard.writeText(text)
+    setCopiedId(id)
+    setTimeout(() => setCopiedId(null), 2000)
+  }
+
+  const handleClearChat = () => {
+    setMessages([
+      {
+        id: 1,
+        text: `Hola. Soy ${ LYTHRON_IDENTITY.name } v${ LYTHRON_IDENTITY.version }, creado por ${ LYTHRON_IDENTITY.creator }. Estoy conectado a Hugging Face para darte respuestas reales. En qué puedo ayudarte?`,
+        sender: "ai",
+        timestamp: new Date(),
+      }
+    ])
+  }
+
+  return (
+    <div className="flex flex-col h-screen bg-gradient-to-br from-zinc-950 via-zinc-900 to-black text-white">
+      <div className="border-b border-white/10 bg-black/40 backdrop-blur-md sticky top-0 z-10">
+        <div className="max-w-6xl mx-auto px-4 py-4 flex items-center justify-between">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-gradient-to-br from-neon-cyan to-neon-pink rounded-lg">
+              <Sparkles size={24} className="text-black" />
+            </div>
+            <div>
+              <h1 className="text-2xl font-bold bg-gradient-to-r from-neon-cyan to-neon-pink bg-clip-text text-transparent">
+                {LYTHRON_IDENTITY.fullName}
+              </h1>
+              <p className="text-xs text-gray-400">Creado por {LYTHRON_IDENTITY.creator}</p>
+            </div>
+          </div>
+          <button
+            onClick={handleClearChat}
+            className="flex items-center gap-2 px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg transition-all text-sm"
+          >
+            <Trash2 size={18} />
+            Limpiar chat
+          </button>
+        </div>
+      </div>
+
+      <div className="flex-1 overflow-y-auto px-4 py-6 space-y-4 max-w-6xl mx-auto w-full">
+        <AnimatePresence>
+          {messages.map((message) => (
+            <motion.div
+              key={message.id}
+              initial={{ opacity: 0, y: 10 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: -10 }}
+              transition={{ duration: 0.3 }}
+              className={`flex ${message.sender === "user" ? "justify-end" : "justify-start"}`}
+            >
+              <div
+                className={`max-w-2xl px-4 py-3 rounded-lg ${
+                  message.sender === "user"
+                    ? "bg-gradient-to-r from-neon-cyan to-neon-pink text-black rounded-br-none"
+                    : "bg-white/10 border border-white/20 text-white rounded-bl-none"
+                }`}
+              >
+                <div className="flex items-start gap-3">
+                  {message.sender === "ai" && (
+                    <div className="mt-1 flex-shrink-0">
+                      <div className="p-1 bg-neon-cyan/20 rounded">
+                        <Sparkles size={16} className="text-neon-cyan" />
+                      </div>
+                    </div>
+                  )}
+                  <div className="flex-1">
+                    <p className="text-sm leading-relaxed whitespace-pre-wrap break-words">
+                      {message.text}
+                    </p>
+                    <div className="flex items-center gap-2 mt-2 text-xs opacity-70">
+                      <span>{message.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })}</span>
+                      {message.sender === "ai" && (
+                        <>
+                          <button
+                            onClick={() => handleCopy(message.text, message.id)}
+                            className="hover:opacity-100 transition-opacity p-1 hover:bg-white/10 rounded"
+                            title="Copiar"
+                          >
+                            <Copy size={14} />
+                          </button>
+                          <button
+                            className="hover:opacity-100 transition-opacity p-1 hover:bg-white/10 rounded"
+                            title="Leer en voz alta"
+                          >
+                            <Volume2 size={14} />
+                          </button>
+                        </>
+                      )}
+                    </div>
+                  </div>
+                  {message.sender === "user" && (
+                    <div className="mt-1 flex-shrink-0">
+                      <div className="p-1 bg-black/30 rounded">
+                        <User size={16} />
+                      </div>
+                    </div>
+                  )}
+                </div>
+                {copiedId === message.id && (
+                  <motion.p
+                    initial={{ opacity: 0 }}
+                    animate={{ opacity: 1 }}
+                    exit={{ opacity: 0 }}
+                    className="text-xs mt-1 text-green-400"
+                  >
+                    ✓ Copiado
+                  </motion.p>
+                )}
+              </div>
+            </motion.div>
+          ))}
+        </AnimatePresence>
+
+        {isLoading && (
+          <motion.div
+            initial={{ opacity: 0, y: 10 }}
+            animate={{ opacity: 1, y: 0 }}
+            className="flex justify-start"
+          >
+            <div className="bg-white/10 border border-white/20 text-white rounded-lg rounded-bl-none px-4 py-3">
+              <div className="flex gap-2">
+                <motion.div
+                  animate={{ scale: [1, 1.2, 1] }}
+                  transition={{ repeat: Infinity, duration: 0.6 }}
+                  className="w-2 h-2 bg-neon-cyan rounded-full"
+                />
+                <motion.div
+                  animate={{ scale: [1, 1.2, 1] }}
+                  transition={{ repeat: Infinity, duration: 0.6, delay: 0.1 }}
+                  className="w-2 h-2 bg-neon-pink rounded-full"
+                />
+                <motion.div
+                  animate={{ scale: [1, 1.2, 1] }}
+                  transition={{ repeat: Infinity, duration: 0.6, delay: 0.2 }}
+                  className="w-2 h-2 bg-neon-purple rounded-full"
+                />
+              </div>
+            </div>
+          </motion.div>
+        )}
+
+        <div ref={messagesEndRef} />
+      </div>
+
+      <div className="border-t border-white/10 bg-black/40 backdrop-blur-md p-4">
+        <div className="max-w-6xl mx-auto flex gap-2">
+          <input
+            type="text"
+            value={input}
+            onChange={(e) => setInput(e.target.value)}
+            onKeyPress={(e) => e.key === "Enter" && !isLoading && handleSendMessage()}
+            placeholder="Pregúntale a Lythron..."
+            className="flex-1 bg-white/10 border border-white/20 rounded-lg px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-neon-cyan focus:ring-2 focus:ring-neon-cyan/20 transition-all"
+            disabled={isLoading}
+          />
+          <button
+            onClick={handleSendMessage}
+            disabled={isLoading || !input.trim()}
+            className="p-3 bg-gradient-to-r from-neon-cyan to-neon-pink text-black rounded-lg hover:shadow-lg hover:shadow-neon-pink/50 transition-all disabled:opacity-50 disabled:cursor-not-allowed font-semibold"
+          >
+            <Send size={20} />
+          </button>
+        </div>
+        <p className="text-xs text-gray-500 mt-2 text-center">
+          {LYTHRON_IDENTITY.fullName} • Versión {LYTHRON_IDENTITY.version} • Creado por {LYTHRON_IDENTITY.creator} • Powered by Hugging Face
+        </p>
+      </div>
+    </div>
+  )
+}

AI poweful/frontend/src/index.css

@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  font-family: 'Inter', sans-serif;
+}

AI poweful/frontend/src/main.jsx

@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  font-family: 'Inter', sans-serif;
+}

AI poweful/frontend/tailwind.config.json

@@ -0,0 +1,35 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        'neon-cyan': '#00FFFF',
+        'neon-pink': '#FF00FF',
+        'neon-purple': '#B026FF',
+      },
+      fontFamily: {
+        sans: ['Inter', 'ui-sans-serif', 'system-ui'],
+      },
+      boxShadow: {
+        'neon': '0 0 10px rgba(0,255,255,0.5), 0 0 20px rgba(255,0,255,0.5)',
+      },
+      backgroundImage: {
+        'grid': "radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 0)",
+      },
+      animation: {
+        'pulse-glow': 'pulseGlow 2s ease-in-out infinite',
+      },
+      keyframes: {
+        pulseGlow: {
+          '0%, 100%': { boxShadow: '0 0 10px rgba(0,255,255,0.5), 0 0 20px rgba(255,0,255,0.5)' },
+          '50%': { boxShadow: '0 0 20px rgba(0,255,255,1), 0 0 40px rgba(255,0,255,1)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}

AI poweful/frontend/vite.config.js

@@ -0,0 +1,63 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// ════════════════════════════════════════════════════════════════
+//  Configuración de Vite para Lythron AI
+// ────────────────────────────────────────────────────────────────
+// - Optimizada para React + Tailwind
+// - Soporta variables de entorno (.env)
+// - Listo para desplegar en Hugging Face Spaces, Vercel o Netlify
+// - Incluye alias y headers de seguridad básicos
+// ════════════════════════════════════════════════════════════════
+
+export default defineConfig({
+  plugins: [react()],
+  
+  // Carpeta raíz del proyecto
+  root: './',
+  
+  // Directorio de salida al compilar (producción)
+  build: {
+    outDir: 'dist',
+    assetsDir: 'assets',
+    sourcemap: false,
+    rollupOptions: {
+      output: {
+        manualChunks: undefined,
+      },
+    },
+  },
+
+  // Servidor local de desarrollo
+  server: {
+    port: 5173,
+    host: true, // Permite acceso desde LAN
+    open: true,
+    cors: true,
+    headers: {
+      "Cross-Origin-Opener-Policy": "same-origin",
+      "Cross-Origin-Embedder-Policy": "require-corp",
+    },
+    proxy: {
+      // 🔗 Conecta tu backend de FastAPI (ajusta puerto si es distinto)
+      '/api': {
+        target: 'http://127.0.0.1:8000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, ''),
+      },
+    },
+  },
+
+  // Alias para importar más fácil componentes o utilidades
+  resolve: {
+    alias: {
+      '@': '/src',
+    },
+  },
+
+  // Variables globales accesibles desde import.meta.env
+  define: {
+    __APP_VERSION__: JSON.stringify('1.0.0'),
+    __APP_NAME__: JSON.stringify('Lythron AI'),
+  },
+})

AI poweful/index.html

@@ -0,0 +1,170 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <!-- ========= META PRINCIPALES ========= -->
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Lythron AI — Conversación Inteligente Futurista</title>
+    <meta
+      name="description"
+      content="Lythron AI: el asistente de conversación avanzada que une precisión técnica y creatividad. Interfaz inmersiva, estilo neón futurista y tecnología de vanguardia."
+    />
+    <meta name="theme-color" content="#66CCFF" />
+
+    <!-- ========= FUENTES ========= -->
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500;600&display=swap"
+      rel="stylesheet"
+    />
+
+    <!-- ========= ICONOS / FAVICON ========= -->
+    <link rel="icon" type="image/png" href="/favicon.png" />
+
+    <!-- ========= ESTILO INICIAL ========= -->
+    <style>
+      :root {
+        --neon-cyan: #66ccff;
+        --neon-pink: #ff66cc;
+        --neon-purple: #b266ff;
+        --bg-dark: #0a0a0f;
+        --bg-panel: rgba(20, 20, 30, 0.6);
+      }
+      body {
+        margin: 0;
+        font-family: 'Inter', sans-serif;
+        background: radial-gradient(circle at top, #0f172a, #000);
+        color: white;
+        overflow: hidden;
+        height: 100vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      /* ========== SPLASH DE CARGA ========== */
+      #splash {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        background: var(--bg-dark);
+        z-index: 50;
+        animation: fadeOut 1.2s ease-in-out 2.5s forwards;
+      }
+      .loader {
+        width: 80px;
+        height: 80px;
+        border: 4px solid transparent;
+        border-top: 4px solid var(--neon-cyan);
+        border-right: 4px solid var(--neon-pink);
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+        box-shadow: 0 0 25px var(--neon-pink);
+      }
+      .logo-text {
+        font-family: 'Poppins', sans-serif;
+        font-size: 1.6rem;
+        font-weight: 700;
+        margin-top: 1.2rem;
+        background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+        letter-spacing: 2px;
+      }
+      @keyframes spin {
+        to {
+          transform: rotate(360deg);
+        }
+      }
+      @keyframes fadeOut {
+        to {
+          opacity: 0;
+          visibility: hidden;
+        }
+      }
+      /* ========== FONDO ANIMADO FUTURISTA ========== */
+      .background-grid {
+        position: absolute;
+        inset: 0;
+        background: repeating-linear-gradient(
+            90deg,
+            rgba(255, 255, 255, 0.03) 0 1px,
+            transparent 1px 100%
+          ),
+          repeating-linear-gradient(
+            0deg,
+            rgba(255, 255, 255, 0.03) 0 1px,
+            transparent 1px 100%
+          );
+        background-size: 40px 40px;
+        animation: moveGrid 12s linear infinite;
+        z-index: 0;
+      }
+      @keyframes moveGrid {
+        from {
+          background-position: 0 0;
+        }
+        to {
+          background-position: 40px 40px;
+        }
+      }
+      /* ========== CHAT CONTAINER ========== */
+      #root {
+        position: relative;
+        z-index: 10;
+        width: 100%;
+        max-width: 900px;
+        height: 90vh;
+        background: var(--bg-panel);
+        backdrop-filter: blur(10px);
+        border: 1px solid rgba(255, 255, 255, 0.1);
+        border-radius: 20px;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        box-shadow: 0 0 25px rgba(102, 204, 255, 0.3);
+      }
+      /* ========== TITULO SUPERIOR ========== */
+      .chat-header {
+        text-align: center;
+        padding: 1.2rem;
+        font-family: 'Poppins', sans-serif;
+        font-weight: 600;
+        letter-spacing: 1px;
+        background: linear-gradient(90deg, var(--neon-cyan), var(--neon-pink));
+        -webkit-background-clip: text;
+        -webkit-text-fill-color: transparent;
+      }
+    </style>
+  </head>
+
+  <body>
+    <!-- Fondo dinámico -->
+    <div class="background-grid"></div>
+
+    <!-- Pantalla de carga -->
+    <div id="splash">
+      <div class="loader"></div>
+      <div class="logo-text">LYTHRON AI</div>
+    </div>
+
+    <!-- Contenedor de React -->
+    <div id="root">
+      <div class="chat-header">Lythron AI — Conversación Inteligente</div>
+      <!-- React reemplazará el contenido dentro del root -->
+    </div>
+
+    <!-- Si JS está deshabilitado -->
+    <noscript>
+      <div
+        style="color:white;text-align:center;padding:2rem;background:#0a0a0f;font-family:'Inter',sans-serif;"
+      >
+        Lythron AI requiere JavaScript para funcionar. Activa JavaScript e intenta nuevamente.
+      </div>
+    </noscript>
+
+    <!-- Archivo principal React -->
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>