declarative relay deployment on hetzner
relay-eval.waow.tech
atproto
relay
relay-eval dashboard: remove confusing offline tags
drop the "offline" word — dim rows with 0 events instead. the data
speaks for itself without a misleading status label.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+6
-9
+6
-9
relay-eval/src/static/index.html
+6
-9
relay-eval/src/static/index.html
···
55
55
56
56
/* relay cell */
57
57
.rn { white-space: nowrap; }
58
-
.rn.offline { opacity: 0.4; }
59
-
.offline-tag { font-size: 0.7rem; color: var(--muted); margin-left: 0.4rem; }
58
+
tr.dimmed td { opacity: 0.35; }
60
59
61
60
/* coverage bar */
62
61
.bar { display: flex; align-items: center; gap: 1px; width: 72px; }
···
156
155
157
156
function tip(text, t) { return `<span class="tip" data-tip="${t}">${text}</span>`; }
158
157
159
-
function rn(host, conn) {
158
+
function rn(host) {
160
159
const o = op(host);
161
-
const c = conn ? '' : ' offline';
162
-
const tag = conn ? '' : '<span class="offline-tag">offline</span>';
163
-
return `<span class="rn${c}"><span class="sym" style="color:${o.color}">${o.sym}</span> ${host}${tag}</span>`;
160
+
return `<span class="rn"><span class="sym" style="color:${o.color}">${o.sym}</span> ${host}</span>`;
164
161
}
165
162
166
163
function did(d) {
···
234
231
for (const s of g.relays) {
235
232
const d = rd[s.host] || { coverage_gap: 0, unresolvable: 0, deactivated: 0 };
236
233
const missed = d.coverage_gap + d.unresolvable + d.deactivated;
237
-
h += `<tr>`;
238
-
h += `<td>${rn(s.host, s.connected)}</td>`;
234
+
h += `<tr${s.events === 0 ? ' class="dimmed"' : ''}>`;
235
+
h += `<td>${rn(s.host)}</td>`;
239
236
h += `<td class="num">${s.events.toLocaleString()}</td>`;
240
237
h += `<td class="num">${s.unique_dids.toLocaleString()}</td>`;
241
238
h += `<td class="num">${pct(s.unique_dids, union)}</td>`;
···
275
272
const id = s.host.replace(/[^a-z0-9]/g, '_');
276
273
277
274
h += `<tbody><tr class="xrow" onclick="toggle('${id}')">`;
278
-
h += `<td><span class="xi" id="xi-${id}">\u25b8</span>${rn(s.host, s.connected)}</td>`;
275
+
h += `<td><span class="xi" id="xi-${id}">\u25b8</span>${rn(s.host)}</td>`;
279
276
h += `<td class="num c-gap">${d.coverage_gap || '\u2014'}</td>`;
280
277
h += `<td class="num c-unr">${d.unresolvable || '\u2014'}</td>`;
281
278
h += `<td class="num c-dead">${d.deactivated || '\u2014'}</td>`;