From 415e6e27c90e460dc4936eee0428c80994df9daf Mon Sep 17 00:00:00 2001 From: Russell Ballestrini Date: Wed, 3 Jun 2026 09:59:06 -0400 Subject: [PATCH] zebra-spaces: full pubkey row under handle, above backup/logout MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Was the truncated 25cc…1766 dangling next to the handle text field. Now a dedicated row between handle and the backup/logout buttons prints the full 64-char hex, monospace, word-break:break-all so it wraps cleanly into 2-3 lines. user-select:all so a single click selects the whole key for copy — the place where a user is most likely to want to grab their identity for backup or to paste into another channel for verification. --- web/zebra-spaces.html | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/web/zebra-spaces.html b/web/zebra-spaces.html index 7b63167..441b6a1 100644 --- a/web/zebra-spaces.html +++ b/web/zebra-spaces.html @@ -515,6 +515,17 @@ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; word-break: break-all; line-height: 1.3; } + /* full pubkey in the identity panel — same monospace + word-break as + * room rows, slightly bumped readability since this is the one place + * the user is meant to copy their own key for backup. Selectable + * by default. */ + .pub-full { + font-size: 0.75rem; color: #555; + font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; + word-break: break-all; line-height: 1.3; + user-select: all; + } + html.theme-dark .pub-full { color: #aaa; } .raised { color: #b00; font-weight: bold; } .mic { width: 18px; height: 18px; } .mic svg { width: 18px; height: 18px; display: block; } @@ -634,7 +645,9 @@ try {
- +
+
+
@@ -1404,7 +1417,10 @@ function setVaultStatus(msg, cls){ const e=$('vault-status'); e.textContent=msg; e.className='status-line'+(cls?' '+cls:''); $('vault-dot').className='dot'+(cls==='ok'?' ok':cls==='err'?' warn':''); } -function renderIdentity(){ $('pub-short').textContent = myKeys ? shortHex(myKeys.pubHex) : ''; } +function renderIdentity(){ + const el = $('pub-full'); + if (el) el.textContent = myKeys ? myKeys.pubHex : ''; +} $('btn-vault').addEventListener('click', () => $('vault-panel').classList.toggle('hidden')); @@ -3797,8 +3813,8 @@ logLine('', 'ready — pick a handle, type a rendezvous code, enter the space');