diff --git a/src/dashboard/templates/mobile.html b/src/dashboard/templates/mobile.html index 4ab71ae..df5fce1 100644 --- a/src/dashboard/templates/mobile.html +++ b/src/dashboard/templates/mobile.html @@ -193,12 +193,17 @@ async function sendMobileMessage(event) { chat.scrollTop = chat.scrollHeight; } } catch (e) { - chat.innerHTML += ` -
- `; + const errDiv = document.createElement('div'); + errDiv.className = 'chat-message timmy'; + const errMeta = document.createElement('div'); + errMeta.className = 'chat-meta'; + errMeta.textContent = 'Timmy'; + const errText = document.createElement('div'); + errText.style.color = 'var(--danger)'; + errText.textContent = 'Sorry, I could not process that. Try again?'; + errDiv.appendChild(errMeta); + errDiv.appendChild(errText); + chat.appendChild(errDiv); chat.scrollTop = chat.scrollHeight; } } diff --git a/src/dashboard/templates/swarm_live.html b/src/dashboard/templates/swarm_live.html index 23ec422..63d4b74 100644 --- a/src/dashboard/templates/swarm_live.html +++ b/src/dashboard/templates/swarm_live.html @@ -176,7 +176,14 @@ function addLog(message, type = 'info') { const entry = document.createElement('div'); entry.style.marginBottom = '4px'; - entry.innerHTML = `[${timestamp}] ${message}`; + const tsSpan = _el('span'); + tsSpan.style.color = 'var(--text-muted)'; + _t(tsSpan, '[' + timestamp + '] '); + const msgSpan = _el('span'); + msgSpan.style.color = color; + _t(msgSpan, message); + entry.appendChild(tsSpan); + entry.appendChild(msgSpan); log.appendChild(entry); log.scrollTop = log.scrollHeight;