From 7b2f721d1dfef61e350c5f3ae1838160c2b2b4f6 Mon Sep 17 00:00:00 2001
From: MarekWo <mwojtaszek@gmail.com>
Date: Tue, 24 Mar 2026 21:43:28 +0100
Subject: [PATCH] fix(contacts): wrap long public keys in add contact previews

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/static/js/contacts.js       | 2 +-
 app/templates/contacts-add.html | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/static/js/contacts.js b/app/static/js/contacts.js
index 9bbd962..e91f375 100644
--- a/app/static/js/contacts.js
+++ b/app/static/js/contacts.js
@@ -2712,7 +2712,7 @@ function onQrCodeSuccess(decodedText) {
 
     // Hex blob format
     if (decodedText.startsWith('meshcore://') && decodedText.length > 20) {
-        resultDiv.innerHTML = '<strong>Scanned:</strong> <span class="font-monospace small">' +
+        resultDiv.innerHTML = '<strong>Scanned:</strong> <span class="font-monospace small" style="word-break: break-all;">' +
             decodedText.substring(0, 60) + '...</span>';
         resultDiv.classList.remove('d-none');
         addBtn.classList.remove('d-none');
diff --git a/app/templates/contacts-add.html b/app/templates/contacts-add.html
index effc964..3f04cd9 100644
--- a/app/templates/contacts-add.html
+++ b/app/templates/contacts-add.html
@@ -55,7 +55,7 @@
             <div id="uriPreview" class="alert alert-info d-none mb-3">
                 <strong>Preview:</strong>
                 <div><span class="text-muted">Name:</span> <span id="uriPreviewName"></span></div>
-                <div><span class="text-muted">Key:</span> <span id="uriPreviewKey" class="font-monospace small"></span></div>
+                <div><span class="text-muted">Key:</span> <span id="uriPreviewKey" class="font-monospace small" style="word-break: break-all;"></span></div>
                 <div><span class="text-muted">Type:</span> <span id="uriPreviewType"></span></div>
             </div>
             <button class="btn btn-success" id="addFromUriBtn" disabled>
@@ -86,7 +86,7 @@
             <div id="qrResult" class="alert alert-success d-none mb-3">
                 <strong>Scanned:</strong>
                 <div><span class="text-muted">Name:</span> <span id="qrResultName"></span></div>
-                <div><span class="text-muted">Key:</span> <span id="qrResultKey" class="font-monospace small"></span></div>
+                <div><span class="text-muted">Key:</span> <span id="qrResultKey" class="font-monospace small" style="word-break: break-all;"></span></div>
                 <div><span class="text-muted">Type:</span> <span id="qrResultType"></span></div>
             </div>
             <div id="qrError" class="alert alert-danger d-none mb-3"></div>