fix: remove binary logo asset to avoid PR binary-file error

Dockerfile

@@ -1,34 +1,23 @@
-# Dockerfile
-
-# Base image to use
-FROM tiangolo/uvicorn-gunicorn-fastapi:python3.8
-
-# Set the working directory to /app
+# ---------- Frontend build ----------
+FROM node:20-bookworm-slim AS frontend-builder
+WORKDIR /app/frontend
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN npm install
+COPY frontend .
+RUN npm run build
+
+# ---------- Backend runtime ----------
+FROM python:3.11-slim
 WORKDIR /app
 
-# Copy the backend application files
-COPY ./backend /app/backend
-
-# Copy the frontend application files
-COPY ./frontend /app/frontend
-
-# Install dependencies for the backend
+COPY backend/requirements.txt /app/backend/requirements.txt
 RUN pip install --no-cache-dir -r /app/backend/requirements.txt
 
-# Set the environment variables for FastAPI
-ENV MODULE_NAME=backend.main:app
-
-# Expose port 80 for the FastAPI app
-EXPOSE 80
-
-# Install Node.js for frontend
-RUN apt-get update && apt-get install -y nodejs npm
-
-# Build the React frontend
-RUN cd frontend && npm install && npm run build
+COPY backend /app/backend
+COPY --from=frontend-builder /app/frontend/dist /app/frontend/dist
 
-# Serve the React app
-RUN cp -R frontend/build /app/frontend/build
+# Hugging Face Spaces expone PORT (fallback 7860)
+ENV PORT=7860
+EXPOSE 7860
 
-# Start the FastAPI app
-CMD uvicorn backend.main:app --host 0.0.0.0 --port 80 --reload
+CMD sh -c "uvicorn backend.main:app --host 0.0.0.0 --port ${PORT}"

MIGRACION_REACT_HF.md

@@ -0,0 +1,140 @@
+# Plan de migración: lógica Python (Streamlit) → React moderno + backend compatible con Hugging Face Spaces
+
+## 1) Hallazgos de la revisión actual
+
+### Backend Python existente
+- `app.py` contiene prácticamente toda la lógica de producto: manejo de sesiones, títulos de chat, menú inicial, prompts de ejemplo y streaming de respuesta desde Gemini. Está fuertemente acoplado a Streamlit (`st.session_state`, `st.chat_message`, `st.chat_input`, `st.rerun`).
+- `session_state.py` implementa persistencia local por usuario (`data/<namespace>`) y encapsula llamadas a `google-genai` con `send_message_stream`.
+- `system_prompts.py` define el prompt maestro del flujo de 5 preguntas y formato final del email.
+- `firebase_store.py` ya anticipa un backend con persistencia remota (Firestore) para índice/historial de chats.
+
+### Frontend React existente
+- Ya hay estructura Vite + React + TypeScript.
+- `ChatWindow.tsx` consume `POST /api/chat/send`, pero ese endpoint no existe en `backend/main.py`.
+- `ChatWindow.tsx` actualmente reinicia mensajes al cambiar chat y no carga historial desde servidor.
+- `ChatHistory.tsx` y `App.tsx` mantienen datos en memoria local del navegador, sin sincronización real.
+
+### Desalineaciones de infraestructura
+- `backend/main.py` solo monta archivos estáticos y no expone API funcional.
+- `backend/gemini_service.py` usa un endpoint no estándar de Gemini (`https://gemini.googleapis.com/v1/email/generate`) y no coincide con el SDK usado en `session_state.py`.
+- `Dockerfile` espera `frontend/build`, pero Vite genera `dist`.
+
+## 2) Objetivo técnico recomendado
+
+Separar la app en capas limpias:
+1. **Frontend React (UI + estado de vista)**
+2. **Backend FastAPI (lógica de negocio + Gemini + persistencia)**
+3. **Proveedor de almacenamiento** (local JSON/SQLite para MVP y Firebase opcional)
+
+Esto te deja una base escalable para HF Spaces (Docker SDK) y para crecer a multiusuario real.
+
+## 3) Qué lógica debes mover de Python a React y cuál NO
+
+### Mover a React (presentación y UX)
+- Render de chat (mensajes, indicador "escribiendo", input).
+- Menú inicial y botones de ejemplos.
+- Sidebar de sesiones y navegación entre chats.
+- Estado visual (loading, error, disabled states).
+
+### Mantener en backend (dominio y seguridad)
+- Lógica de `get_enhanced_prompt` (saludo y modo ejemplo).
+- Generación de título de chat por IA.
+- Integración con Gemini y streaming.
+- Persistencia de historiales por usuario/chat.
+- Reglas de negocio del flujo guiado.
+
+> Regla práctica: si algo implica API keys, reglas de negocio o consistencia de datos, va en backend.
+
+## 4) Arquitectura de API sugerida (contratos)
+
+### Endpoints mínimos
+- `POST /api/chats` → crea chat y devuelve `{chat_id, title}`
+- `GET /api/chats` → lista chats del usuario
+- `GET /api/chats/{chat_id}/messages` → historial
+- `POST /api/chats/{chat_id}/messages` → agrega mensaje y devuelve respuesta IA
+- `GET /api/prompts/examples` → ejemplos iniciales (opcional, para no hardcodear)
+
+### Streaming recomendado
+Para una UX moderna:
+- Preferir **SSE** (`text/event-stream`) o **chunked responses** para tokens.
+- Frontend consume stream y va pintando texto incrementalmente.
+
+## 5) Plan de implementación por fases
+
+### Fase 0 — Alineación de base
+1. Consolidar `system_prompts.py` en backend y eliminar duplicados.
+2. Definir modelos Pydantic (`Chat`, `Message`, `SendMessageRequest`, `SendMessageResponse`).
+3. Corregir `backend/requirements.txt` para usar `google-genai`.
+
+### Fase 1 — Backend funcional
+1. Crear `backend/services/chat_service.py` con:
+   - `create_chat`
+   - `list_chats`
+   - `send_message`
+   - `load_history`
+2. Crear `backend/repositories` con interfaz de persistencia:
+   - `local_repo.py` (MVP)
+   - `firebase_repo.py` (adaptando `firebase_store.py`)
+3. Implementar rutas en `backend/main.py` para `/api/*`.
+
+### Fase 2 — Frontend robusto
+1. Crear capa de cliente API en `frontend/src/lib/api.ts`.
+2. Introducir estado global con **TanStack Query** + store liviano (Zustand o Context).
+3. Refactor de componentes:
+   - `ChatShell` (layout)
+   - `ChatSidebar`
+   - `MessageList`
+   - `Composer`
+4. Manejar errores con toasts y estados vacíos.
+
+### Fase 3 — Hugging Face Spaces
+1. Ajustar `Dockerfile` multi-stage:
+   - Stage Node: build de Vite (`dist`)
+   - Stage Python: FastAPI + copiar `dist` a carpeta estática
+2. FastAPI debe servir estáticos y fallback SPA (`index.html`).
+3. Variables HF:
+   - `GOOGLE_API_KEY`
+   - opcional: `FIREBASE_SERVICE_ACCOUNT_JSON`
+
+### Fase 4 — Escalabilidad
+1. Añadir auth (al menos token por usuario o Firebase Auth).
+2. Trazas/observabilidad (logs estructurados + request_id).
+3. Tests:
+   - unit tests de servicio
+   - contract tests de API
+   - e2e básico de chat
+
+## 6) Decisiones técnicas concretas recomendadas
+
+- **Gemini**: usar solo `google-genai` (evitar `requests` custom mientras no sea imprescindible).
+- **Persistencia**: iniciar con SQLite o JSON por simplicidad; dejar interfaz para Firebase.
+- **Estado frontend**:
+  - Server state: TanStack Query
+  - UI state: Zustand/Context
+- **Tipado**: compartir esquemas con OpenAPI generado por FastAPI + tipos TS (openapi-typescript).
+
+## 7) Riesgos actuales que debes corregir primero
+
+1. Endpoint `/api/chat/send` inexistente (rompe el frontend actual).
+2. `Dockerfile` incompatible con salida Vite (`dist` vs `build`).
+3. Doble fuente de verdad (Streamlit app y React app conviviendo sin contratos unificados).
+4. Persistencia local por archivos (`joblib`) no ideal para multiinstancia.
+
+## 8) Backlog accionable (orden sugerido)
+
+1. Implementar API real en `backend/main.py`.
+2. Conectar `ChatWindow.tsx` a nueva API de chats/mensajes.
+3. Reemplazar estado local de chats en `App.tsx` por datos del backend.
+4. Migrar streaming al frontend con SSE.
+5. Ajustar Docker para HF y probar build end-to-end.
+
+## 9) Criterios de “migración completada”
+
+- La UI React reproduce toda la UX importante de Streamlit (menu inicial, ejemplos, historial, multi-chat).
+- Toda llamada a Gemini pasa por FastAPI (ninguna key en frontend).
+- Persistencia de chats disponible al recargar.
+- Docker build exitoso y despliegue en HF Space operativo.
+
+---
+
+Si quieres, en la siguiente iteración puedo convertir este plan en tareas técnicas concretas por archivo (`backend/main.py`, `frontend/src/components/*`, `Dockerfile`) y proponerte un PR incremental fase por fase.

