No direct-neighbor data reported yet.
';
+ }
+ const rows = neighbors.map(function(n) {
+ const shortPubkey = escapeHtml(String(n.pubkey || '').slice(0, 12)) + '…';
+ const label = n.name ? escapeHtml(n.name) : shortPubkey;
+ const nameCell = n.name
+ ? '
Packets Over Time
diff --git a/test-all.sh b/test-all.sh
index 21c331f3..ea7125b3 100755
--- a/test-all.sh
+++ b/test-all.sh
@@ -76,6 +76,7 @@ node test-channels-ping-bot-reply.js
node test-packet-path-map.js
node test-ping-scores.js
node test-observer-neighbors-report-badge.js
+node test-observer-direct-neighbors-panel.js
echo ""
echo "═══════════════════════════════════════"
diff --git a/test-observer-direct-neighbors-panel.js b/test-observer-direct-neighbors-panel.js
new file mode 100644
index 00000000..9a0fcfe3
--- /dev/null
+++ b/test-observer-direct-neighbors-panel.js
@@ -0,0 +1,92 @@
+/* #1865 follow-up (cwichura, PR #1867): "Direct Neighbors" panel on the
+ * observer detail page. Production code must expose:
+ * window.renderDirectNeighbors(neighborsData) -> string
+ * Must render a plain, neutral note (no warning icon) when there is no
+ * neighbor data -- absence is normal (opt-in firmware, non-PSRAM hardware),
+ * never a fault.
+ */
+'use strict';
+const vm = require('vm');
+const fs = require('fs');
+const assert = require('assert');
+
+let passed = 0, failed = 0;
+function test(name, fn) {
+ try { fn(); passed++; console.log(` ✅ ${name}`); }
+ catch (e) { failed++; console.log(` ❌ ${name}: ${e.message}`); }
+}
+
+function makeCtx() {
+ const ctx = {
+ window: { addEventListener: () => {}, dispatchEvent: () => {} },
+ document: {
+ readyState: 'complete',
+ createElement: () => ({ id: '', textContent: '', innerHTML: '' }),
+ head: { appendChild: () => {} },
+ getElementById: () => null,
+ addEventListener: () => {},
+ querySelectorAll: () => [],
+ querySelector: () => null,
+ },
+ console, Date, Math, Array, Object, String, Number, Boolean, JSON,
+ setInterval: () => 0, clearInterval: () => {},
+ setTimeout: (fn) => { try { fn(); } catch {} return 0; },
+ encodeURIComponent, decodeURIComponent,
+ fetch: () => Promise.resolve({ json: () => Promise.resolve({}) }),
+ };
+ ctx.registerPage = () => {};
+ ctx.timeAgo = (iso) => 'TIME_AGO(' + iso + ')';
+ ctx.escapeHtml = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => ({
+ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''',
+ })[c]);
+ ctx.Chart = function () { return { destroy() {} }; };
+ vm.createContext(ctx);
+ return ctx;
+}
+
+console.log('\n=== #1865 follow-up — Observer detail "Direct Neighbors" panel ===');
+
+const ctx = makeCtx();
+vm.runInContext(fs.readFileSync('public/observer-detail.js', 'utf8'), ctx);
+
+test('window.renderDirectNeighbors exists', () => {
+ assert.strictEqual(typeof ctx.window.renderDirectNeighbors, 'function');
+});
+
+test('empty/never-reported renders a neutral note, not a warning', () => {
+ const html = ctx.window.renderDirectNeighbors({ neighbors: [], reportedAt: '' });
+ assert.ok(/text-muted/.test(html));
+ assert.ok(!/ph-warning/.test(html));
+ assert.ok(/opt-in/.test(html));
+});
+
+test('missing neighbors field (defensive) also renders the empty note', () => {
+ const html = ctx.window.renderDirectNeighbors({});
+ assert.ok(/No direct-neighbor data/.test(html));
+});
+
+test('a known node renders a link + role icon + escaped name', () => {
+ const html = ctx.window.renderDirectNeighbors({
+ neighbors: [{ pubkey: 'abc123', name: 'Evil', role: 'repeater', scopes: '#dk', status: 'responded' }],
+ reportedAt: '2026-07-26T10:00:00Z',
+ });
+ assert.ok(html.includes('href="#/nodes/abc123"'), 'expected a link to the node detail page');
+ assert.ok(html.includes('ph-broadcast'), 'expected the repeater role icon');
+ assert.ok(!html.includes('Evil'), 'name must be HTML-escaped');
+ assert.ok(html.includes('<b>'), 'expected escaped name markup');
+ assert.ok(html.includes('#dk'), 'expected the scope badge');
+ assert.ok(html.includes('TIME_AGO(2026-07-26T10:00:00Z)'), 'expected the "as of" timestamp');
+});
+
+test('an unresolved pubkey (no name) renders truncated, unlinked', () => {
+ const html = ctx.window.renderDirectNeighbors({
+ neighbors: [{ pubkey: 'deadbeefdeadbeefdeadbeef', name: null, role: null, scopes: null, status: 'timeout' }],
+ reportedAt: '',
+ });
+ assert.ok(!/href="#\/nodes\//.test(html), 'must not link an unresolved pubkey');
+ assert.ok(html.includes('deadbeefdead'), 'expected a truncated pubkey');
+ assert.ok(/no reply/.test(html), 'expected the timeout "no reply" label');
+});
+
+console.log(`\n${passed} passed, ${failed} failed\n`);
+if (failed > 0) process.exit(1);