Upload 5 files

Dockerfile

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

README.md

@@ -1,10 +1,28 @@
 ---
-title: Eventuki Api
-emoji: 🦀
-colorFrom: red
-colorTo: gray
+title: EVENTUKI API
+emoji: 🎪
+colorFrom: pink
+colorTo: purple
 sdk: docker
-pinned: false
+pinned: true
+app_port: 7860
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# EVENTUKI API — Backend
+
+Backend de EVENTUKI: asistente de eventos para Buenos Aires.
+
+## Variables de entorno requeridas (Settings → Variables and secrets)
+
+| Variable | Descripción |
+|----------|-------------|
+| `GROQ_API_KEY` | API key de Groq (console.groq.com) |
+| `SERPER_API_KEY` | API key de Serper.dev (serper.dev) |
+| `TELEGRAM_BOT_TOKEN` | Token de @BotFather |
+| `WEBHOOK_URL` | URL de este Space (ej: https://tunombre-eventuki-api.hf.space) |
+
+## Endpoints
+
+- `GET /` — health check
+- `POST /chat` — API para la webapp
+- `POST /telegram/webhook` — webhook de Telegram

app.py

@@ -0,0 +1,409 @@
+"""
+app.py — EVENTUKI Backend
+Corre en Hugging Face Spaces (gratis, 24/7).
+Sirve la API para la webapp y el webhook de Telegram.
+"""
+
+import asyncio
+import datetime
+import json
+import logging
+import os
+import re
+
+import aiohttp
+from fastapi import FastAPI, Request, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.responses import JSONResponse
+from groq import AsyncGroq
+from pydantic import BaseModel
+from telegram import Update
+from telegram.ext import (
+    Application,
+    CallbackQueryHandler,
+    CommandHandler,
+    ConversationHandler,
+    MessageHandler,
+    filters,
+)
+from telegram import InlineKeyboardButton, InlineKeyboardMarkup
+
+logging.basicConfig(level=logging.INFO, format="%(asctime)s — %(levelname)s — %(message)s")
+logger = logging.getLogger(__name__)
+
+# ── FastAPI app ───────────────────────────────────────────────────────────────
+app = FastAPI(title="EVENTUKI API", version="2.0")
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+# ── Groq ──────────────────────────────────────────────────────────────────────
+groq_client = AsyncGroq(api_key=os.environ.get("GROQ_API_KEY", ""))
+MODEL        = "llama-3.1-8b-instant"
+MODEL_BACKUP = "llama3-8b-8192"
+
+SITES_HINT = (
+    "ticketek livepass passline enigmatickets venti "
+    "eventbrite cckonex movistararena teatrocolon "
+    "indiehoy feverup festivalesba allaccess paseshow"
+)
+
+_RE = re.compile(r"<<<EVENTOS>>>(.*?)<<<FIN_EVENTOS>>>", re.DOTALL)
+
+
+# ── AI pipeline ───────────────────────────────────────────────────────────────
+def _build_system_prompt():
+    hoy        = datetime.date.today()
+    hoy_str    = hoy.strftime("%d de %B de %Y")
+    semana_str = (hoy + datetime.timedelta(days=7)).strftime("%d de %B de %Y")
+    p  = "Sos EVENTUKI, el asistente de eventos para Buenos Aires.\n"
+    p += "Slogan: Si la ciudad no duerme, su agenda tampoco.\n"
+    p += "Hablas en espanol rioplatense. Sos entusiasta y porteno.\n\n"
+    p += "HOY ES: " + hoy_str + "\nLIMITE SEMANA: " + semana_str + "\n\n"
+    p += "COMO LEER LOS RESULTADOS:\n"
+    p += "TITULO = nombre del sitio web. NO es el nombre del evento. IGNORALO.\n"
+    p += "DESCRIPCION = datos reales del evento: artista, fecha, lugar, precio.\n"
+    p += "URL = link de entradas.\n"
+    p += "Extraer SIEMPRE nombre del evento desde DESCRIPCION.\n\n"
+    p += "FILTRO DE FECHAS:\n"
+    p += "- esta semana: hasta " + semana_str + "\n"
+    p += "- hoy: solo " + hoy_str + "\n"
+    p += "- NUNCA incluir fechas pasadas\n\n"
+    p += "ANTI-ALUCINACION: solo eventos de los resultados con URL real.\n\n"
+    p += "FORMATO — texto intro max 2 lineas, luego AL FINAL:\n\n"
+    p += "<<<EVENTOS>>>\n[\n  {\n"
+    p += '    "nombre": "artista/evento de DESCRIPCION",\n'
+    p += '    "categoria": "Recital",\n'
+    p += '    "fecha": "14 de mayo 2026",\n'
+    p += '    "hora": "19:00 o A confirmar",\n'
+    p += '    "venue": "Movistar Arena",\n'
+    p += '    "precio": "desde $85.000 o A confirmar",\n'
+    p += '    "descripcion": "max 100 chars",\n'
+    p += '    "entradas_url": "URL exacta",\n'
+    p += '    "direccion": "direccion o A confirmar"\n'
+    p += "  }\n]\n<<<FIN_EVENTOS>>>"
+    return p
+
+
+async def _search_events(query: str) -> str:
+    hoy_str = datetime.date.today().strftime("%B %Y")
+    queries = [
+        query + " " + hoy_str + " entradas comprar " + SITES_HINT,
+        query + " Buenos Aires " + hoy_str + " precio fecha horario",
+    ]
+    all_results, seen_urls = [], set()
+    async with aiohttp.ClientSession() as session:
+        for q in queries:
+            try:
+                async with session.post(
+                    "https://google.serper.dev/search",
+                    headers={"X-API-KEY": os.environ.get("SERPER_API_KEY",""), "Content-Type": "application/json"},
+                    json={"q": q, "gl": "ar", "hl": "es", "num": 8},
+                ) as resp:
+                    data = await resp.json()
+                    for r in data.get("organic", []):
+                        url = r.get("link", "")
+                        if url and url not in seen_urls:
+                            seen_urls.add(url)
+                            all_results.append(r)
+            except Exception as e:
+                logger.warning("Serper error: %s", e)
+    if not all_results:
+        return "SIN_RESULTADOS"
+    lines = [
+        "TITULO: " + r.get("title","") + "\nDESCRIPCION: " + r.get("snippet","") + "\nURL: " + r.get("link","")
+        for r in all_results
+    ]
+    return "\n---\n".join(lines)
+
+
+def _clean(s: str) -> str:
+    return s.strip().replace("\r","").replace("\n","") if isinstance(s, str) else s
+
+
+def _parse_events(raw: str, seen: set) -> tuple:
+    m = _RE.search(raw)
+    if not m:
+        return raw.strip(), []
+    clean = _RE.sub("", raw).strip()
+    try:
+        all_evs = json.loads(m.group(1).strip())
+    except json.JSONDecodeError:
+        return clean, []
+    unique = []
+    for ev in all_evs:
+        for f in ["nombre","fecha","hora","venue","precio","descripcion","entradas_url","direccion"]:
+            if f in ev:
+                ev[f] = _clean(ev[f])
+        url = ev.get("entradas_url","")
+        if not url or not url.startswith("http") or "example" in url.lower():
+            continue
+        key = ev.get("nombre","") + "|" + ev.get("fecha","")
+        if key not in seen:
+            seen.add(key)
+            unique.append(ev)
+    return clean, unique
+
+
+async def _call_groq(messages: list, model: str) -> str:
+    resp = await groq_client.chat.completions.create(
+        model=model, messages=messages, max_tokens=1500, temperature=0.2,
+    )
+    return resp.choices[0].message.content or ""
+
+
+async def get_events_from_ai(history: list, seen_events: set) -> tuple:
+    last_msg      = history[-1]["content"] if history else ""
+    search_result = await _search_events(last_msg)
+    if search_result == "SIN_RESULTADOS":
+        return "No encontre eventos verificados. Proba con otra fecha o categoria.", []
+    system_prompt = _build_system_prompt()
+    messages = [{"role": "system", "content": system_prompt}]
+    for msg in history[:-1]:
+        messages.append({"role": msg["role"], "content": msg["content"]})
+    messages.append({
+        "role": "user",
+        "content": last_msg + "\n\n=== RESULTADOS DE GOOGLE ===\n" + search_result + "\n=== FIN ===\n\nExtraer nombre de DESCRIPCION. Filtrar por fechas. Solo URL reales.",
+    })
+    try:
+        text = await _call_groq(messages, MODEL)
+    except Exception as e:
+        if "429" in str(e) or "model" in str(e).lower():
+            text = await _call_groq(messages, MODEL_BACKUP)
+        else:
+            raise
+    return _parse_events(text, seen_events)
+
+
+# ── Web chat API ──────────────────────────────────────────────────────────────
+web_sessions: dict = {}
+
+
+class ChatRequest(BaseModel):
+    session_id: str
+    message: str
+
+
+@app.get("/")
+async def root():
+    return {"status": "ok", "bot": "EVENTUKI", "version": "2.0"}
+
+
+@app.get("/health")
+async def health():
+    return {"status": "healthy", "time": datetime.datetime.now().isoformat()}
+
+
+@app.post("/chat")
+async def chat(req: ChatRequest):
+    sid = req.session_id
+    if sid not in web_sessions:
+        web_sessions[sid] = {"history": [], "seen_events": set()}
+    session = web_sessions[sid]
+    session["history"].append({"role": "user", "content": req.message})
+    try:
+        text, events = await get_events_from_ai(session["history"], session["seen_events"])
+        session["history"].append({"role": "assistant", "content": text})
+        return {"text": text, "events": events}
+    except Exception as e:
+        logger.error("Error en /chat: %s", e)
+        raise HTTPException(status_code=500, detail=str(e))
+
+
+@app.delete("/chat/{session_id}")
+async def reset_session(session_id: str):
+    web_sessions.pop(session_id, None)
+    return {"status": "reset"}
+
+
+# ── Telegram Bot ──────────────────────────────────────────────────────────────
+SELECTING_CATEGORY, SELECTING_DAY, SELECTING_TIME = range(3)
+(ADD_NOMBRE, ADD_CATEGORIA, ADD_FECHA, ADD_HORA,
+ ADD_PRECIO, ADD_DIR, ADD_DESC, ADD_LINK, ADD_CONFIRM) = range(10, 19)
+
+CATEGORIES = ["Recital","Festival","Feria","Fiesta","Obra de Teatro"]
+ICONS = {"Recital":"🎸","Festival":"🎪","Feria":"🛍","Fiesta":"🎉","Obra de Teatro":"🎭"}
+TIMES = [
+    ("🌅 Manana (8-12h)",          "manana"),
+    ("☀️  Tarde  (12-18h)",         "tarde"),
+    ("🌙 Noche  (18h en adelante)", "noche"),
+]
+tg_sessions: dict = {}
+tg_app: Application = None
+
+
+async def tg_start(update: Update, context) -> int:
+    u = update.effective_user
+    tg_sessions[u.id] = {"category":None,"day":None,"time":None,"seen_events":set(),"history":[]}
+    kb = [[InlineKeyboardButton(ICONS[c]+"  "+c, callback_data="cat:"+c)] for c in CATEGORIES]
+    await update.message.reply_text(
+        "Buenas, <b>"+u.first_name+"</b>! Soy <b>EVENTUKI</b>.\n\n"
+        "<i>Si la ciudad no duerme, su agenda tampoco.</i>\n\n"
+        "Que tipo de evento estas buscando?",
+        parse_mode="HTML", reply_markup=InlineKeyboardMarkup(kb))
+    return SELECTING_CATEGORY
+
+
+async def tg_select_category(update: Update, context) -> int:
+    q = update.callback_query; await q.answer()
+    cat = q.data.replace("cat:",""); uid = q.from_user.id
+    if uid not in tg_sessions:
+        tg_sessions[uid] = {"category":None,"day":None,"time":None,"seen_events":set(),"history":[]}
+    tg_sessions[uid]["category"] = cat
+    await q.edit_message_text(
+        ICONS.get(cat,"🎪")+" <b>"+cat+"</b>\n\nQue dia pensas salir?\n<i>(hoy · manana · el sabado · 16 de mayo...)</i>",
+        parse_mode="HTML")
+    return SELECTING_DAY
+
+
+async def tg_select_day(update: Update, context) -> int:
+    uid = update.effective_user.id; day = update.message.text.strip()
+    if uid not in tg_sessions:
+        await update.message.reply_text("Usa /start."); return ConversationHandler.END
+    tg_sessions[uid]["day"] = day
+    kb = [[InlineKeyboardButton(lbl, callback_data="time:"+val)] for lbl,val in TIMES]
+    await update.message.reply_text(
+        "El <b>"+day+"</b>\n\nEn que momento del dia?",
+        parse_mode="HTML", reply_markup=InlineKeyboardMarkup(kb))
+    return SELECTING_TIME
+
+
+async def tg_select_time(update: Update, context) -> int:
+    q = update.callback_query; await q.answer()
+    uid = q.from_user.id
+    if uid not in tg_sessions:
+        await q.message.reply_text("Usa /start."); return ConversationHandler.END
+    tv   = q.data.replace("time:","")
+    sess = tg_sessions[uid]; sess["time"] = tv
+    await q.edit_message_text(
+        "Buscando <b>"+sess["category"]+"</b> el <b>"+sess["day"]+"</b> a la <b>"+tv+"</b>...\n"
+        "<i>Buscando en Google via Serper...</i>", parse_mode="HTML")
+    prompt = "Quiero ir a un "+sess["category"].lower()+" el "+sess["day"]+" a la "+tv+" en Buenos Aires."
+    sess["history"].append({"role":"user","content":prompt})
+    try:
+        txt, evs = await get_events_from_ai(sess["history"], sess["seen_events"])
+        sess["history"].append({"role":"assistant","content":txt})
+        await q.message.reply_text(txt, parse_mode="HTML")
+        for ev in evs:
+            sess["seen_events"].add(ev.get("nombre","") + "|" + ev.get("fecha",""))
+            await _tg_send_card(q.message, ev)
+        if not evs:
+            await q.message.reply_text("No encontre eventos exactos.\nUsa /buscar para otra fecha o categoria.")
+    except Exception as e:
+        await q.message.reply_text("Hubo un problema: "+str(e)+"\nIntenta con /buscar.")
+    await q.message.reply_text("/buscar — nueva busqueda\n/agregar — publicar tu evento")
+    return ConversationHandler.END
+
+
+def _make_calendar_url(ev: dict) -> str:
+    from urllib.parse import urlencode
+    h   = (ev.get("hora") or "20:00").replace(":","").ljust(6,"0")[:6]
+    end = str((int(h[:2])+2)%24).zfill(2)+h[2:4]+"00"
+    return "https://calendar.google.com/calendar/render?" + urlencode({
+        "action":"TEMPLATE","text":ev.get("nombre","Evento EVENTUKI"),
+        "dates":"20260517T"+h+"/20260517T"+end,
+        "details":ev.get("descripcion",""),
+        "location":ev.get("direccion","") or ev.get("venue",""),
+    })
+
+
+async def _tg_send_card(msg, ev: dict) -> None:
+    icon = ICONS.get((ev.get("categoria","")).lower() if ev.get("categoria") else "", "🎪")
+    nombre = ev.get("nombre","A confirmar")
+    venue  = ev.get("venue", ev.get("direccion","A confirmar"))
+    fecha  = ev.get("fecha","A confirmar")
+    hora   = ev.get("hora","")
+    precio = ev.get("precio","A confirmar")
+    url    = ev.get("entradas_url","")
+    text = (
+        icon+" <b>"+nombre+"</b>\n"
+        "─────────────────────────\n"
+        "🎯 <b>Que:</b>    "+nombre+"\n"
+        "📍 <b>Donde:</b>  "+venue+"\n"
+        "📅 <b>Cuando:</b> "+(fecha+"  "+hora).strip()+"\n"
+        "💰 <b>Cuanto:</b> "+precio+"\n"
+        "🔗 <b>URL:</b>    "+url
+    )
+    btns = []
+    if url:
+        btns.append(InlineKeyboardButton("🎟 Comprar entradas", url=url))
+    btns.append(InlineKeyboardButton("📅 Google Calendar", url=_make_calendar_url(ev)))
+    await msg.reply_text(text, parse_mode="HTML",
+        reply_markup=InlineKeyboardMarkup([btns]), disable_web_page_preview=True)
+
+
+async def tg_cancel(update: Update, context) -> int:
+    await update.message.reply_text("Cancelado. Usa /start para empezar.")
+    return ConversationHandler.END
+
+
+async def tg_ayuda(update: Update, context) -> None:
+    await update.message.reply_text(
+        "<b>Comandos EVENTUKI</b>\n\n/start — buscar\n/buscar — nueva busqueda\n/ayuda — ayuda\n/cancel — cancelar",
+        parse_mode="HTML")
+
+
+def _build_tg_app() -> Application:
+    token = os.environ.get("TELEGRAM_BOT_TOKEN","")
+    if not token:
+        return None
+    application = Application.builder().token(token).updater(None).build()
+    conv = ConversationHandler(
+        entry_points=[CommandHandler("start",tg_start), CommandHandler("buscar",tg_start)],
+        states={
+            SELECTING_CATEGORY:[CallbackQueryHandler(tg_select_category, pattern=r"^cat:")],
+            SELECTING_DAY:     [MessageHandler(filters.TEXT & ~filters.COMMAND, tg_select_day)],
+            SELECTING_TIME:    [CallbackQueryHandler(tg_select_time, pattern=r"^time:")],
+        },
+        fallbacks=[CommandHandler("cancel",tg_cancel)],
+    )
+    application.add_handler(conv)
+    application.add_handler(CommandHandler("ayuda",tg_ayuda))
+    return application
+
+
+# ── Startup / Shutdown ────────────────────────────────────────────────────────
+@app.on_event("startup")
+async def startup():
+    global tg_app
+    tg_app = _build_tg_app()
+    if tg_app:
+        await tg_app.initialize()
+        await tg_app.start()
+        webhook_url = os.environ.get("WEBHOOK_URL","")
+        if webhook_url:
+            await tg_app.bot.set_webhook(
+                url=webhook_url.rstrip("/") + "/telegram/webhook",
+                allowed_updates=["message","callback_query"],
+            )
+            logger.info("Webhook de Telegram registrado: %s", webhook_url)
+        else:
+            logger.warning("WEBHOOK_URL no configurada — Telegram deshabilitado")
+    logger.info("EVENTUKI API lista")
+
+
+@app.on_event("shutdown")
+async def shutdown():
+    if tg_app:
+        await tg_app.stop()
+        await tg_app.shutdown()
+
+
+# ── Telegram webhook endpoint ─────────────────────────────────────────────────
+@app.post("/telegram/webhook")
+async def telegram_webhook(request: Request):
+    if not tg_app:
+        return JSONResponse({"ok": False, "error": "Bot no configurado"})
+    try:
+        data   = await request.json()
+        update = Update.de_json(data, tg_app.bot)
+        await tg_app.process_update(update)
+        return {"ok": True}
+    except Exception as e:
+        logger.error("Error en webhook: %s", e)
+        return JSONResponse({"ok": False, "error": str(e)}, status_code=200)

index.html

@@ -0,0 +1,586 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<title>EVENTUKI — Eventos en Buenos Aires</title>
+<style>
+  :root {
+    --pink:   #E8175D;
+    --pink2:  #B01048;
+    --gold:   #FFD535;
+    --purple: #7B2FBE;
+    --dark:   #0A0A14;
+    --dark2:  #13131F;
+    --dark3:  #1A1A2E;
+    --text:   #F0EDF8;
+    --text2:  rgba(240,237,248,.55);
+    --border: rgba(232,23,93,.2);
+    --radius: 16px;
+  }
+
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+
+  body {
+    font-family: 'Segoe UI', system-ui, sans-serif;
+    background: var(--dark);
+    color: var(--text);
+    height: 100dvh;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+
+  /* ── Header ── */
+  header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 14px 20px;
+    background: rgba(10,10,20,.9);
+    border-bottom: 1px solid var(--border);
+    backdrop-filter: blur(20px);
+    flex-shrink: 0;
+    z-index: 10;
+  }
+
+  .logo {
+    width: 42px; height: 42px;
+    border-radius: 13px;
+    background: linear-gradient(135deg, var(--pink), var(--purple));
+    display: flex; align-items: center; justify-content: center;
+    font-size: 22px;
+    box-shadow: 0 0 18px rgba(232,23,93,.4);
+    flex-shrink: 0;
+  }
+
+  .header-text h1 {
+    font-size: 20px; font-weight: 800; letter-spacing: -.5px;
+  }
+
+  .header-text h1 span { color: var(--pink); }
+
+  .header-text p {
+    font-size: 11px; color: var(--text2); font-style: italic; margin-top: 1px;
+  }
+
+  .header-right {
+    margin-left: auto;
+    display: flex; gap: 8px;
+  }
+
+  .btn-tg {
+    display: flex; align-items: center; gap: 6px;
+    padding: 7px 14px;
+    border-radius: 20px;
+    border: 1px solid rgba(41,182,246,.3);
+    background: rgba(41,182,246,.1);
+    color: #29B6F6;
+    font-size: 13px; font-weight: 600;
+    text-decoration: none;
+    transition: all .2s;
+  }
+  .btn-tg:hover { background: rgba(41,182,246,.2); }
+
+  .btn-new {
+    display: flex; align-items: center; gap: 6px;
+    padding: 7px 14px;
+    border-radius: 20px;
+    border: 1px solid var(--border);
+    background: transparent;
+    color: var(--text2);
+    font-size: 13px; font-weight: 600;
+    cursor: pointer;
+    transition: all .2s;
+  }
+  .btn-new:hover { border-color: var(--pink); color: var(--pink); }
+
+  /* ── Messages ── */
+  #messages {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px 16px;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+    max-width: 780px;
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  #messages::-webkit-scrollbar { width: 4px; }
+  #messages::-webkit-scrollbar-track { background: transparent; }
+  #messages::-webkit-scrollbar-thumb { background: rgba(232,23,93,.3); border-radius: 2px; }
+
+  .msg-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    animation: fadeUp .25s ease;
+  }
+
+  .msg-row.user { justify-content: flex-end; }
+
+  @keyframes fadeUp {
+    from { opacity: 0; transform: translateY(8px); }
+    to   { opacity: 1; transform: translateY(0); }
+  }
+
+  .avatar {
+    width: 32px; height: 32px; border-radius: 10px; flex-shrink: 0;
+    background: linear-gradient(135deg, var(--pink), var(--purple));
+    display: flex; align-items: center; justify-content: center;
+    font-size: 16px; margin-top: 2px;
+    box-shadow: 0 0 12px rgba(232,23,93,.3);
+  }
+
+  .bubble-wrap { max-width: 78%; display: flex; flex-direction: column; gap: 8px; }
+
+  .bubble {
+    padding: 11px 15px;
+    border-radius: 4px 16px 16px 16px;
+    font-size: 14px; line-height: 1.6;
+    background: rgba(255,255,255,.06);
+    border: 1px solid rgba(255,255,255,.09);
+    color: var(--text);
+  }
+
+  .msg-row.user .bubble {
+    background: linear-gradient(135deg, var(--pink), var(--pink2));
+    border: none;
+    border-radius: 16px 16px 4px 16px;
+    color: #fff;
+  }
+
+  /* ── Event cards ── */
+  .event-card {
+    background: rgba(255,255,255,.04);
+    border: 1px solid rgba(232,23,93,.22);
+    border-radius: var(--radius);
+    padding: 14px 16px;
+    transition: border-color .2s, transform .2s;
+  }
+  .event-card:hover { border-color: rgba(232,23,93,.45); transform: translateY(-2px); }
+
+  .card-title {
+    font-size: 15px; font-weight: 700; margin-bottom: 10px;
+    display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;
+  }
+
+  .cat-badge {
+    font-size: 11px; font-weight: 700; padding: 2px 9px;
+    border-radius: 6px; background: rgba(123,47,190,.3); color: #C084FC;
+    white-space: nowrap; flex-shrink: 0;
+  }
+
+  .card-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 6px 10px;
+    font-size: 13px;
+    color: var(--text2);
+    margin-bottom: 10px;
+  }
+
+  .card-grid span { color: var(--text); font-weight: 500; }
+
+  .free-badge {
+    display: inline-block; padding: 2px 9px; border-radius: 6px;
+    font-size: 11px; font-weight: 700;
+    background: rgba(0,200,81,.15); color: #00C851;
+  }
+
+  .price-badge {
+    display: inline-block; padding: 2px 9px; border-radius: 6px;
+    font-size: 11px; font-weight: 700;
+    background: rgba(255,213,53,.12); color: var(--gold);
+  }
+
+  .card-desc {
+    font-size: 12px; color: var(--text2); line-height: 1.5;
+    margin-bottom: 10px;
+  }
+
+  .card-actions { display: flex; gap: 8px; flex-wrap: wrap; }
+
+  .btn-ticket {
+    display: inline-flex; align-items: center; gap: 5px;
+    padding: 7px 14px; border-radius: 20px; border: none; cursor: pointer;
+    font-size: 12px; font-weight: 700;
+    background: linear-gradient(135deg, var(--pink), var(--pink2));
+    color: #fff; text-decoration: none;
+    transition: all .2s;
+  }
+  .btn-ticket:hover { box-shadow: 0 0 16px rgba(232,23,93,.5); transform: scale(1.03); }
+
+  .btn-cal {
+    display: inline-flex; align-items: center; gap: 5px;
+    padding: 7px 14px; border-radius: 20px;
+    border: 1px solid rgba(0,200,81,.35); cursor: pointer;
+    font-size: 12px; font-weight: 700;
+    background: rgba(0,200,81,.1); color: #00C851;
+    text-decoration: none; transition: all .2s;
+  }
+  .btn-cal:hover { background: rgba(0,200,81,.2); }
+
+  /* ── Quick buttons ── */
+  .quick-btns {
+    display: flex; flex-wrap: wrap; gap: 8px;
+    padding: 0 16px 8px;
+    max-width: 780px; width: 100%; margin: 0 auto;
+  }
+
+  .quick-btn {
+    padding: 7px 14px; border-radius: 20px;
+    border: 1px solid var(--border);
+    background: rgba(232,23,93,.08);
+    color: var(--text2); font-size: 13px; cursor: pointer;
+    transition: all .2s;
+  }
+  .quick-btn:hover { border-color: var(--pink); color: var(--text); background: rgba(232,23,93,.15); }
+
+  /* ── Input ── */
+  .input-area {
+    padding: 12px 16px 16px;
+    border-top: 1px solid var(--border);
+    background: rgba(10,10,20,.85);
+    backdrop-filter: blur(20px);
+    flex-shrink: 0;
+    max-width: 780px; width: 100%; margin: 0 auto;
+  }
+
+  .input-row {
+    display: flex; gap: 10px;
+  }
+
+  #chat-input {
+    flex: 1;
+    background: rgba(255,255,255,.06);
+    border: 1px solid rgba(232,23,93,.3);
+    border-radius: 24px;
+    color: var(--text);
+    padding: 11px 18px;
+    font-size: 14px;
+    outline: none;
+    transition: border-color .2s;
+  }
+  #chat-input:focus { border-color: var(--pink); }
+  #chat-input::placeholder { color: var(--text2); }
+
+  #send-btn {
+    padding: 11px 22px; border-radius: 24px; border: none; cursor: pointer;
+    background: linear-gradient(135deg, var(--pink), var(--pink2));
+    color: #fff; font-size: 14px; font-weight: 700;
+    transition: all .2s; flex-shrink: 0;
+  }
+  #send-btn:hover:not(:disabled) { box-shadow: 0 0 20px rgba(232,23,93,.45); transform: scale(1.03); }
+  #send-btn:disabled { opacity: .5; cursor: not-allowed; }
+
+  .input-hint {
+    text-align: center; font-size: 11px; color: var(--text2); margin-top: 8px;
+  }
+
+  /* ── Typing indicator ── */
+  .typing { display: flex; gap: 4px; align-items: center; padding: 12px 16px; }
+  .dot {
+    width: 7px; height: 7px; border-radius: 50%; background: var(--pink);
+    animation: bounce 1.2s infinite;
+  }
+  .dot:nth-child(2) { animation-delay: .2s; }
+  .dot:nth-child(3) { animation-delay: .4s; }
+  @keyframes bounce {
+    0%,80%,100% { opacity:.3; transform:scale(.8); }
+    40%         { opacity:1;  transform:scale(1); }
+  }
+
+  /* ── Config notice ── */
+  #config-notice {
+    position: fixed; inset: 0; background: rgba(10,10,20,.95);
+    display: flex; align-items: center; justify-content: center;
+    z-index: 100; padding: 20px;
+  }
+  .config-box {
+    background: var(--dark2); border: 1px solid var(--border);
+    border-radius: 20px; padding: 30px; max-width: 480px; width: 100%;
+    text-align: center;
+  }
+  .config-box h2 { font-size: 22px; margin-bottom: 10px; }
+  .config-box h2 span { color: var(--pink); }
+  .config-box p { font-size: 14px; color: var(--text2); line-height: 1.6; margin-bottom: 20px; }
+  .config-box input {
+    width: 100%;
+    background: rgba(255,255,255,.06);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    color: var(--text); padding: 10px 14px;
+    font-size: 14px; outline: none; margin-bottom: 14px;
+    transition: border-color .2s;
+  }
+  .config-box input:focus { border-color: var(--pink); }
+  .config-box button {
+    width: 100%; padding: 12px; border-radius: 12px; border: none; cursor: pointer;
+    background: linear-gradient(135deg, var(--pink), var(--pink2));
+    color: #fff; font-size: 15px; font-weight: 700;
+    transition: all .2s;
+  }
+  .config-box button:hover { box-shadow: 0 0 20px rgba(232,23,93,.4); }
+  .config-box .hint { font-size: 12px; color: var(--text2); margin-top: 12px; }
+
+  @media (max-width: 600px) {
+    header { padding: 10px 14px; }
+    .header-text h1 { font-size: 17px; }
+    .btn-tg span { display: none; }
+    #messages { padding: 14px 12px; }
+    .bubble-wrap { max-width: 88%; }
+    .card-grid { grid-template-columns: 1fr; }
+  }
+</style>
+</head>
+<body>
+
+<!-- Config modal (shown if API URL not set) -->
+<div id="config-notice">
+  <div class="config-box">
+    <div style="font-size:40px;margin-bottom:12px;">🎪</div>
+    <h2>EVENT<span>UKI</span></h2>
+    <p>Ingresá la URL de tu Space de Hugging Face para conectar el asistente.</p>
+    <input id="api-url-input" type="text" placeholder="https://tunombre-eventuki-api.hf.space"/>
+    <button onclick="saveApiUrl()">Conectar</button>
+    <p class="hint">Encontrás la URL en tu Space de Hugging Face después de deployar.</p>
+  </div>
+</div>
+
+<!-- Header -->
+<header>
+  <div class="logo">🎪</div>
+  <div class="header-text">
+    <h1>EVENT<span>UKI</span></h1>
+    <p>Si la ciudad no duerme, su agenda tampoco.</p>
+  </div>
+  <div class="header-right">
+    <a href="https://t.me/EventukiBot" target="_blank" class="btn-tg">
+      ✈️ <span>Abrir en Telegram</span>
+    </a>
+    <button class="btn-new" onclick="newChat()">↺ Nueva búsqueda</button>
+  </div>
+</header>
+
+<!-- Messages -->
+<div id="messages"></div>
+
+<!-- Quick buttons -->
+<div class="quick-btns" id="quick-btns">
+  <button class="quick-btn" onclick="quickSend('Recitales esta semana a la noche')">🎸 Recitales esta semana</button>
+  <button class="quick-btn" onclick="quickSend('Festivales este fin de semana')">🎪 Festivales este finde</button>
+  <button class="quick-btn" onclick="quickSend('Ferias gratuitas este domingo')">🛍 Ferias gratuitas</button>
+  <button class="quick-btn" onclick="quickSend('Obras de teatro este sabado')">🎭 Teatro este sábado</button>
+  <button class="quick-btn" onclick="quickSend('Fiestas y milongas esta noche')">🎉 Fiestas esta noche</button>
+</div>
+
+<!-- Input -->
+<div class="input-area">
+  <div class="input-row">
+    <input id="chat-input" type="text"
+      placeholder="Ej: recitales esta semana a la noche..."
+      onkeydown="if(event.key==='Enter')send()"/>
+    <button id="send-btn" onclick="send()">Enviar</button>
+  </div>
+  <div class="input-hint">Powered by Groq + Google Search · <span id="api-indicator">conectando...</span></div>
+</div>
+
+<script>
+// ── Config ────────────────────────────────────────────────────────────────────
+const SESSION_ID = 'sess_' + Math.random().toString(36).slice(2);
+let API_URL = localStorage.getItem('eventuki_api_url') || '';
+
+function saveApiUrl() {
+  const val = document.getElementById('api-url-input').value.trim().replace(/\/$/, '');
+  if (!val.startsWith('http')) { alert('Ingresá una URL válida (https://...)'); return; }
+  localStorage.setItem('eventuki_api_url', val);
+  API_URL = val;
+  document.getElementById('config-notice').style.display = 'none';
+  document.getElementById('api-indicator').textContent = new URL(val).hostname;
+  showWelcome();
+}
+
+// Si ya hay URL guardada, ocultar modal
+if (API_URL) {
+  document.getElementById('config-notice').style.display = 'none';
+  document.getElementById('api-indicator').textContent = new URL(API_URL).hostname;
+}
+
+// ── Calendar URL ──────────────────────────────────────────────────────────────
+function calUrl(ev) {
+  const h   = (ev.hora || '20:00').replace(':','').padEnd(6,'0').slice(0,6);
+  const hh  = String((parseInt(h.slice(0,2))+2)%24).padStart(2,'0');
+  const end = hh + h.slice(2,4) + '00';
+  const p   = new URLSearchParams({
+    action: 'TEMPLATE', text: ev.nombre || 'Evento EVENTUKI',
+    dates:  `20260517T${h}/20260517T${end}`,
+    details: [ev.descripcion, ev.entradas_url ? 'Entradas: '+ev.entradas_url : '', ev.precio ? 'Precio: '+ev.precio : ''].filter(Boolean).join('\n\n'),
+    location: ev.direccion || ev.venue || '',
+  });
+  return 'https://calendar.google.com/calendar/render?' + p;
+}
+
+// ── Render helpers ────────────────────────────────────────────────────────────
+function isFree(precio) {
+  return /gratu|gratis|free/i.test(precio || '');
+}
+
+function renderCard(ev) {
+  const nombre = ev.nombre || 'Evento';
+  const venue  = ev.venue  || ev.direccion || 'A confirmar';
+  const fecha  = ev.fecha  || 'A confirmar';
+  const hora   = ev.hora   || '';
+  const precio = ev.precio || 'A confirmar';
+  const url    = ev.entradas_url || '';
+  const cat    = ev.categoria || '';
+  const desc   = ev.descripcion || '';
+  const gratis = isFree(precio);
+
+  const priceBadge = gratis
+    ? '<span class="free-badge">✨ GRATIS</span>'
+    : `<span class="price-badge">💰 ${precio}</span>`;
+
+  const ticketBtn = url
+    ? `<a href="${url}" target="_blank" rel="noopener" class="btn-ticket">🎟 Comprar entradas</a>`
+    : '';
+
+  return `
+    <div class="event-card">
+      <div class="card-title">
+        <span>${nombre}</span>
+        <span class="cat-badge">${cat}</span>
+      </div>
+      <div class="card-grid">
+        <div>🎯 <span>Qué:</span>    ${nombre}</div>
+        <div>📍 <span>Dónde:</span>  ${venue}</div>
+        <div>📅 <span>Cuándo:</span> ${(fecha + ' ' + hora).trim()}</div>
+        <div>${priceBadge}</div>
+      </div>
+      ${desc ? `<div class="card-desc">${desc}</div>` : ''}
+      <div class="card-actions">
+        ${ticketBtn}
+        <a href="${calUrl(ev)}" target="_blank" rel="noopener" class="btn-cal">📅 Google Calendar</a>
+      </div>
+    </div>`;
+}
+
+function renderBubble(text, role) {
+  const div = document.createElement('div');
+  div.className = 'msg-row ' + role;
+
+  const avatarHtml = role === 'bot'
+    ? '<div class="avatar">🎪</div>' : '';
+
+  // Convert **bold** and *italic* to HTML
+  const html = text
+    .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+    .replace(/\*(.*?)\*/g,     '<em>$1</em>')
+    .replace(/\n/g, '<br>');
+
+  div.innerHTML = avatarHtml + `
+    <div class="bubble-wrap">
+      <div class="bubble">${html}</div>
+    </div>`;
+  return div;
+}
+
+function addMessage(text, role, events) {
+  const msgs = document.getElementById('messages');
+
+  const row = renderBubble(text, role);
+  msgs.appendChild(row);
+
+  if (events && events.length > 0) {
+    const wrap = document.createElement('div');
+    wrap.className = 'msg-row bot';
+    wrap.innerHTML = '<div class="avatar">🎪</div><div class="bubble-wrap">' +
+      events.map(renderCard).join('') + '</div>';
+    msgs.appendChild(wrap);
+  }
+
+  msgs.scrollTop = msgs.scrollHeight;
+}
+
+function showTyping() {
+  const msgs = document.getElementById('messages');
+  const row  = document.createElement('div');
+  row.className = 'msg-row bot'; row.id = 'typing-row';
+  row.innerHTML = '<div class="avatar">🎪</div><div class="bubble-wrap"><div class="bubble"><div class="typing"><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div></div>';
+  msgs.appendChild(row);
+  msgs.scrollTop = msgs.scrollHeight;
+}
+
+function removeTyping() {
+  document.getElementById('typing-row')?.remove();
+}
+
+// ── API call ──────────────────────────────────────────────────────────────────
+async function callAPI(message) {
+  const resp = await fetch(API_URL + '/chat', {
+    method:  'POST',
+    headers: {'Content-Type': 'application/json'},
+    body:    JSON.stringify({session_id: SESSION_ID, message}),
+  });
+  if (!resp.ok) throw new Error('Error ' + resp.status);
+  return resp.json();
+}
+
+// ── Send ──────────────────────────────────────────────────────────────────────
+async function send() {
+  const inp  = document.getElementById('chat-input');
+  const btn  = document.getElementById('send-btn');
+  const text = inp.value.trim();
+  if (!text || btn.disabled) return;
+  if (!API_URL) { document.getElementById('config-notice').style.display = 'flex'; return; }
+
+  addMessage(text, 'user', []);
+  inp.value = ''; inp.disabled = true; btn.disabled = true;
+  document.getElementById('quick-btns').style.display = 'none';
+  showTyping();
+
+  try {
+    const data = await callAPI(text);
+    removeTyping();
+    addMessage(data.text, 'bot', data.events || []);
+  } catch (e) {
+    removeTyping();
+    addMessage('Uy, hubo un problema conectando con el servidor. Intentá de nuevo en un momento. 😓', 'bot', []);
+    console.error(e);
+  }
+
+  inp.disabled = false; btn.disabled = false; inp.focus();
+}
+
+function quickSend(text) {
+  document.getElementById('chat-input').value = text;
+  send();
+}
+
+// ── New chat ──────────────────────────────────────────────────────────────────
+async function newChat() {
+  if (API_URL) {
+    try { await fetch(API_URL + '/chat/' + SESSION_ID, {method:'DELETE'}); } catch(e){}
+  }
+  document.getElementById('messages').innerHTML = '';
+  document.getElementById('quick-btns').style.display = 'flex';
+  showWelcome();
+}
+
+// ── Welcome message ───────────────────────────────────────────────────────────
+function showWelcome() {
+  addMessage(
+    'Buenas! Soy EVENTUKI, tu guía de eventos en Buenos Aires. 🎉\n\n' +
+    '"Si la ciudad no duerme, su agenda tampoco."\n\n' +
+    'Contame qué buscás: qué tipo de evento, qué día y a qué hora.',
+    'bot', []
+  );
+}
+
+// ── Init ──────────────────────────────────────────────────────────────────────
+if (API_URL) showWelcome();
+</script>
+</body>
+</html>

requirements.txt

@@ -0,0 +1,6 @@
+fastapi==0.111.0
+uvicorn==0.29.0
+python-telegram-bot==21.6
+groq>=0.9.0
+aiohttp>=3.9.0
+pydantic>=2.0.0