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' ? '→' : '✓';

hive-c0re/assets/dashboard.css

@@ -184,6 +184,26 @@ summary:hover { color: var(--purple); }
 .diff .diff-hunk { color: var(--cyan); }
 .diff .diff-file { color: var(--purple); font-weight: bold; }
 .diff .diff-ctx  { color: var(--fg); }
+.inbox {
+  background: var(--bg-elev);
+  border: 1px solid var(--border);
+  padding: 0.5em 0.8em;
+  max-height: 24em;
+  overflow-y: auto;
+}
+.inbox li {
+  padding: 0.25em 0;
+  border-bottom: 1px solid var(--border);
+  display: grid;
+  grid-template-columns: auto auto auto 1fr;
+  gap: 0.5em;
+  align-items: baseline;
+}
+.inbox li:last-child { border-bottom: 0; }
+.inbox .msg-ts   { color: var(--muted); font-size: 0.85em; }
+.inbox .msg-from { color: var(--amber); }
+.inbox .msg-sep  { color: var(--muted); }
+.inbox .msg-body { color: var(--fg); white-space: pre-wrap; word-break: break-word; }
 .msgflow {
   background: var(--bg-elev);
   border: 1px solid var(--border);

hive-c0re/assets/index.html

@@ -16,6 +16,12 @@
     <p class="meta">loading…</p>
   </div>
 
+  <h2>◆ 0PER4T0R 1NB0X ◆</h2>
+  <div class="divider">══════════════════════════════════════════════════════════════</div>
+  <div id="inbox-section">
+    <p class="meta">loading…</p>
+  </div>
+
   <h2>◆ P3NDING APPR0VALS ◆</h2>
   <div class="divider">══════════════════════════════════════════════════════════════</div>
   <div id="approvals-section">