Spaces:

Moge-Row
/

Row-proxy

Paused

App Files Files Community

Moge-Row commited on Apr 21

Commit

6c006aa

1 Parent(s): 8b1550f

add models handler

Browse files

Files changed (1) hide show

static/index.html +86 -71

static/index.html CHANGED Viewed

@@ -1,77 +1,92 @@
 <!DOCTYPE html>
-<html lang='es'>
 <head>
-    <meta charset='UTF-8'>
-    <title>ROW-PROXY // FRENTE ORIENTAL</title>
-    <style>
-        body { background: #0d0d0c; color: #d4d4d4; font-family: 'Courier New', monospace; padding: 20px; line-height: 1.2; }
-        .monitor { max-width: 1000px; margin: auto; }
-        .section-header { color: #7a6228; font-size: 12px; letter-spacing: 4px; margin: 20px 0 10px 0; border-bottom: 1px solid #2a2a1f; padding-bottom: 5px; }
-        .box { background: rgba(26, 18, 0, 0.4); border: 1px solid #3a2a00; padding: 25px; margin-bottom: 20px; position: relative; }
-        h2 { color: #ff3333; font-size: 14px; letter-spacing: 2px; margin-bottom: 20px; font-weight: bold; }
-        h2::before { content: '★ '; }
-        /* Estilo HOI4 Rankings */
-        .ranking-row { display: flex; align-items: center; gap: 15px; margin-bottom: 12px; }
-        .name { color: #daa520; width: 140px; font-size: 13px; font-weight: bold; flex-shrink: 0; text-transform: uppercase; }
-        .bar-container { flex-grow: 1; background: #080808; height: 16px; border: 1px solid #222; }
-        .bar { background: #cc0000; height: 100%; transition: width 0.8s ease-out; box-shadow: 0 0 10px rgba(204, 0, 0, 0.2); }
-        .tokens { color: #7a6228; width: 110px; text-align: right; font-size: 11px; font-weight: bold; }
-        .quote { border-left: 3px solid #ff3333; background: rgba(255, 0, 0, 0.03); padding: 15px; margin-top: 25px; font-style: italic; color: #888; font-size: 13px; }
-        .url-display { color: #e8c86b; font-size: 14px; border-left: 3px solid #cc0000; padding-left: 15px; margin-top: 10px; }
-    </style>
 </head>
 <body>
-    <div class='monitor'>
-        <div class='section-header'>// HOI4 - NO STEP BACK - MONITOREO DE COMANDANTES</div>
-        <div class='box'>
-            <h2>ESTADO DEL FRENTE ORIENTAL (USO DE TOKENS)</h2>
-            <div id='ranking-frente'>
-                <div style='color:#7a6228; text-align:center; padding:10px;'>ESTABLECIENDO CONEXIÓN CON EL SERVIDOR CENTRAL...</div>
-            </div>
-        </div>
-        <div class='quote'>
-            "La victoria es para aquellos que no retroceden. Ni un paso atras."<br>
-            — Orden No. 227, Stalin — 1942 — NO STEP BACK
-        </div>
-        <div class='section-header'>// PUNTO DE ACCESO</div>
-        <div class='url-display'>
-            BASE URL: https://moge-row-row-proxy.hf.space/v1
-        </div>
-    </div>
-    <script>
-        async function updateStats() {
-            try {
-                const r = await fetch(window.location.origin + '/stats');
-                const data = await r.json();
-                const container = document.getElementById('ranking-frente');
-                const entries = Object.entries(data.keys || {}).map(([name, info]) => ({
-                    name: name,
-                    tokens: info.tokens || 0
-                })).sort((a, b) => b.tokens - a.tokens);
-                if (entries.length === 0) {
-                    container.innerHTML = '<div style="color:#7a6228; text-align:center;">ESPERANDO REPORTE DE INTELIGENCIA...</div>';
-                    return;
-                }
-                const maxTokens = Math.max(...entries.map(e => e.tokens), 5000);
-                container.innerHTML = entries.map(u => `
-                    <div class='ranking-row'>
-                        <div class='name'>${u.name}</div>
-                        <div class='bar-container'><div class='bar' style='width:${Math.min((u.tokens/maxTokens)*100, 100)}%'></div></div>
-                        <div class='tokens'>${u.tokens.toLocaleString()} TKNS</div>
-                    </div>
-                `).join('');
-            } catch(e) { console.error('Error de enlace:', e); }
-        }
-        setInterval(updateStats, 5000);
-        updateStats();
-    </script>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="es">
 <head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>ROW-PROXY // CCCP</title>
+<style>
+*{box-sizing:border-box;margin:0;padding:0}
+body{background:#0d0d0d;font-family:"Courier New",monospace;color:#c8a84b}
+.header{background:#1a1200;border-bottom:2px solid #c8a84b;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem}
+.star{color:#cc0000;font-size:28px}
+.header-title{font-size:22px;font-weight:bold;letter-spacing:4px;color:#c8a84b}
+.header-sub{font-size:11px;letter-spacing:3px;color:#7a6228;margin-top:2px}
+.red-bar{height:4px;background:#cc0000}
+.content{padding:2rem}
+.section-label{font-size:10px;letter-spacing:4px;color:#7a6228;border-bottom:1px solid #3a2a00;padding-bottom:6px;margin-bottom:1rem}
+.status-row{display:flex;gap:1rem;margin-bottom:2rem}
+.status-card{flex:1;background:#1a1200;border:1px solid #3a2a00;border-left:3px solid #c8a84b;padding:1rem}
+.status-card .val{font-size:18px;color:#c8a84b;font-weight:bold;margin-bottom:2px}
+.status-card .lbl{font-size:10px;color:#7a6228;letter-spacing:2px}
+.online{color:#44aa99}
+.url-box{background:#111;border:1px solid #3a2a00;border-left:3px solid #cc0000;padding:1rem 1.25rem;margin-bottom:2rem}
+.url-label{font-size:10px;color:#7a6228;letter-spacing:3px;margin-bottom:6px}
+.url-val{font-size:13px;color:#e8c86b;word-break:break-all}
+.key-val{font-size:12px;color:#c8a84b;margin-top:4px}
+.models-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2rem}
+.model-item{background:#1a1200;border:1px solid #2a1e00;padding:8px 12px;display:flex;align-items:center;gap:8px}
+.model-dot{width:6px;height:6px;background:#44aa99;border-radius:50%;flex-shrink:0}
+.model-dot.glm{background:#c8a84b}
+.model-name{font-size:11px;color:#c8a84b}
+.tank-section{background:#1a1200;border:1px solid #3a2a00;padding:1.5rem;margin-bottom:2rem}
+.tank-title{font-size:14px;color:#cc0000;letter-spacing:3px;margin-bottom:1rem;font-weight:bold}
+.tank-row{display:flex;gap:1rem;margin-bottom:8px;align-items:center}
+.tank-name{font-size:12px;color:#e8c86b;width:80px;flex-shrink:0}
+.tank-bar-wrap{flex:1;background:#0d0d0d;height:16px}
+.tank-bar{height:100%;background:#cc0000}
+.tank-era{font-size:10px;color:#7a6228;width:80px;text-align:right}
+.footer{border-top:1px solid #3a2a00;padding:1rem 2rem;text-align:center;font-size:10px;color:#4a3a10;letter-spacing:3px}
+.classified{color:#cc0000}
+</style>
 </head>
 <body>
+<div class="header">
+  <div class="star">&#9733;</div>
+  <div>
+    <div class="header-title">ROW-PROXY // CCCP</div>
+    <div class="header-sub">SOVIET ARMORED DIVISION — AI GATEWAY SYSTEM — 1960-1985</div>
+  </div>
+  <div style="margin-left:auto;text-align:right">
+    <div style="font-size:10px;color:#44aa99;letter-spacing:2px">&#9679; SISTEMA ACTIVO</div>
+    <div style="font-size:10px;color:#7a6228;margin-top:2px">HUGGING FACE DEPLOY</div>
+  </div>
+</div>
+<div class="red-bar"></div>
+<div class="content">
+  <div class="section-label">// ESTADO DEL SISTEMA</div>
+  <div class="status-row">
+    <div class="status-card"><div class="val online">&#9679; ONLINE</div><div class="lbl">PROXY STATUS</div></div>
+    <div class="status-card"><div class="val">24</div><div class="lbl">MODELOS ACTIVOS</div></div>
+    <div class="status-card"><div class="val">FREE</div><div class="lbl">API KEY</div></div>
+  </div>
+  <div class="section-label">// PUNTO DE ACCESO</div>
+  <div class="url-box">
+    <div class="url-label">BASE URL — PRODUCCION</div>
+    <div class="url-val">https://moge-row-row-proxy.hf.space/v1</div>
+    <div class="key-val">API KEY: free</div>
+  </div>
+  <div class="section-label">// MODELOS DISPONIBLES</div>
+  <div class="models-grid">
+    <div class="model-item"><div class="model-dot"></div><div class="model-name">claude-sonnet-4-6</div></div>
+    <div class="model-item"><div class="model-dot"></div><div class="model-name">claude-haiku-4-5</div></div>
+    <div class="model-item"><div class="model-dot"></div><div class="model-name">claude-opus-4-6</div></div>
+    <div class="model-item"><div class="model-dot"></div><div class="model-name">claude-3-5-sonnet</div></div>
+    <div class="model-item"><div class="model-dot glm"></div><div class="model-name">glm-4.7</div></div>
+    <div class="model-item"><div class="model-dot glm"></div><div class="model-name">glm-4.7-thinking</div></div>
+    <div class="model-item"><div class="model-dot glm"></div><div class="model-name">glm-5</div></div>
+    <div class="model-item"><div class="model-dot glm"></div><div class="model-name">glm-5-thinking</div></div>
+  </div>
+  <div class="section-label">// RAMA SOVIETICA — GUERRA FRIA</div>
+  <div class="tank-section">
+    <div class="tank-title">&#9733; BLINDADOS SOVIETICOS 1960-1985</div>
+    <div class="tank-row"><div class="tank-name">T-54/55</div><div class="tank-bar-wrap"><div class="tank-bar" style="width:70%"></div></div><div class="tank-era">1947-1958</div></div>
+    <div class="tank-row"><div class="tank-name">T-62</div><div class="tank-bar-wrap"><div class="tank-bar" style="width:80%"></div></div><div class="tank-era">1961-1975</div></div>
+    <div class="tank-row"><div class="tank-name">T-64A</div><div class="tank-bar-wrap"><div class="tank-bar" style="width:88%"></div></div><div class="tank-era">1967-1980</div></div>
+    <div class="tank-row"><div class="tank-name">T-72</div><div class="tank-bar-wrap"><div class="tank-bar" style="width:95%"></div></div><div class="tank-era">1973-1990</div></div>
+    <div class="tank-row"><div class="tank-name">T-80</div><div class="tank-bar-wrap"><div class="tank-bar" style="width:100%"></div></div><div class="tank-era">1976-1985</div></div>
+    <div style="margin-top:1rem;font-size:10px;color:#7a6228;letter-spacing:1px">&#9888; INFORMACION CLASIFICADA — NIVEL: SECRETO MILITAR</div>
+  </div>
+</div>
+<div class="footer"><span class="classified">&#9733; CLASIFICADO &#9733;</span> &mdash; ROW-PROXY v1.0 &mdash; CCCP AI GATEWAY &mdash; <span class="classified">&#9733; CLASIFICADO &#9733;</span></div>
 </body>
 </html>