MTP_2

Sleeping

App Files Files Community

teszenofficial commited on Dec 31, 2025

Commit

cda7b0a

verified ·

1 Parent(s): 82bb8af

Update app.py

Browse files

Files changed (1) hide show

app.py +141 -116

app.py CHANGED Viewed

@@ -36,12 +36,12 @@ print(f"📦 Descargando modelo desde {MODEL_REPO}...")
 repo_path = snapshot_download(
     repo_id=MODEL_REPO,
     repo_type="model",
-    local_dir="mtptz_repo"
 )
 sys.path.insert(0, repo_path)
-# Importar modelo mejorado compatible
 from model import MTPMiniModel
 from tokenizer import MTPTokenizer
@@ -56,7 +56,7 @@ config = model_data["config"]
 # Detectar si el modelo usa SwiGLU
 use_swiglu = config["model"].get("use_swiglu", False)
-print(f"🧠 Inicializando modelo...")
 print(f"   → Vocabulario: {VOCAB_SIZE}")
 print(f"   → Dimensión: {config['model']['d_model']}")
 print(f"   → Capas: {config['model']['n_layers']}")
@@ -95,9 +95,9 @@ print(f"✅ Modelo cargado: {param_count:,} parámetros ({param_count/1e6:.1f}M)
 # API CONFIG
 # ======================
 app = FastAPI(
-    title="MTP-3.5 API",
-    description="API para modelo de lenguaje MTP-3.5 mejorado con RoPE, RMSNorm y SwiGLU",
-    version="3.5"
 )
 app.add_middleware(
@@ -201,7 +201,7 @@ async def generate(req: PromptRequest):
             "tokens_generated": len(safe_tokens),
             "generation_time": round(generation_time, 2),
             "tokens_per_second": round(tokens_per_second, 1),
-            "model": "MTP-3.5",
             "device": DEVICE
         }
@@ -336,7 +336,7 @@ def health_check():
     return {
         "status": "healthy",
-        "model": "MTP-3.5",
         "device": DEVICE,
         "active_requests": ACTIVE_REQUESTS,
         "max_concurrent_requests": MAX_CONCURRENT_REQUESTS,
@@ -363,8 +363,8 @@ def model_info():
         improvements.append("SwiGLU Activation")
     return {
-        "model_name": "MTP-3.5",
-        "version": "3.5",
         "architecture": {
             "d_model": config["model"]["d_model"],
             "n_layers": config["model"]["n_layers"],
@@ -409,21 +409,21 @@ def chat_ui():
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-<title>MTP 3.5 - Chat Interface</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
 <style>
 :root {
-    --bg-color: #131314;
-    --surface-color: #1E1F20;
-    --accent-color: #4a9eff;
-    --text-primary: #e3e3e3;
-    --text-secondary: #9aa0a6;
-    --user-bubble: #282a2c;
-    --success-color: #34a853;
-    --warning-color: #fbbc04;
-    --error-color: #ea4335;
     --logo-url: url('https://i.postimg.cc/yxS54PF3/IMG-3082.jpg');
 }
 * {
@@ -433,7 +433,7 @@ def chat_ui():
 }
 body {
     margin: 0;
-    background-color: var(--bg-color);
     font-family: 'Inter', sans-serif;
     color: var(--text-primary);
     height: 100dvh;
@@ -442,174 +442,184 @@ body {
     overflow: hidden;
 }
 header {
-    padding: 12px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    background: rgba(19, 19, 20, 0.85);
-    backdrop-filter: blur(12px);
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 50;
-    border-bottom: 1px solid rgba(255,255,255,0.05);
 }
 .brand-wrapper {
     display: flex;
     align-items: center;
-    gap: 12px;
     cursor: pointer;
 }
 .brand-logo {
-    width: 32px;
-    height: 32px;
     border-radius: 50%;
     background-image: var(--logo-url);
     background-size: cover;
     background-position: center;
-    border: 1px solid rgba(255,255,255,0.1);
 }
 .brand-text {
-    font-weight: 500;
-    font-size: 1.05rem;
     display: flex;
     align-items: center;
-    gap: 8px;
 }
 .version-badge {
     font-size: 0.75rem;
-    background: rgba(74, 158, 255, 0.15);
-    color: #8ab4f8;
-    padding: 2px 8px;
-    border-radius: 12px;
-    font-weight: 600;
 }
 .status-indicator {
-    width: 8px;
-    height: 8px;
     border-radius: 50%;
     background: var(--success-color);
     animation: pulse 2s infinite;
 }
 @keyframes pulse {
-    0%, 100% { opacity: 1; }
-    50% { opacity: 0.5; }
 }
 .chat-scroll {
     flex: 1;
     overflow-y: auto;
-    padding: 80px 20px 40px 20px;
     display: flex;
     flex-direction: column;
-    gap: 30px;
-    max-width: 850px;
     margin: 0 auto;
     width: 100%;
     scroll-behavior: smooth;
 }
 .msg-row {
     display: flex;
-    gap: 16px;
     width: 100%;
     opacity: 0;
-    transform: translateY(10px);
-    animation: slideUpFade 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
 }
 .msg-row.user { justify-content: flex-end; }
 .msg-row.bot { justify-content: flex-start; align-items: flex-start; }
 .msg-content {
-    line-height: 1.6;
     font-size: 1rem;
     word-wrap: break-word;
     max-width: 85%;
 }
 .user .msg-content {
-    background-color: var(--user-bubble);
-    padding: 10px 18px;
-    border-radius: 18px;
-    border-top-right-radius: 4px;
     color: #fff;
 }
 .bot .msg-content-wrapper {
     display: flex;
     flex-direction: column;
-    gap: 8px;
     width: 100%;
 }
 .bot .msg-text {
-    padding-top: 6px;
     color: var(--text-primary);
     white-space: pre-wrap;
 }
 .bot-avatar {
-    width: 34px;
-    height: 34px;
-    min-width: 34px;
     border-radius: 50%;
     background-image: var(--logo-url);
     background-size: cover;
-    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
 }
 .bot-actions {
     display: flex;
-    gap: 10px;
     opacity: 0;
     transition: opacity 0.3s;
-    margin-top: 5px;
 }
 .action-btn {
-    background: transparent;
-    border: none;
     color: var(--text-secondary);
     cursor: pointer;
-    padding: 4px;
-    border-radius: 4px;
     display: flex;
     align-items: center;
-    transition: color 0.2s, background 0.2s;
     font-size: 0.85rem;
 }
 .action-btn:hover {
-    color: var(--text-primary);
-    background: rgba(255,255,255,0.08);
 }
 .action-btn svg {
     width: 16px;
     height: 16px;
     fill: currentColor;
-    margin-right: 4px;
 }
 .typing-cursor::after {
     content: '';
     display: inline-block;
-    width: 10px;
-    height: 10px;
     background: var(--accent-color);
-    border-radius: 50%;
-    margin-left: 5px;
     vertical-align: middle;
-    animation: blink 1s infinite;
 }
 .footer-container {
-    padding: 0 20px 20px 20px;
-    background: linear-gradient(to top, var(--bg-color) 85%, transparent);
     position: relative;
     z-index: 60;
 }
 .input-box {
-    max-width: 850px;
     margin: 0 auto;
     background: var(--surface-color);
-    border-radius: 28px;
-    padding: 8px 10px 8px 20px;
     display: flex;
     align-items: center;
-    border: 1px solid rgba(255,255,255,0.1);
-    transition: border-color 0.2s, box-shadow 0.2s;
 }
 .input-box:focus-within {
-    border-color: rgba(74, 158, 255, 0.5);
-    box-shadow: 0 0 0 2px rgba(74, 158, 255, 0.1);
 }
 #userInput {
     flex: 1;
@@ -623,60 +633,74 @@ header {
     max-height: 120px;
 }
 #mainBtn {
-    background: white;
-    color: black;
     border: none;
-    width: 36px;
-    height: 36px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
-    margin-left: 8px;
-    transition: transform 0.2s;
 }
-#mainBtn:hover { transform: scale(1.05); }
 #mainBtn:disabled {
-    opacity: 0.5;
     cursor: not-allowed;
 }
 .disclaimer {
     text-align: center;
     font-size: 0.75rem;
-    color: #666;
-    margin-top: 12px;
 }
 .stats-badge {
     font-size: 0.7rem;
     color: var(--text-secondary);
-    margin-top: 4px;
     font-family: 'Monaco', monospace;
 }
 @keyframes slideUpFade {
-    from { opacity: 0; transform: translateY(15px); }
     to { opacity: 1; transform: translateY(0); }
 }
 @keyframes blink {
     0%, 100% { opacity: 1; }
-    50% { opacity: 0; }
 }
 @keyframes pulseAvatar {
-    0% { box-shadow: 0 0 0 0 rgba(74, 158, 255, 0.4); }
-    70% { box-shadow: 0 0 0 8px rgba(74, 158, 255, 0); }
-    100% { box-shadow: 0 0 0 0 rgba(74, 158, 255, 0); }
 }
 .pulsing { animation: pulseAvatar 1.5s infinite; }
-::-webkit-scrollbar { width: 8px; }
 ::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
 .error-message {
     color: var(--error-color);
-    font-size: 0.85rem;
-    padding: 8px 12px;
-    background: rgba(234, 67, 53, 0.1);
-    border-radius: 8px;
-    margin-top: 8px;
 }
 </style>
 </head>
@@ -685,7 +709,7 @@ header {
     <div class="brand-wrapper" onclick="location.reload()">
         <div class="brand-logo"></div>
         <div class="brand-text">
-            MTP <span class="version-badge">3.5</span>
         </div>
     </div>
     <div class="status-indicator" title="Sistema operativo"></div>
@@ -695,13 +719,14 @@ header {
         <div class="bot-avatar"></div>
         <div class="msg-content-wrapper">
             <div class="msg-text">
-¡Hola! Soy MTP 3.5, un modelo de lenguaje mejorado con arquitectura Transformer avanzada.
-Características:
-• RoPE (Rotary Position Embedding)
-• RMSNorm para estabilidad
-• Control de repetición inteligente
-• Generación coherente y fluida
 ¿En qué puedo ayudarte hoy?
             </div>
@@ -714,7 +739,7 @@ Características:
         <button id="mainBtn" onclick="handleBtnClick()"></button>
     </div>
     <div class="disclaimer">
-        MTP 3.5 puede cometer errores. Considera verificar la información importante.
     </div>
 </div>
 <script>
@@ -726,7 +751,7 @@ let abortController = null;
 let typingTimeout = null;
 let lastUserPrompt = "";
 const ICON_SEND = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg>`;
-const ICON_STOP = `<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="0"><rect x="2" y="2" width="20" height="20" rx="4" ry="4"></rect></svg>`;
 mainBtn.innerHTML = ICON_SEND;
 // Auto-resize textarea
@@ -950,7 +975,7 @@ window.onload = () => {
     fetch('/info')
         .then(r => r.json())
         .then(data => {
-            console.log('Modelo cargado:', data);
         })
         .catch(e => console.error('Error cargando info:', e));
 };
@@ -961,7 +986,7 @@ window.onload = () => {
 if __name__ == "__main__":
     port = int(os.environ.get("PORT", 7860))
-    print(f"\n🚀 Iniciando servidor MTP-3.5...")
     print(f"🌐 Interfaz web: http://0.0.0.0:{port}")
     print(f"📡 API docs: http://0.0.0.0:{port}/docs")
     print(f"📊 Health check: http://0.0.0.0:{port}/health")

 repo_path = snapshot_download(
     repo_id=MODEL_REPO,
     repo_type="model",
+    local_dir="mtp_repo"
 )
 sys.path.insert(0, repo_path)
+# Importar modelo y tokenizer
 from model import MTPMiniModel
 from tokenizer import MTPTokenizer
 # Detectar si el modelo usa SwiGLU
 use_swiglu = config["model"].get("use_swiglu", False)
+print(f"🧠 Inicializando modelo MTP 4...")
 print(f"   → Vocabulario: {VOCAB_SIZE}")
 print(f"   → Dimensión: {config['model']['d_model']}")
 print(f"   → Capas: {config['model']['n_layers']}")
 # API CONFIG
 # ======================
 app = FastAPI(
+    title="MTP 4 API",
+    description="API para modelo de lenguaje MTP 4 con RoPE, RMSNorm y SwiGLU",
+    version="4.0"
 )
 app.add_middleware(
             "tokens_generated": len(safe_tokens),
             "generation_time": round(generation_time, 2),
             "tokens_per_second": round(tokens_per_second, 1),
+            "model": "MTP-4",
             "device": DEVICE
         }
     return {
         "status": "healthy",
+        "model": "MTP-4",
         "device": DEVICE,
         "active_requests": ACTIVE_REQUESTS,
         "max_concurrent_requests": MAX_CONCURRENT_REQUESTS,
         improvements.append("SwiGLU Activation")
     return {
+        "model_name": "MTP-4",
+        "version": "4.0",
         "architecture": {
             "d_model": config["model"]["d_model"],
             "n_layers": config["model"]["n_layers"],
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+<title>MTP 4 - Chat Interface</title>
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
 <style>
 :root {
+    --bg-color: #0a0a0b;
+    --surface-color: #1a1a1c;
+    --accent-color: #6366f1;
+    --text-primary: #e8e8ea;
+    --text-secondary: #9ca3af;
+    --user-bubble: #2d2d30;
+    --success-color: #10b981;
+    --warning-color: #f59e0b;
+    --error-color: #ef4444;
     --logo-url: url('https://i.postimg.cc/yxS54PF3/IMG-3082.jpg');
 }
 * {
 }
 body {
     margin: 0;
+    background: linear-gradient(135deg, #0a0a0b 0%, #1a1a1c 100%);
     font-family: 'Inter', sans-serif;
     color: var(--text-primary);
     height: 100dvh;
     overflow: hidden;
 }
 header {
+    padding: 14px 24px;
     display: flex;
     align-items: center;
     justify-content: space-between;
+    background: rgba(26, 26, 28, 0.9);
+    backdrop-filter: blur(16px);
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 50;
+    border-bottom: 1px solid rgba(99, 102, 241, 0.1);
 }
 .brand-wrapper {
     display: flex;
     align-items: center;
+    gap: 14px;
     cursor: pointer;
 }
 .brand-logo {
+    width: 36px;
+    height: 36px;
     border-radius: 50%;
     background-image: var(--logo-url);
     background-size: cover;
     background-position: center;
+    border: 2px solid rgba(99, 102, 241, 0.3);
+    box-shadow: 0 0 12px rgba(99, 102, 241, 0.2);
 }
 .brand-text {
+    font-weight: 600;
+    font-size: 1.15rem;
     display: flex;
     align-items: center;
+    gap: 10px;
+    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
 }
 .version-badge {
     font-size: 0.75rem;
+    background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(139, 92, 246, 0.2) 100%);
+    color: #a5b4fc;
+    padding: 3px 10px;
+    border-radius: 14px;
+    font-weight: 700;
+    border: 1px solid rgba(99, 102, 241, 0.3);
 }
 .status-indicator {
+    width: 10px;
+    height: 10px;
     border-radius: 50%;
     background: var(--success-color);
     animation: pulse 2s infinite;
+    box-shadow: 0 0 8px var(--success-color);
 }
 @keyframes pulse {
+    0%, 100% { opacity: 1; transform: scale(1); }
+    50% { opacity: 0.7; transform: scale(0.95); }
 }
 .chat-scroll {
     flex: 1;
     overflow-y: auto;
+    padding: 90px 24px 50px 24px;
     display: flex;
     flex-direction: column;
+    gap: 32px;
+    max-width: 900px;
     margin: 0 auto;
     width: 100%;
     scroll-behavior: smooth;
 }
 .msg-row {
     display: flex;
+    gap: 18px;
     width: 100%;
     opacity: 0;
+    transform: translateY(12px);
+    animation: slideUpFade 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
 }
 .msg-row.user { justify-content: flex-end; }
 .msg-row.bot { justify-content: flex-start; align-items: flex-start; }
 .msg-content {
+    line-height: 1.65;
     font-size: 1rem;
     word-wrap: break-word;
     max-width: 85%;
 }
 .user .msg-content {
+    background: linear-gradient(135deg, #2d2d30 0%, #3a3a3d 100%);
+    padding: 12px 20px;
+    border-radius: 20px;
+    border-top-right-radius: 6px;
     color: #fff;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
 }
 .bot .msg-content-wrapper {
     display: flex;
     flex-direction: column;
+    gap: 10px;
     width: 100%;
 }
 .bot .msg-text {
+    padding-top: 8px;
     color: var(--text-primary);
     white-space: pre-wrap;
 }
 .bot-avatar {
+    width: 38px;
+    height: 38px;
+    min-width: 38px;
     border-radius: 50%;
     background-image: var(--logo-url);
     background-size: cover;
+    box-shadow: 0 0 16px rgba(99, 102, 241, 0.4);
+    border: 2px solid rgba(99, 102, 241, 0.3);
 }
 .bot-actions {
     display: flex;
+    gap: 12px;
     opacity: 0;
     transition: opacity 0.3s;
+    margin-top: 6px;
 }
 .action-btn {
+    background: rgba(99, 102, 241, 0.1);
+    border: 1px solid rgba(99, 102, 241, 0.2);
     color: var(--text-secondary);
     cursor: pointer;
+    padding: 6px 12px;
+    border-radius: 8px;
     display: flex;
     align-items: center;
+    transition: all 0.2s;
     font-size: 0.85rem;
 }
 .action-btn:hover {
+    color: var(--accent-color);
+    background: rgba(99, 102, 241, 0.15);
+    border-color: rgba(99, 102, 241, 0.4);
 }
 .action-btn svg {
     width: 16px;
     height: 16px;
     fill: currentColor;
+    margin-right: 5px;
 }
 .typing-cursor::after {
     content: '';
     display: inline-block;
+    width: 3px;
+    height: 18px;
     background: var(--accent-color);
+    margin-left: 3px;
     vertical-align: middle;
+    animation: blink 0.8s infinite;
 }
 .footer-container {
+    padding: 0 24px 24px 24px;
+    background: linear-gradient(to top, rgba(10, 10, 11, 0.95) 85%, transparent);
     position: relative;
     z-index: 60;
 }
 .input-box {
+    max-width: 900px;
     margin: 0 auto;
     background: var(--surface-color);
+    border-radius: 30px;
+    padding: 10px 12px 10px 24px;
     display: flex;
     align-items: center;
+    border: 1px solid rgba(99, 102, 241, 0.2);
+    transition: all 0.3s;
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
 }
 .input-box:focus-within {
+    border-color: rgba(99, 102, 241, 0.6);
+    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15), 0 4px 20px rgba(0, 0, 0, 0.4);
 }
 #userInput {
     flex: 1;
     max-height: 120px;
 }
 #mainBtn {
+    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
+    color: white;
     border: none;
+    width: 40px;
+    height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    margin-left: 10px;
+    transition: all 0.2s;
+    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
+}
+#mainBtn:hover {
+    transform: scale(1.05);
+    box-shadow: 0 6px 16px rgba(99, 102, 241, 0.5);
 }
 #mainBtn:disabled {
+    opacity: 0.6;
     cursor: not-allowed;
+    transform: scale(1);
 }
 .disclaimer {
     text-align: center;
     font-size: 0.75rem;
+    color: #6b7280;
+    margin-top: 14px;
 }
 .stats-badge {
     font-size: 0.7rem;
     color: var(--text-secondary);
+    margin-top: 6px;
     font-family: 'Monaco', monospace;
+    background: rgba(99, 102, 241, 0.05);
+    padding: 4px 8px;
+    border-radius: 6px;
+    display: inline-block;
 }
 @keyframes slideUpFade {
+    from { opacity: 0; transform: translateY(18px); }
     to { opacity: 1; transform: translateY(0); }
 }
 @keyframes blink {
     0%, 100% { opacity: 1; }
+    50% { opacity: 0.3; }
 }
 @keyframes pulseAvatar {
+    0% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.5); }
+    70% { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0); }
+    100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0); }
 }
 .pulsing { animation: pulseAvatar 1.5s infinite; }
+::-webkit-scrollbar { width: 10px; }
 ::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb {
+    background: rgba(99, 102, 241, 0.3);
+    border-radius: 5px;
+}
+::-webkit-scrollbar-thumb:hover { background: rgba(99, 102, 241, 0.5); }
 .error-message {
     color: var(--error-color);
+    font-size: 0.9rem;
+    padding: 10px 14px;
+    background: rgba(239, 68, 68, 0.1);
+    border-radius: 10px;
+    margin-top: 10px;
+    border: 1px solid rgba(239, 68, 68, 0.2);
 }
 </style>
 </head>
     <div class="brand-wrapper" onclick="location.reload()">
         <div class="brand-logo"></div>
         <div class="brand-text">
+            MTP <span class="version-badge">4.0</span>
         </div>
     </div>
     <div class="status-indicator" title="Sistema operativo"></div>
         <div class="bot-avatar"></div>
         <div class="msg-content-wrapper">
             <div class="msg-text">
+¡Hola! Soy MTP 4, un modelo de lenguaje avanzado con arquitectura Transformer optimizada.
+Características principales:
+• RoPE - Rotary Position Embedding para mejor contexto
+• RMSNorm - Normalización estable y eficiente
+• SwiGLU - Función de activación mejorada
+• Control inteligente de repetición y coherencia
+• Generación fluida y natural
 ¿En qué puedo ayudarte hoy?
             </div>
         <button id="mainBtn" onclick="handleBtnClick()"></button>
     </div>
     <div class="disclaimer">
+        MTP 4 puede cometer errores. Considera verificar la información importante.
     </div>
 </div>
 <script>
 let typingTimeout = null;
 let lastUserPrompt = "";
 const ICON_SEND = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"></path></svg>`;
+const ICON_STOP = `<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="0"><rect x="2" y="2" width="20" height="20" rx="4" ry="4"></rect></svg>`;
 mainBtn.innerHTML = ICON_SEND;
 // Auto-resize textarea
     fetch('/info')
         .then(r => r.json())
         .then(data => {
+            console.log('MTP 4 cargado:', data);
         })
         .catch(e => console.error('Error cargando info:', e));
 };
 if __name__ == "__main__":
     port = int(os.environ.get("PORT", 7860))
+    print(f"\n🚀 Iniciando servidor MTP 4...")
     print(f"🌐 Interfaz web: http://0.0.0.0:{port}")
     print(f"📡 API docs: http://0.0.0.0:{port}/docs")
     print(f"📊 Health check: http://0.0.0.0:{port}/health")