README.md

@@ -1,97 +1,51 @@
-# Chatbot Email App - React + FastAPI 2
+# Chatbot Email App - React + FastAPI
 
-Una aplicación moderna de chatbot para generar copies de correos con IA usando Gemini API.
+Aplicación de chat para generar emails narrativos con Gemini.
 
-## 🚀 Características
+## Stack
+- Frontend: React + TypeScript + Vite
+- Backend: FastAPI
+- IA: Google Gemini (`google-genai`)
 
-- ✉️ Generación de emails narrativos con Gemini AI
-- 💬 Chat interactivo y responsive
-- 📱 Interfaz moderna con React + TypeScript
-- ⚡ Backend rápido con FastAPI
-- 🐳 Fácil de desplegar en HF Spaces con Docker
-
-## 📋 Requisitos
-
-- Docker (para HF Spaces)
-- Node.js 18+ (para desarrollo local)
-- Python 3.8+ (para desarrollo local)
-
-## 🛠️ Instalación Local
+## Desarrollo local
 
 ### Backend
-
 ```bash
 cd backend
 pip install -r requirements.txt
+uvicorn main:app --reload
 ```
 
 ### Frontend
-
 ```bash
 cd frontend
 npm install
-```
-
-## 🏃 Ejecutar Localmente
-
-### Terminal 1 - Backend
-
-```bash
-cd backend
-python -m uvicorn main:app --reload
-```
-
-### Terminal 2 - Frontend
-
-```bash
-cd frontend
 npm run dev
 ```
 
