main - Revert to card grid, remove logs section, fix colours

Remove log section and row layout. Cards back with top colour border,
bright RSS colours (#4ade80 / #fbbf24 / #f87171), compact sizing (~85px
tall) to fit above HF logs panel. Header on one line to save vertical
space. JS polls /stats every 5s.

main.py

@@ -5,7 +5,7 @@ from fastapi.responses import HTMLResponse
 
 from models import RequestModel, ResponseModel
 from similarity import (
-    check_similarity, get_all_memory_stats, get_log_lines,
+    check_similarity, get_all_memory_stats,
     start_memory_stats_reporter, start_memory_trimmer,
 )
 
@@ -29,71 +29,49 @@ _PAGE = ("""<!DOCTYPE html><html><head>
 <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,800&family=Inter:wght@400;500&display=swap" rel="stylesheet">
 <style>
 *{margin:0;padding:0;box-sizing:border-box}
-html,body{height:100%;overflow:hidden}
-body{background:#0d0d14;color:#e2e8f0;font-family:'Inter',system-ui,sans-serif;
-  padding:1.1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}
+body{background:#0d0d14;color:#e2e8f0;font-family:'Inter',system-ui,sans-serif;padding:.875rem 1.5rem}
+header{display:flex;align-items:baseline;gap:1rem;margin-bottom:.75rem;
+  padding-bottom:.625rem;border-bottom:1px solid #1a1a2e}
 h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-style:italic;
-  font-size:1.85rem;color:#fff;letter-spacing:-.01em;line-height:1;display:inline}
-.meta{color:#6b7280;font-size:.7rem;font-family:'SF Mono','Fira Code',monospace;
-  margin-left:.75rem}
-.meta b{color:#9ca3af}
-header{flex-shrink:0;padding-bottom:.6rem;border-bottom:1px solid #1a1a2e}
-.workers{flex-shrink:0;display:flex;flex-direction:column;gap:.2rem}
-.worker{display:grid;grid-template-columns:3.6rem 1fr 3rem 4.8rem;
-  align-items:center;gap:.55rem;padding:.22rem .55rem;
-  border-left:2px solid var(--c);background:#0f172a;border-radius:0 5px 5px 0}
-.pid{font-size:.65rem;color:#94a3b8;font-family:'SF Mono','Fira Code',monospace;
+  font-size:1.85rem;color:#fff;letter-spacing:-.01em;line-height:1}
+.meta{color:#64748b;font-size:.72rem;font-family:'SF Mono','Fira Code',monospace}
+.meta b{color:#94a3b8}
+.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}
+.card{background:#111827;border:1px solid #1e2942;border-top:2px solid var(--c);
+  border-radius:8px;padding:.65rem .875rem}
+.card-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.45rem}
+.pid{font-size:.62rem;color:#94a3b8;font-family:'SF Mono','Fira Code',monospace;
   text-transform:uppercase;letter-spacing:.06em}
-.track{background:#1a2235;border-radius:99px;height:3px;overflow:hidden}
-.fill{height:100%;border-radius:99px;background:#3b82f6;opacity:.7}
-.cn{font-size:.65rem;color:#94a3b8;text-align:right;white-space:nowrap}
-.rss{font-size:1rem;font-weight:700;font-family:'SF Mono','Fira Code',monospace;
-  color:var(--c);text-align:right;white-space:nowrap}
-.log-wrap{flex:1;display:flex;flex-direction:column;min-height:0}
-.log-label{font-size:.56rem;color:#374151;text-transform:uppercase;
-  letter-spacing:.1em;margin-bottom:.25rem;flex-shrink:0}
-.log-body{flex:1;overflow-y:auto;font-family:'SF Mono','Fira Code',monospace;
-  font-size:.6rem;line-height:1.5;min-height:0}
-.log-body::-webkit-scrollbar{width:3px}
-.log-body::-webkit-scrollbar-thumb{background:#1f2937;border-radius:99px}
-.ln{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
-  padding:.1rem 0;border-bottom:1px solid #0d1117}
-.ts{color:#64748b}.info{color:#60a5fa}.warning{color:#fbbf24}
-.error{color:#f87171}.msg{color:#cbd5e1}
-</style></head><body>
+.cn{font-size:.6rem;color:#64748b;font-family:'SF Mono','Fira Code',monospace}
+.rss{font-size:1.5rem;font-weight:700;font-family:'SF Mono','Fira Code',monospace;
+  color:var(--c);line-height:1}
+.unit{font-size:.6rem;color:#64748b;font-weight:400;margin-left:.15rem}
+.track{height:3px;background:#1e2942;border-radius:99px;margin-top:.5rem;overflow:hidden}
+.fill{height:100%;border-radius:99px;background:#3b82f6;opacity:.8}
+</style>
+</head><body>
 <header>
-  <h1>Prozis Similarity Service</h1><span id="meta" class="meta"></span>
+  <h1>Prozis Similarity Service</h1>
+  <span id="meta" class="meta"></span>
 </header>
-<div id="workers" class="workers"></div>
-<div class="log-wrap">
-  <div class="log-label">Logs</div>
-  <div id="logs" class="log-body"></div>
-</div>
+<div id="grid" class="grid"></div>
 <script>
 const MAX=__CACHE_MAX__;
-function esc(s){return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;')}
-function col(mb){return mb<800?'#22c55e':mb<1000?'#f59e0b':'#ef4444'}
-function render(d){
-  const w=d.workers,gb=(w.reduce((s,x)=>s+x.rss_mb,0)/1024).toFixed(1);
+function col(mb){return mb<800?'#4ade80':mb<1000?'#fbbf24':'#f87171'}
+function render(workers){
+  const gb=(workers.reduce((s,w)=>s+w.rss_mb,0)/1024).toFixed(1);
   document.getElementById('meta').innerHTML=
-    `<b>${w.length}</b> workers &nbsp;&middot;&nbsp; <b>${gb} GB</b> RSS &nbsp;&middot;&nbsp; ${new Date().toTimeString().slice(0,8)}`;
-  document.getElementById('workers').innerHTML=w.map(x=>{
-    const c=col(x.rss_mb),p=Math.min(100,x.cache_size/MAX*100).toFixed(0);
-    return `<div class="worker" style="--c:${c}"><span class="pid">pid ${x.pid}</span>`+
-      `<div class="track"><div class="fill" style="width:${p}%"></div></div>`+
-      `<span class="cn">${x.cache_size}/${MAX}</span><span class="rss">${x.rss_mb} MB</span></div>`;
-  }).join('');
-  const lb=document.getElementById('logs');
-  lb.innerHTML=d.logs.map(l=>{
-    const m=l.match(/^(\S+) (\S+) ([\s\S]*)$/);
-    if(!m) return `<div class="ln"><span class="msg">${esc(l)}</span></div>`;
-    const [,ts,lvl,msg]=m;
-    return `<div class="ln"><span class="ts">${esc(ts)}</span> `+
-      `<span class="${lvl.toLowerCase()}">${esc(lvl)}</span> `+
-      `<span class="msg">${esc(msg)}</span></div>`;
+    `<b>${workers.length}</b> workers &nbsp;&middot;&nbsp; <b>${gb} GB</b> RSS &nbsp;&middot;&nbsp; ${new Date().toTimeString().slice(0,8)}`;
+  document.getElementById('grid').innerHTML=workers.map(w=>{
+    const c=col(w.rss_mb),p=Math.min(100,w.cache_size/MAX*100).toFixed(0);
+    return `<div class="card" style="--c:${c}">` +
+      `<div class="card-top"><span class="pid">pid ${w.pid}</span><span class="cn">${w.cache_size}/${MAX}</span></div>` +
+      `<div class="rss">${w.rss_mb}<span class="unit">MB</span></div>` +
+      `<div class="track"><div class="fill" style="width:${p}%"></div></div>` +
+      `</div>`;
   }).join('');
 }
-async function refresh(){try{const r=await fetch('/stats');render(await r.json())}catch(e){}}
+async function refresh(){try{const r=await fetch('/stats');render((await r.json()).workers)}catch(e){}}
 refresh();setInterval(refresh,5000);
 </script>
 </body></html>""").replace("__CACHE_MAX__", str(_CACHE_MAX))
@@ -101,7 +79,7 @@ refresh();setInterval(refresh,5000);
 
 @app.get("/stats", include_in_schema=False)
 async def stats_endpoint():
-    return {"workers": get_all_memory_stats(), "logs": get_log_lines()}
+    return {"workers": get_all_memory_stats()}
 
 
 @app.get("/", include_in_schema=False)