Update internal/handler/index.html

internal/handler/index.html

@@ -92,37 +92,31 @@ function loadStats() {
     .then(r => r.json())
     .then(data => {
       var keys = Object.values(data.keys || {});
-      keys.sort(function(a,b){ return b.requests - a.requests; });
-      var grid = document.getElementById('users-grid');
-      if (grid) {
-        if (keys.length === 0) {
-          grid.innerHTML = '<div class="commander-card"><div class="cmd-name">Sin usuarios aun</div><div class="cmd-trait">SE EL PRIMERO EN USAR LA PROXY</div></div>';
-        } else {
-          grid.innerHTML = keys.slice(0,4).map(function(k){
-            return '<div class="commander-card"><div class="cmd-name">' + k.name + '</div><div class="cmd-trait">SOLICITUDES: ' + k.requests + ' // TOKENS: ' + k.tokens + '</div></div>';
-          }).join('');
-        }
-      }
+      keys.sort(function(a,b){ return (b.tokens || 0) - (a.tokens || 0); }); // ordenar por tokens
+
       var freeEl = document.getElementById('free-count');
       if (freeEl) freeEl.textContent = (data.free_reqs || 0) + '/340';
-      // TOP usuarios por tokens en barras
+
       var barsEl = document.getElementById('top-users-bars');
       if (barsEl) {
-        var top = keys.slice(0, 5);
-        var maxTokens = top.length > 0 ? Math.max.apply(null, top.map(function(k){ return k.tokens || 0; })) : 1;
-        if (maxTokens === 0) maxTokens = 1;
-        if (top.length === 0) {
+        if (keys.length === 0) {
           barsEl.innerHTML = '<div style="font-size:11px;color:#7a6228">SIN DATOS AUN</div>';
-        } else {
-          barsEl.innerHTML = top.map(function(k){
-            var pct = Math.round(((k.tokens || 0) / maxTokens) * 100);
-            return '<div class="tank-row">' +
-              '<div class="tank-name">' + k.name + '</div>' +
-              '<div class="tank-bar-wrap"><div class="tank-bar" style="width:' + pct + '%"></div></div>' +
-              '<div class="tank-era">' + (k.tokens || 0) + ' tok</div>' +
-            '</div>';
-          }).join('');
+          return;
         }
+        var maxTokens = Math.max.apply(null, keys.map(function(k){ return k.tokens || 0; }));
+        if (maxTokens === 0) maxTokens = 1;
+
+        barsEl.innerHTML = keys.map(function(k) { // sin slice = todos
+          var pct = Math.round(((k.tokens || 0) / maxTokens) * 100);
+          var tkLabel = (k.tokens || 0) >= 1000
+            ? ((k.tokens || 0) / 1000).toFixed(1) + 'K'
+            : (k.tokens || 0) + '';
+          return '<div class="tank-row">' +
+            '<div class="tank-name">' + (k.name || 'OPERADOR') + '</div>' +
+            '<div class="tank-bar-wrap"><div class="tank-bar" style="width:' + pct + '%"></div></div>' +
+            '<div class="tank-era">' + tkLabel + ' tok</div>' +
+          '</div>';
+        }).join('');
       }
     })
     .catch(function(){ });