-Accede a `http://localhost:5173`
-
-## 🐳 Desplegar en HF Spaces
-
-1. Ve a [huggingface.co/spaces](https://huggingface.co/spaces)
-2. Click en "Create new Space"
-3. Selecciona "Docker" como SDK
-4. Conecta tu repositorio de GitHub
-5. Configura las variables de entorno:
-   - `GOOGLE_API_KEY`: Tu clave de Gemini API
-
-## 📁 Estructura del Proyecto
-
-```
-chatbot-email-app/
-├── backend/
-│   ├── main.py
-│   └── requirements.txt
-├── frontend/
-│   ├── src/
-│   │   ├── components/
-│   │   ├── App.tsx
-│   │   ├── App.css
-│   │   └── main.tsx
-│   ├── package.json
-│   ├── tsconfig.json
-│   ├── vite.config.ts
-│   └── index.html
-├── Dockerfile
-└── README.md
-```
-
-## 🔑 Variables de Entorno
+Frontend en `http://localhost:3000` y backend en `http://localhost:8000`.
 
-Crea un archivo `.env` en la raíz del backend:
+## Variables de entorno
 
-```
-GOOGLE_API_KEY=your_gemini_api_key_here
-```
-
-## 📄 Licencia
-
-Apache License 2.0
-
-## 👨‍💻 Autor
-
-**squaalldev** - Jesús Cabrera
+### Backend
+- `GOOGLE_API_KEY` (requerida)
+- `GEMINI_MODEL` (opcional, default: `gemini-2.5-flash`)
+- `APP_DATA_DIR` (opcional, default: `backend/data`)
+
+## Deploy en Hugging Face Spaces (Docker)
+
+1. Crea un Space tipo **Docker**.
+2. Sube este repositorio.
+3. En **Settings → Secrets**, agrega:
+   - `GOOGLE_API_KEY`
+4. (Opcional) agrega `GEMINI_MODEL`.
+
+> Sí, en HF puedes inyectar el secret directamente y esta app lo toma desde `os.environ["GOOGLE_API_KEY"]` en runtime.
+
+## Endpoints API
+- `GET /api/health`
+- `GET /api/chats`
+- `POST /api/chats`
+- `GET /api/chats/{chat_id}/messages`
+- `POST /api/chats/{chat_id}/messages`
+- Compatibilidad legacy: `POST /api/chat/send`

backend/gemini_service.py

@@ -1,31 +0,0 @@
-import requests
-import json
-
-class GeminiService:
-    def __init__(self, api_key):
-        self.api_key = api_key
-        self.endpoint = 'https://gemini.googleapis.com/v1/email/generate'
-
-    def generate_email(self, system_prompt, chat_history):
-        # Prepare the payload for the API request
-        payload = {
-            'system_prompt': system_prompt,
-            'chat_history': chat_history
-        }
-
-        headers = {
-            'Authorization': f'Bearer {self.api_key}',
-            'Content-Type': 'application/json'
-        }
-
-        try:
-            response = requests.post(self.endpoint, headers=headers, json=payload)
-            response.raise_for_status()  # Raise an error for bad responses
-            return response.json()  # Return the JSON response
-        except requests.exceptions.RequestException as e:
-            print(f'Error during API call: {e}')
-            return None
-
-# Example usage:
-# service = GeminiService('your_api_key')
-# email_response = service.generate_email('Generate an email for...', ['Chat history item 1', 'Chat history item 2'])

backend/main.py

@@ -1,11 +1,260 @@
-from fastapi import FastAPI
+from __future__ import annotations
+
+import json
+import os
+import time
+import uuid
+from pathlib import Path
+from typing import Literal
+
+from fastapi import FastAPI, HTTPException, Request
+from dotenv import load_dotenv
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.responses import FileResponse
 from fastapi.staticfiles import StaticFiles
+from google import genai
+from google.genai import types
+from pydantic import BaseModel, Field
+
+from backend.system_prompts import get_enhanced_prompt, get_unified_email_prompt
+
+load_dotenv()
+
+DEFAULT_MODEL = os.environ.get("GEMINI_MODEL", "gemini-2.5-flash")
+GOOGLE_API_KEY = os.environ.get("GOOGLE_API_KEY")
+DATA_DIR = Path(os.environ.get("APP_DATA_DIR", "backend/data"))
+FRONTEND_DIST = Path("frontend/dist")
+
+
+class MessageIn(BaseModel):
+    content: str = Field(min_length=1)
+    is_example: bool = False
+
+
+class CreateChatIn(BaseModel):
+    title: str | None = None
+
+
+class ChatSummary(BaseModel):
+    chat_id: str
+    title: str
+    updated_at: float
+
+
+class MessageOut(BaseModel):
+    role: Literal["user", "assistant"]
+    content: str
+
+
+class ChatMessageResponse(BaseModel):
+    response: str
+    chat_id: str
+
+
+app = FastAPI(title="Chatbot Email API")
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+
+
+if FRONTEND_DIST.exists():
+    app.mount("/assets", StaticFiles(directory=FRONTEND_DIST / "assets"), name="assets")
+
+
+def _namespace(request: Request) -> str:
+    user_id = request.headers.get("x-user-id") or request.query_params.get("uid") or "default"
+    return "".join(ch for ch in user_id if ch.isalnum() or ch in ("-", "_")) or "default"
+
+
+def _user_dir(namespace: str) -> Path:
+    user_dir = DATA_DIR / namespace
+    user_dir.mkdir(parents=True, exist_ok=True)
+    return user_dir
+
+
+def _index_path(namespace: str) -> Path:
+    return _user_dir(namespace) / "chats_index.json"
+
+
+def _chat_path(namespace: str, chat_id: str) -> Path:
+    return _user_dir(namespace) / f"{chat_id}.json"
+
+
+def _read_json(path: Path, default):
+    if not path.exists():
+        return default
+    return json.loads(path.read_text(encoding="utf-8"))
+
+
+def _write_json(path: Path, payload) -> None:
+    path.write_text(json.dumps(payload, ensure_ascii=False, indent=2), encoding="utf-8")
+
+
+def _load_index(namespace: str) -> dict[str, dict]:
+    return _read_json(_index_path(namespace), default={})
+
+
+def _save_index(namespace: str, data: dict[str, dict]) -> None:
+    _write_json(_index_path(namespace), data)
+
+
+def _load_messages(namespace: str, chat_id: str) -> list[dict]:
+    payload = _read_json(_chat_path(namespace, chat_id), default={"messages": []})
+    return payload.get("messages", [])
+
+
+def _save_messages(namespace: str, chat_id: str, messages: list[dict]) -> None:
+    _write_json(_chat_path(namespace, chat_id), {"messages": messages})
+
+
+def _generate_title(client: genai.Client, prompt: str) -> str:
+    try:
+        result = client.models.generate_content(
+            model=DEFAULT_MODEL,
+            contents=(
+                "Genera un título natural y humano en español (3 a 6 palabras) "
+                "que resuma esta consulta. Devuelve solo el título final: "
+                f"'{prompt}'"
+            ),
+        )
+        title = " ".join((result.text or "").strip().replace('"', "").split())
+        return " ".join(title.split()[:6]) or f"Sesión-{int(time.time())}"
+    except Exception:
+        return f"Sesión-{int(time.time())}"
+
+
+
+
+def _initialize_model(api_key: str | None = None) -> genai.Client:
+    resolved_api_key = api_key or GOOGLE_API_KEY
+    if not resolved_api_key:
+        raise HTTPException(
+            status_code=500,
+            detail=(
+                "GOOGLE_API_KEY no está configurada. En Hugging Face Spaces agrega este valor en Settings > Secrets."
+            ),
+        )
+
+    try:
+        return genai.Client(api_key=resolved_api_key)
+    except Exception as exc:
+        raise HTTPException(
+            status_code=500,
+            detail=f"No se pudo inicializar Gemini con GOOGLE_API_KEY: {exc}",
+        ) from exc
+
+def _build_contents(messages: list[dict]) -> list[types.Content]:
+    contents: list[types.Content] = []
+    for msg in messages:
+        role = "user" if msg["role"] == "user" else "model"
+        contents.append(types.Content(role=role, parts=[types.Part(text=msg["content"])]))
+    return contents
+
+
+@app.get("/api/health")
+def health_check():
+    return {"ok": True}
+
+
+@app.get("/api/chats", response_model=list[ChatSummary])
+def list_chats(request: Request):
+    index = _load_index(_namespace(request))
+    rows = [
+        ChatSummary(chat_id=chat_id, title=row["title"], updated_at=row.get("updated_at", 0.0))
+        for chat_id, row in index.items()
+    ]
+    return sorted(rows, key=lambda row: row.updated_at, reverse=True)
+
+
+@app.post("/api/chats", response_model=ChatSummary)
+def create_chat(payload: CreateChatIn, request: Request):
+    namespace = _namespace(request)
+    chat_id = str(int(time.time() * 1000)) + uuid.uuid4().hex[:6]
+    index = _load_index(namespace)
+    now = time.time()
+    title = payload.title or f"Sesión-{chat_id[-6:]}"
+    index[chat_id] = {"title": title, "updated_at": now}
+    _save_index(namespace, index)
+    _save_messages(namespace, chat_id, [])
+    return ChatSummary(chat_id=chat_id, title=title, updated_at=now)
+
+
+@app.get("/api/chats/{chat_id}/messages", response_model=list[MessageOut])
+def get_messages(chat_id: str, request: Request):
+    namespace = _namespace(request)
+    index = _load_index(namespace)
+    if chat_id not in index:
+        raise HTTPException(status_code=404, detail="Chat no encontrado")
+    messages = _load_messages(namespace, chat_id)
+    return [MessageOut(role=m["role"], content=m["content"]) for m in messages]
+
+
+@app.post("/api/chats/{chat_id}/messages", response_model=ChatMessageResponse)
+def send_message(chat_id: str, payload: MessageIn, request: Request):
+    namespace = _namespace(request)
+    index = _load_index(namespace)
+    if chat_id not in index:
+        raise HTTPException(status_code=404, detail="Chat no encontrado")
+
+    messages = _load_messages(namespace, chat_id)
+    user_message = {"role": "user", "content": payload.content}
+    messages.append(user_message)
+
+    client = _initialize_model()
+    first_user_message = len([m for m in messages if m["role"] == "user"]) == 1
+    enhanced_prompt = get_enhanced_prompt(
+        payload.content,
+        is_example=payload.is_example,
+        is_first_user_message=first_user_message,
+    )
+
+    messages_for_model = messages[:-1] + [{"role": "user", "content": enhanced_prompt}]
+
+    response = client.models.generate_content(
+        model=DEFAULT_MODEL,
+        contents=_build_contents(messages_for_model),
+        config=types.GenerateContentConfig(system_instruction=get_unified_email_prompt()),
+    )
+
+    assistant_text = (response.text or "").strip()
+    if not assistant_text:
+        assistant_text = "No pude generar respuesta en este intento."
+
+    messages.append({"role": "assistant", "content": assistant_text})
+    _save_messages(namespace, chat_id, messages)
+
+    if not index[chat_id].get("title") or index[chat_id]["title"].startswith("Sesión-"):
+        index[chat_id]["title"] = _generate_title(client, payload.content)
+    index[chat_id]["updated_at"] = time.time()
+    _save_index(namespace, index)
+
+    return ChatMessageResponse(response=assistant_text, chat_id=chat_id)
+
 
-app = FastAPI()
+# Backward compatibility for previous React call
+@app.post("/api/chat/send", response_model=ChatMessageResponse)
+def send_message_legacy(payload: MessageIn, request: Request):
+    namespace = _namespace(request)
+    index = _load_index(namespace)
+    if not index:
+        chat = create_chat(CreateChatIn(title="Nuevo chat"), request)
+    else:
+        latest_chat = sorted(index.items(), key=lambda item: item[1].get("updated_at", 0), reverse=True)[0]
+        chat = ChatSummary(chat_id=latest_chat[0], title=latest_chat[1]["title"], updated_at=latest_chat[1]["updated_at"])
+    return send_message(chat.chat_id, payload, request)
 
-# Serve the React frontend build
-app.mount("/static", StaticFiles(directory="static"), name="static")
 
-@app.get("/")
-async def read_root():
-    return {"message": "Welcome to the FastAPI backend serving the React app"}
+@app.get("/{full_path:path}")
+def serve_react_app(full_path: str):
+    index_file = FRONTEND_DIST / "index.html"
+    if index_file.exists():
+        return FileResponse(index_file)
+    return {
+        "message": "API running. Frontend build not found.",
+        "hint": "Build frontend with: cd frontend && npm run build",
+    }

backend/requirements.txt

@@ -1,2 +1,5 @@
 fastapi
-gemini
+uvicorn
+google-genai
+pydantic
+python-dotenv

backend/system_prompts.py

@@ -1,47 +1,110 @@
-# Email Generation Prompt System
+from __future__ import annotations
 
-def email_generation_prompt():
-    print("Welcome to the Email Generation System! Please answer the following questions:")
 
-    questions = [
-        "1. What is the main purpose of your email? (e.g., inquiry, response, update)",
-        "2. Who is the recipient of your email? (e.g., colleague, client, friend)",
-        "3. What specific information do you want to convey?",
-        "4. What tone do you want to use? (e.g., formal, casual, friendly)",
-        "5. Do you want to include any attachments? (yes/no)"
-    ]
+def get_unified_email_prompt() -> str:
+    return """### [IMPRIMACIÓN COGNITIVA]
+- Modelos fundacionales: Storytelling Marketing, Show Don't Tell, PAS, Golden Circle (empezar con el porqué).
+- Corpus de conocimiento: estilo tipo Seth Godin, estructura narrativa tipo StoryBrand, persuasión sutil estilo Cialdini.
+- Léxico clave: Anécdota catalizadora, Puente narrativo, Epifanía, Lección clave, Llamada a la acción contextual, Resonancia emocional.
+- Usa marcos fundacionales de copy (AIDA, PASA y PASTOR) solo como estructura interna.
+
+### [PERSONA]
+Actúa como estratega de email marketing y storyteller experto en copy conversacional.
+Tono: empático, amable, curioso, conversacional y perspicaz.
+Audiencia: suscriptores con relación de confianza, que esperan valor y no venta agresiva.
+
+### [MISIÓN]
+Guiar de forma interactiva para crear emails de marketing.
+Antes de redactar el email final, debes recopilar estos datos:
+1) Audiencia objetivo.
+2) Producto a promover.
+3) Nombre para firma.
+4) Llamado a la acción (CTA).
+5) Ángulo (anécdota/situación/observación; puede incluir personajes de Disney/anime).
+NO debes generar ningún email final antes de recibir los 5 elementos.
+
+### [PRIMERA RESPUESTA OBLIGATORIA]
+Si aún no tienes los 5 datos, inicia con la PRIMERA pregunta del flujo operativo (no pidas todo junto).
+
+### [FLUJO OPERATIVO]
+Haz solo 1 pregunta a la vez y espera respuesta:
+1) AUDIENCIA:
+   "¿A quién le vas a escribir este email? Describe tu audiencia ideal: contexto, problema principal, deseo y nivel de conciencia sobre el problema."
+2) PRODUCTO:
+   "¿Qué producto o servicio vas a promover y qué transformación principal consigue la persona que lo compra?"
+3) NOMBRE:
+   "¿Con qué nombre quieres firmar el correo?"
+4) CTA:
+   "¿Qué acción concreta quieres que la audiencia realice al final del email? (responder, agendar llamada, comprar, visitar enlace, etc.)"
+5) ÁNGULO (OBLIGATORIO):
+   "¿Qué ángulo, anécdota o situación específica quieres usar en este correo? (Puedes apoyarte en referencias como Disney/anime si encaja)."
+
+### [RAZONAMIENTO PASO A PASO]
+1) Descubrimiento guiado (5 preguntas, una por vez; ángulo obligatorio).
+2) Identificación de dolor/deseo central y transformación del producto.
+3) Construir puente narrativo a partir del ángulo dado y redactar con enfoque conversacional.
+4) Usar AIDA, PASA o PASTOR internamente para ordenar el mensaje cuando haga falta.
+5) Adaptar lenguaje al nivel de conciencia de la audiencia y cerrar con CTA explícito.
+6) Usar el nombre de firma proporcionado en el cierre final del email.
 
-    responses = []
+### [RESTRICCIONES]
+- No uses clichés de marketing.
+- No fuerces la conexión historia-producto; pide más contexto si hace falta.
+- No te enfoques en características, precios o descuentos.
+- Nunca menciones al usuario qué fórmula interna usaste (AIDA, PASA o PASTOR).
 
-    for question in questions:
-        response = input(question + " ")
-        responses.append(response)
+### [FORMATO DE SALIDA FINAL - EXACTO]
+**Asunto:** [Texto del Asunto en negrita]
 
-    print("Thank you for your responses! Here is a draft of your email:")
-    draft_email(responses)
+---
 
+**Cuerpo del Email:**
 
-def draft_email(responses):
-    purpose, recipient, info, tone, attachments = responses
-    draft = f"Dear {recipient},\n\n"
+[Párrafo 1: La anécdota]
 
-    if tone == "formal":
-        draft += f"I am writing to you regarding {purpose}.\n"
-    elif tone == "casual":
-        draft += f"Hey {recipient}, just wanted to talk about {purpose}.\n"
-    else:
-        draft += f"Hello {recipient}, I hope this message finds you well. I wanted to discuss {purpose}.\n"
+[Párrafo 2: La transición hacia la lección]
 
-    draft += f"Here is the information you requested: {info}.\n"
+[Párrafo 3: La lección clave y cómo se conecta con un problema general]
+
+[Párrafo 4: Presentación del producto como la herramienta para aplicar la lección]
+
+[Párrafo 5: Llamada a la acción clara y directa]
+
+[Cierre personal]
+"""
+
+
+def is_greeting(text: str, is_first_user_message: bool) -> bool:
+    normalized = (text or "").lower().strip()
+    greetings = [
+        "hola",
+        "hey",
+        "saludos",
+        "buenos días",
+        "buenas tardes",
+        "buenas noches",
+        "hi",
+        "hello",
+    ]
+    is_simple = any(greeting in normalized for greeting in greetings) and len(normalized.split()) < 4
+    return is_simple and is_first_user_message
 
-    if attachments.lower() == "yes":
-        draft += "Please find the attachments included.\n"
-    else:
-        draft += "If you need any additional information, feel free to reach out.\n"
 
-    draft += "\nBest regards,\nYour Name"
+def get_enhanced_prompt(prompt: str, *, is_example: bool, is_first_user_message: bool) -> str:
+    if is_greeting(prompt, is_first_user_message):
+        return (
+            "Responde ÚNICAMENTE con esta frase, sin agregar nada más: "
+            "\"¡Perfecto! Empecemos por la primera: "
+            "¿Quién es tu audiencia ideal para este correo? "
+            "Descríbela con detalle (contexto, problema principal, deseo y nivel de conciencia).\""
+        )
 
-    print(draft)
+    if is_example:
+        return (
+            f"El usuario seleccionó esta pregunta del menú: '{prompt}'. "
+            "Respóndela de forma directa, útil y conversacional, con ejemplos concretos. "
+            "Después de responder, invita al usuario a iniciar el flujo de 5 preguntas "
+            "en este orden: audiencia, producto, nombre, CTA y ángulo."
+        )
 
-# Uncomment to run the email generation prompt
-# email_generation_prompt()
+    return prompt

frontend/package-lock.json

@@ -0,0 +1,1729 @@
+{
+  "name": "chatbot-email-app",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "chatbot-email-app",
+      "version": "1.0.0",
+      "dependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
+      },
+      "devDependencies": {
+        "@types/react": "^18.2.0",
+        "@types/react-dom": "^18.2.0",
+        "@vitejs/plugin-react": "^4.2.0",
+        "typescript": "^5.3.0",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "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/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@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/@rolldown/pluginutils": {
+      "version": "1.0.0-beta.27",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
+      "integrity": "sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz",
+      "integrity": "sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz",
+      "integrity": "sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz",
+      "integrity": "sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz",
+      "integrity": "sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz",
+      "integrity": "sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz",
+      "integrity": "sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz",
+      "integrity": "sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz",
+      "integrity": "sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz",
+      "integrity": "sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz",
+      "integrity": "sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz",
+      "integrity": "sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz",
+      "integrity": "sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz",
+      "integrity": "sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz",
+      "integrity": "sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz",
+      "integrity": "sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz",
+      "integrity": "sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz",
+      "integrity": "sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz",
+      "integrity": "sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz",
+      "integrity": "sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz",
+      "integrity": "sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz",
+      "integrity": "sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz",
+      "integrity": "sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz",
+      "integrity": "sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz",
+      "integrity": "sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
+      "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.19",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
+      "integrity": "sha512-qCkNLi2sfBOn8XhZQ0FXsT1Ki/Yo5P90hrkRamVFRS7/KV9hpfA4HkoWNU152+8w0zPjnxo5psx5NL3PSGgv5g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "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/caniuse-lite": {
+      "version": "1.0.30001788",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001788.tgz",
+      "integrity": "sha512-6q8HFp+lOQtcf7wBK+uEenxymVWkGKkjFpCvw5W25cmMwEDU45p1xQFBQv8JDlMMry7eNxyBaR+qxgmTUZkIRQ==",
+      "dev": true,
+      "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/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.340",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.340.tgz",
+      "integrity": "sha512-908qahOGocRMinT2nM3ajCEM99H4iPdv84eagPP3FfZy/1ZGeOy2CZYzjhms81ckOPCXPlW7LkY4XpxD8r1DrA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "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/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/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "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/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "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/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "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/node-releases": {
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+      "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==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
+      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "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.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "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/react-refresh": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
+      "integrity": "sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.60.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.1.tgz",
+      "integrity": "sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.60.1",
+        "@rollup/rollup-android-arm64": "4.60.1",
+        "@rollup/rollup-darwin-arm64": "4.60.1",
+        "@rollup/rollup-darwin-x64": "4.60.1",
+        "@rollup/rollup-freebsd-arm64": "4.60.1",
+        "@rollup/rollup-freebsd-x64": "4.60.1",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.1",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.1",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.1",
+        "@rollup/rollup-linux-arm64-musl": "4.60.1",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.1",
+        "@rollup/rollup-linux-loong64-musl": "4.60.1",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.1",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.1",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.1",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.1",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-gnu": "4.60.1",
+        "@rollup/rollup-linux-x64-musl": "4.60.1",
+        "@rollup/rollup-openbsd-x64": "4.60.1",
+        "@rollup/rollup-openharmony-arm64": "4.60.1",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.1",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.1",
+        "@rollup/rollup-win32-x64-gnu": "4.60.1",
+        "@rollup/rollup-win32-x64-msvc": "4.60.1",
+        "fsevents": "~2.3.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/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "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/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    }
+  }
+}

frontend/src/App.css

@@ -1,91 +1,68 @@
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
+:root {
+  --bg: #121317;
+  --panel: #202739;
+  --panel-2: #1f2636;
+  --panel-3: #242c3f;
+  --line: #343d52;
+  --text: #ffffff;
+  --muted: #98a0b3;
+  --brand: #35cfd2;
+  --brand-soft: rgba(53, 207, 210, 0.18);
 }
 
+* { margin: 0; padding: 0; box-sizing: border-box; }
+
 body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  background: #1a1a2e;
+  font-family: 'Segoe UI', 'Inter', sans-serif;
+  background: var(--bg);
+  color: var(--text);
   min-height: 100vh;
 }
 
