tim plugin, chat bot sync notifications, test fixes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

relay/ui/app.js

@@ -719,12 +719,20 @@ async function loadChatHistory(peer, quiet = false) {
         return;
     }
 
-    container.innerHTML = messages.map(m => `
+    container.innerHTML = messages.map(m => {
+        if (m.bot) {
+            return `
+        <div class="chat-msg bot">
+            <div><i class="ph ph-robot"></i> ${escapeHtml(m.body)}</div>
+            <div class="msg-time">${formatChatTime(m.created_at)}</div>
+        </div>`;
+        }
+        return `
         <div class="chat-msg ${m.mine ? 'mine' : 'theirs'}">
             <div>${escapeHtml(m.body)}</div>
             <div class="msg-time">${formatChatTime(m.created_at)}${m.mine && m.seen ? ' <i class="ph ph-checks"></i>' : ''}</div>
-        </div>
-    `).join('');
+        </div>`;
+    }).join('');
 
     if (wasAtBottom || !quiet) {
         container.scrollTop = container.scrollHeight;

relay/ui/style.css

@@ -280,6 +280,13 @@ label.checkbox input[type="checkbox"] { accent-color:var(--accent); cursor:point
 }
 .chat-msg.mine { align-self: flex-end; background: var(--accent); color: var(--bg); border-bottom-right-radius: 2px; }
 .chat-msg.theirs { align-self: flex-start; background: var(--raised); color: var(--text); border: 1px solid var(--border); border-bottom-left-radius: 2px; }
+.chat-msg.bot {
+    align-self: center; max-width: 90%;
+    background: rgba(251, 146, 60, 0.12); color: #fb923c;
+    border: 1px solid rgba(251, 146, 60, 0.35);
+    font-size: 11px; text-align: center;
+}
+.chat-msg.bot .msg-time { text-align: center; }
 .chat-msg .msg-time { font-family: var(--pixel); font-size: 8px; opacity: 0.6; margin-top: 4px; }
 .chat-msg.mine .msg-time { text-align: right; }
 .chat-input-bar { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border); }