truncate long URLs in server list to 40 chars with ellipsis

index.html

@@ -361,6 +361,7 @@ let withTor = true, q = "";
 let minAmount = 50000;
 
 const fmt = n => (n != null ? Number(n).toLocaleString('en-US') : '—');
+const trunc = (s, m=40) => s && s.length > m ? s.slice(0, m) + '…' : s;
 
 function getChain() {
   const btn = document.querySelector('#chainSeg [aria-pressed="true"]');
@@ -391,7 +392,7 @@ function render() {
     tb.insertAdjacentHTML('beforeend', `
       <tr>
         <td class="num"><span class="rank ${rank<=3?'top':''}">${rank}</span></td>
-        <td class="url"><a href="${weLink}">${DOMPurify.sanitize(d.url)}</a></td>
+        <td class="url"><a href="${weLink}" title="${DOMPurify.sanitize(d.url)}">${DOMPurify.sanitize(trunc(d.url))}</a></td>
         <td class="info">${DOMPurify.sanitize(d.info||'—')}</td>
         <td class="num">${fmt(d.base_fee)}</td>
         <td class="mono">${DOMPurify.sanitize(d.version||'—')}</td>
@@ -404,7 +405,7 @@ function render() {
     ml.insertAdjacentHTML('beforeend', `
       <div class="srv">
         <div class="top">
-          <div><div class="rk">#${rank}</div><a href="${weLink}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(d.url)}</a></div>
+          <div><div class="rk">#${rank}</div><a href="${weLink}" title="${DOMPurify.sanitize(d.url)}" style="color:var(--ink);font-weight:600;text-decoration:none;font-size:14px">${DOMPurify.sanitize(trunc(d.url))}</a></div>
         </div>
         <div class="grid">
           <div><span>Score</span><b>${fmt(d.points)}</b></div>