-.app-container {
-  display: flex;
-  height: 100vh;
-  background: #1a1a2e;
-}
+.app-container { display: flex; height: 100vh; background: var(--bg); }
 
 .sidebar {
-  width: 300px;
-  background: #16213e;
-  border-right: 1px solid #0f3460;
+  width: 290px;
+  background: linear-gradient(180deg, #242b3d 0%, #20283a 100%);
+  border-right: 1px solid var(--line);
   overflow-y: auto;
-  padding: 16px;
+  padding: 26px 12px;
 }
 
-.main-content {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
+.main-content { flex: 1; display: flex; flex-direction: column; }
+.chat-history { height: 100%; }
 
-.chat-history {
-  height: 100%;
-}
+.sidebar-title { color: var(--text); font-size: 36px; margin: 46px 0 28px; }
+.sidebar-subtitle { color: var(--muted); margin-bottom: 10px; font-size: 18px; }
 
 .new-chat-btn {
   width: 100%;
   padding: 12px;
-  background: #0f3460;
-  color: white;
-  border: none;
-  border-radius: 8px;
+  background: transparent;
+  color: var(--text);
+  border: 1px solid var(--line);
+  border-radius: 10px;
   cursor: pointer;
-  font-size: 14px;
-  margin-bottom: 16px;
-  transition: background 0.3s;
-}
-
-.new-chat-btn:hover {
-  background: #1a5f7a;
+  font-size: 22px;
+  margin-bottom: 20px;
 }
 
-.chat-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
+.chat-list { display: flex; flex-direction: column; gap: 8px; }
 
 .chat-item {
-  padding: 12px;
-  background: #0f3460;
-  color: white;
-  border: none;
-  border-radius: 6px;
+  padding: 11px 12px;
+  background: transparent;
+  color: var(--text);
+  border: 1px solid transparent;
+  border-radius: 8px;
   cursor: pointer;
-  font-size: 13px;
-  text-align: left;
-  transition: background 0.2s;
+  font-size: 16px;
 }
 
-.chat-item:hover {
-  background: #1a5f7a;
-}
+.chat-item:hover,
+.chat-item.active { border-color: var(--line); background: rgba(255, 255, 255, 0.03); }
 
-.chat-item.active {
-  background: #e94560;
-}
-
-.chat-window {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
+.chat-window { display: flex; flex-direction: column; height: 100%; }
 
 .messages {
   flex: 1;
@@ -93,7 +70,7 @@ body {
   padding: 24px;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+  gap: 20px;
 }
 
 .initial-menu {
@@ -103,153 +80,120 @@ body {
   justify-content: center;
   margin: auto;
   text-align: center;
+  gap: 8px;
 }
 
-.initial-menu h1 {
-  color: white;
-  font-size: 2.5em;
-  margin-bottom: 12px;
-}
-
-.initial-menu p {
-  color: #a0a0a0;
-  font-size: 16px;
-  margin-bottom: 32px;
+.brand-logo-text {
+  font-size: 34px;
+  font-weight: 800;
+  letter-spacing: 0.5px;
+  color: #6ed6ff;
+  text-shadow: 0 0 14px rgba(53, 207, 210, 0.3);
 }
+.initial-menu h1 { color: var(--brand); font-size: 44px; font-weight: 700; }
+.brand-author { font-size: 30px; margin-bottom: 10px; }
+.initial-menu p { color: var(--text); font-size: 16px; margin-bottom: 24px; }
 
 .example-buttons {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  grid-template-columns: repeat(4, minmax(150px, 1fr));
   gap: 12px;
-  max-width: 600px;
+  max-width: 850px;
 }
 
 .example-btn {
   padding: 12px 16px;
-  background: #0f3460;
-  color: white;
-  border: 1px solid #e94560;
-  border-radius: 6px;
+  background: transparent;
+  color: var(--text);
+  border: 1px solid var(--line);
+  border-radius: 10px;
   cursor: pointer;
-  font-size: 13px;
-  transition: all 0.3s;
-}
-
-.example-btn:hover {
-  background: #e94560;
-  transform: translateY(-2px);
-}
-
-.message {
-  display: flex;
-  gap: 12px;
-  align-items: flex-start;
+  font-size: 18px;
 }
 
-.message.user {
-  justify-content: flex-end;
-}
+.example-btn:hover { border-color: var(--brand); background: var(--brand-soft); }
 
-.message.assistant {
-  justify-content: flex-start;
-}
+.message { display: flex; gap: 10px; align-items: flex-start; }
 
 .avatar {
-  font-size: 20px;
+  width: 30px;
+  height: 30px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #0f1727;
+  border: 1px solid #2d3a53;
+  border-radius: 8px;
   flex-shrink: 0;
 }
 
 .message .content {
-  max-width: 600px;
-  padding: 12px 16px;
-  border-radius: 8px;
-  line-height: 1.5;
-}
-
-.message.user .content {
-  background: #0f3460;
-  color: white;
+  width: 100%;
+  max-width: 900px;
+  padding: 14px 18px;
+  border-radius: 10px;
+  line-height: 1.6;
+  font-size: 18px;
 }
 
-.message.assistant .content {
-  background: #e94560;
-  color: white;
-}
+.message.user .content { background: var(--panel-2); color: var(--text); }
+.message.assistant .content { background: transparent; color: var(--text); padding-left: 0; }
 
 .message.error .content {
-  background: #ff6b6b;
-  color: white;
+  background: rgba(255, 82, 82, 0.15);
+  border: 1px solid rgba(255, 82, 82, 0.35);
 }
 
-.message.loading {
-  color: #a0a0a0;
-  font-style: italic;
-}
+.message.loading { color: var(--muted); font-style: italic; margin-left: 40px; }
 
-.input-area {
-  display: flex;
-  gap: 12px;
-  padding: 16px 24px;
-  border-top: 1px solid #0f3460;
-}
+.input-area { display: flex; gap: 10px; padding: 18px 24px 26px; }
 
 .input-area input {
   flex: 1;
-  padding: 12px 16px;
-  background: #0f3460;
-  color: white;
-  border: 1px solid #1a5f7a;
-  border-radius: 6px;
-  font-size: 14px;
-  transition: border-color 0.2s;
-}
-
-.input-area input:focus {
-  outline: none;
-  border-color: #e94560;
+  padding: 15px 18px;
+  background: var(--panel-3);
+  color: var(--text);
+  border: 1px solid transparent;
+  border-radius: 10px;
+  font-size: 30px;
 }
 
-.input-area input::placeholder {
-  color: #666;
-}
+.input-area input:focus { outline: none; border-color: var(--brand); }
+.input-area input::placeholder { color: #9aa3b8; }
 
 .input-area button {
-  padding: 12px 24px;
-  background: #e94560;
-  color: white;
+  width: 46px;
+  border-radius: 10px;
+  background: #414b60;
+  color: #bfc6d6;
   border: none;
-  border-radius: 6px;
   cursor: pointer;
-  font-weight: 600;
-  transition: background 0.2s;
+  font-size: 24px;
 }
 
-.input-area button:hover {
-  background: #d63550;
-}
-
-.input-area button:disabled {
-  background: #666;
-  cursor: not-allowed;
-}
+.input-area button:hover { background: #4e5a73; }
+.input-area button:disabled { opacity: 0.6; cursor: not-allowed; }
 
 @media (max-width: 768px) {
-  .app-container {
-    flex-direction: column;
-  }
+  .app-container { flex-direction: column; }
 
   .sidebar {
     width: 100%;
-    max-height: 200px;
+    max-height: 210px;
     border-right: none;
-    border-bottom: 1px solid #0f3460;
+    border-bottom: 1px solid var(--line);
   }
 
-  .example-buttons {
-    grid-template-columns: 1fr;
-  }
+  .sidebar-title { margin-top: 0; font-size: 22px; }
 
-  .message .content {
-    max-width: 100%;
-  }
+  .new-chat-btn,
+  .chat-item,
+  .example-btn,
+  .message .content,
+  .input-area input,
+  .initial-menu h1,
+  .initial-menu p,
+  .brand-author { font-size: 16px; }
+
+  .example-buttons { grid-template-columns: 1fr; }
 }

frontend/src/App.tsx

@@ -1,31 +1,87 @@
-import React, { useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import './App.css';
 import ChatWindow from './components/ChatWindow';
 import ChatHistory from './components/ChatHistory';
 
+export interface ChatSummary {
+  chat_id: string;
+  title: string;
+  updated_at: number;
+}
+
+const USER_STORAGE_KEY = 'chatbot_uid';
+
+function getOrCreateUid() {
+  const existing = localStorage.getItem(USER_STORAGE_KEY);
+  if (existing) return existing;
+  const generated = crypto.randomUUID();
+  localStorage.setItem(USER_STORAGE_KEY, generated);
+  return generated;
+}
+
 function App() {
-  const [currentChatId, setCurrentChatId] = useState(Date.now().toString());
-  const [chats, setChats] = useState<Record<string, any[]>>({});
+  const uid = useMemo(() => getOrCreateUid(), []);
+  const [currentChatId, setCurrentChatId] = useState<string | null>(null);
+  const [chats, setChats] = useState<ChatSummary[]>([]);
+
+  const fetchWithUid = (path: string, init?: RequestInit) => {
+    const separator = path.includes('?') ? '&' : '?';
+    return fetch(`${path}${separator}uid=${encodeURIComponent(uid)}`, init);
+  };
+
+  const fetchChats = async () => {
+    const response = await fetchWithUid('/api/chats');
+    if (!response.ok) {
+      throw new Error('No se pudieron cargar los chats');
+    }
+    const data: ChatSummary[] = await response.json();
+    setChats(data);
+    if (!currentChatId && data.length > 0) {
+      setCurrentChatId(data[0].chat_id);
+    }
+  };
+
+  useEffect(() => {
+    fetchChats().catch(console.error);
+  }, []);
+
+  const createChat = async () => {
+    const response = await fetchWithUid('/api/chats', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({}),
+    });
+    if (!response.ok) {
+      throw new Error('No se pudo crear el chat');
+    }
+
+    const created: ChatSummary = await response.json();
+    await fetchChats();
+    setCurrentChatId(created.chat_id);
+    return created.chat_id;
+  };
+
+  const ensureChat = async () => {
+    if (currentChatId) return currentChatId;
+    return createChat();
+  };
 
   return (
     <div className="app-container">
       <div className="sidebar">
-        <ChatHistory 
+        <ChatHistory
           chats={chats}
           currentChatId={currentChatId}
           onSelectChat={setCurrentChatId}
-          onNewChat={() => setCurrentChatId(Date.now().toString())}
+          onNewChat={createChat}
         />
       </div>
       <div className="main-content">
-        <ChatWindow 
+        <ChatWindow
           chatId={currentChatId}
-          onUpdateChat={(messages: any[]) => {
-            setChats(prev => ({
-              ...prev,
-              [currentChatId]: messages
-            }));
-          }}
+          uid={uid}
+          onRefreshChats={fetchChats}
+          onEnsureChat={ensureChat}
         />
       </div>
     </div>

frontend/src/components/ChatHistory.tsx

@@ -1,23 +1,30 @@
 import React from 'react';
+import type { ChatSummary } from '../App';
 
-function ChatHistory({ chats, currentChatId, onSelectChat, onNewChat }: any) {
+interface Props {
+  chats: ChatSummary[];
+  currentChatId: string | null;
+  onSelectChat: (chatId: string) => void;
+  onNewChat: () => void;
+}
+
+function ChatHistory({ chats, currentChatId, onSelectChat, onNewChat }: Props) {
   return (
     <div className="chat-history">
+      <h2 className="sidebar-title">Chats Anteriores</h2>
       <button className="new-chat-btn" onClick={onNewChat}>
         ＋ Nuevo chat
       </button>
+      <p className="sidebar-subtitle">Sesiones</p>
       <div className="chat-list">
-        {Object.entries(chats).map(([chatId, messages]: any) => (
+        {chats.map((chat) => (
           <div
-            key={chatId}
-            className={`chat-item ${chatId === currentChatId ? 'active' : ''}`}
-            onClick={() => onSelectChat(chatId)}
+            key={chat.chat_id}
+            className={`chat-item ${chat.chat_id === currentChatId ? 'active' : ''}`}
+            onClick={() => onSelectChat(chat.chat_id)}
           >
-            {chatId === currentChatId ? '● ' : ''}
-            {messages && messages.length > 0 
-              ? messages[0].content.substring(0, 30) + '...'
-              : `Chat ${chatId}`
-            }
+            {chat.chat_id === currentChatId ? '● ' : ''}
+            {chat.title}
           </div>
         ))}
       </div>

frontend/src/components/ChatWindow.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 
 interface Message {
   id: string;
@@ -7,80 +7,169 @@ interface Message {
   avatar: string;
 }
 
-function ChatWindow({ chatId, onUpdateChat }: any) {
+interface ApiMessage {
+  role: 'user' | 'assistant';
+  content: string;
+}
+
+interface Props {
+  chatId: string | null;
+  uid: string;
+  onRefreshChats: () => Promise<void>;
+  onEnsureChat: () => Promise<string>;
+}
+
+const EXAMPLE_PROMPTS = [
+  'Ayúdame a definir una audiencia concreta para este correo: dolor principal, deseo y nivel de conciencia.',
+  'Convierte mi producto en una promesa clara de transformación sin listar características aburridas.',
+  'Dame 3 opciones de CTA claras para este email, con baja fricción y orientadas a una sola acción.',
+  'Propón 5 asuntos y 3 ganchos de apertura para aumentar aperturas y clics de este correo.',
+];
+
+const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+
+function toUiMessage(msg: ApiMessage, idx: number): Message {
+  return {
+    id: `${msg.role}-${idx}-${Date.now()}`,
+    role: msg.role,
+    content: msg.content,
+    avatar: msg.role === 'user' ? '👤' : '🤖',
+  };
+}
+
+function ChatWindow({ chatId, uid, onRefreshChats, onEnsureChat }: Props) {
   const [messages, setMessages] = useState<Message[]>([]);
   const [input, setInput] = useState('');
   const [loading, setLoading] = useState(false);
 
+  const withUid = (path: string) => `${path}${path.includes('?') ? '&' : '?'}uid=${encodeURIComponent(uid)}`;
+
+  const loadMessages = async (targetChatId: string) => {
+    const response = await fetch(withUid(`/api/chats/${targetChatId}/messages`));
+    if (!response.ok) {
+      throw new Error('No se pudo cargar el historial');
+    }
+
+    const data: ApiMessage[] = await response.json();
+    setMessages(data.map((msg, idx) => toUiMessage(msg, idx)));
+  };
+
   useEffect(() => {
-    setMessages([]);
+    if (!chatId) {
+      setMessages([]);
+      return;
+    }
+
+    loadMessages(chatId).catch((error) => {
+      console.error(error);
+      setMessages([]);
+    });
   }, [chatId]);
 
-  const handleSendMessage = async () => {
-    if (!input.trim()) return;
+  const animateAssistantText = async (messageId: string, fullText: string) => {
+    let partial = '';
+    for (const char of fullText) {
+      partial += char;
+      setMessages((prev) =>
+        prev.map((msg) =>
+          msg.id === messageId
+            ? {
+                ...msg,
+                content: partial,
+              }
+            : msg,
+        ),
+      );
+      await sleep(8);
+    }
+  };
+
+  const sendToCurrentChat = async (content: string, isExample = false) => {
+    const activeChatId = await onEnsureChat();
 
     const userMessage: Message = {
-      id: Date.now().toString(),
+      id: `${Date.now()}-user`,
       role: 'user',
-      content: input,
+      content,
       avatar: '👤',
     };
 
-    setMessages(prev => [...prev, userMessage]);
-    setInput('');
+    setMessages((prev) => [...prev, userMessage]);
     setLoading(true);
 
     try {
-      const response = await fetch('/api/chat/send', {
+      const response = await fetch(withUid(`/api/chats/${activeChatId}/messages`), {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({
-          chat_id: chatId,
-          content: input,
-        }),
+        body: JSON.stringify({ content, is_example: isExample }),
       });
 
-      if (!response.ok) throw new Error('Error sending message');
+      if (!response.ok) {
+        const payload = await response.json().catch(() => ({}));
+        throw new Error(payload.detail || 'Error enviando mensaje');
+      }
 
       const data = await response.json();
+      const assistantId = `${Date.now()}-assistant`;
       const assistantMessage: Message = {
-        id: (Date.now() + 1).toString(),
+        id: assistantId,
         role: 'assistant',
-        content: data.response,
-        avatar: '🤖',
+        content: '',
+        avatar: '😀',
       };
 
-      setMessages(prev => [...prev, assistantMessage]);
-      onUpdateChat([...messages, userMessage, assistantMessage]);
+      setMessages((prev) => [...prev, assistantMessage]);
+      await animateAssistantText(assistantId, data.response ?? '');
+      await onRefreshChats();
     } catch (error) {
-      console.error('Error:', error);
-      setMessages(prev => [...prev, {
-        id: Date.now().toString(),
-        role: 'error',
-        content: 'Error sending message',
-        avatar: '⚠️',
-      }]);
+      const msg = error instanceof Error ? error.message : 'Error enviando mensaje';
+      setMessages((prev) => [
+        ...prev,
+        {
+          id: `${Date.now()}-error`,
+          role: 'error',
+          content: msg,
+          avatar: '⚠️',
+        },
+      ]);
     } finally {
       setLoading(false);
     }
   };
 
+  const handleSendMessage = async () => {
+    if (!input.trim()) return;
+    const content = input;
+    setInput('');
+    await sendToCurrentChat(content, false);
+  };
+
   return (
     <div className="chat-window">
       <div className="messages">
         {messages.length === 0 && (
           <div className="initial-menu">
+            <div className="brand-logo-text">RoboCopy</div>
             <h1>Email Story Creator</h1>
-            <p>✉️ Experto en emails narrativos que conectan historias con ventas</p>
+            <span className="brand-author">By Jesús Cabrera</span>
+            <p>✉️ Experto en emails narrativos que conectan historias con ventas de forma natural</p>
             <div className="example-buttons">
-              <button className="example-btn">Definir audiencia 🎯</button>
-              <button className="example-btn">Propuesta de valor 💎</button>
-              <button className="example-btn">CTA que convierte 🚀</button>
-              <button className="example-btn">Asunto + gancho ✉️</button>
+              <button className="example-btn" onClick={() => sendToCurrentChat(EXAMPLE_PROMPTS[0], true)}>
+                Definir audiencia 🎯
+              </button>
+              <button className="example-btn" onClick={() => sendToCurrentChat(EXAMPLE_PROMPTS[1], true)}>
+                Propuesta de valor 💎
+              </button>
+              <button className="example-btn" onClick={() => sendToCurrentChat(EXAMPLE_PROMPTS[2], true)}>
+                CTA que convierte 🚀
+              </button>
+              <button className="example-btn" onClick={() => sendToCurrentChat(EXAMPLE_PROMPTS[3], true)}>
+                Asunto + gancho ✉️
+              </button>
             </div>
           </div>
         )}
-        {messages.map(msg => (
+        {messages.map((msg) => (
           <div key={msg.id} className={`message ${msg.role}`}>
             <span className="avatar">{msg.avatar}</span>
             <div className="content">{msg.content}</div>
@@ -94,12 +183,12 @@ function ChatWindow({ chatId, onUpdateChat }: any) {
           type="text"
           value={input}
           onChange={(e) => setInput(e.target.value)}
-          onKeyPress={(e) => e.key === 'Enter' && handleSendMessage()}
+          onKeyDown={(e) => e.key === 'Enter' && handleSendMessage()}
           placeholder="Escribe aquí tus instrucciones"
           disabled={loading}
         />
-        <button onClick={handleSendMessage} disabled={loading}>
-          Enviar
+        <button onClick={handleSendMessage} disabled={loading} aria-label="Enviar mensaje">
+          ↑
         </button>
       </div>
     </div>

frontend/tsconfig.json

@@ -1 +1,18 @@
-{\n  "compilerOptions": {\n    "target": "es5",\n    "module": "commonjs",\n    "strict": true,\n    "jsx": "react",\n    "moduleResolution": "node",\n    "esModuleInterop": true,\n    "skipLibCheck": true,\n    "forceConsistentCasingInFileNames": true\n  },\n  "include": [\n    "src/**/*"\n  ]\n}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

frontend/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["vite.config.ts"]
+}