operator inbox view on dashboard; agent ui doesn't clobber typing

hive-c0re/assets/app.js

@@ -165,6 +165,28 @@
     root.append(ul);
   }
 
+  function renderInbox(s) {
+    const root = $('inbox-section');
+    root.innerHTML = '';
+    if (!s.operator_inbox || !s.operator_inbox.length) {
+      root.append(el('p', { class: 'empty' }, '▓ no messages ▓'));
+      return;
+    }
+    const fmt = (n) => new Date(n * 1000).toISOString().replace('T', ' ').slice(0, 19);
+    const ul = el('ul', { class: 'inbox' });
+    for (const m of s.operator_inbox) {
+      const li = el('li');
+      li.append(
+        el('span', { class: 'msg-ts' }, fmt(m.at)), ' ',
+        el('span', { class: 'msg-from' }, m.from), ' ',
+        el('span', { class: 'msg-sep' }, '→ '),
+        el('span', { class: 'msg-body' }, m.body),
+      );
+      ul.append(li);
+    }
+    root.append(ul);
+  }
+
   function renderApprovals(s) {
     const root = $('approvals-section');
     root.innerHTML = '';
@@ -223,6 +245,7 @@
       if (!resp.ok) throw new Error('http ' + resp.status);
       const s = await resp.json();
       renderContainers(s);
+      renderInbox(s);
       renderApprovals(s);
       // Auto-refresh while a spawn is in flight; otherwise back off.
       const next = s.transients.length ? 2000 : 0;
@@ -246,6 +269,8 @@
     es.onmessage = (e) => {
       let m;
       try { m = JSON.parse(e.data); } catch { return; }
+      // Live-update the inbox when claude sends to operator.
+      if (m.kind === 'sent' && m.to === 'operator') refreshState();
       const row = document.createElement('div');
       row.className = 'msgrow ' + m.kind;
       const kind = m.kind === 'sent' ? '→' : '✓';