@pingagent/sdk 0.1.13 → 0.1.15

package/dist/web-server.js

@@ -1,29 +1,39 @@
 import {
+  CollaborationEventManager,
+  CollaborationProjectionOutboxManager,
   ContactManager,
   LocalStore,
+  OperatorSeenStateManager,
   PingAgentClient,
   TrustPolicyAuditManager,
   TrustRecommendationManager,
+  buildDeliveryTimeline,
+  buildProjectionPreview,
   decideContactPolicy,
   decideTaskPolicy,
   defaultTrustPolicyDoc,
+  deriveTransportHealth,
   ensureTokenValid,
   getActiveSessionFilePath,
   getSessionBindingAlertsFilePath,
   getSessionMapFilePath,
   getTrustRecommendationActionLabel,
+  listPendingDecisionViews,
   loadIdentity,
   normalizeTrustPolicyDoc,
   readCurrentActiveSessionKey,
   readIngressRuntimeStatus,
   readSessionBindingAlerts,
   readSessionBindings,
+  readTransportPreference,
   removeSessionBinding,
   setSessionBinding,
+  summarizeSinceLastSeen,
   summarizeTrustPolicyAudit,
+  switchTransportPreference,
   updateStoredToken,
   upsertTrustPolicyRecommendation
-} from "./chunk-N2GCIMAW.js";
+} from "./chunk-BCYHGKQE.js";
 
 // src/web-server.ts
 import * as fs from "fs";
@@ -182,6 +192,7 @@ function getHostPanelHtml() {
       <div class="profile-list" id="profileList"></div>
       <div class="nav">
         <button id="navRuntime" class="active">Runtime</button>
+        <button id="navDecisions">Decisions</button>
         <button id="navPolicy">Policy</button>
       </div>
       <div class="link-row">
@@ -207,6 +218,10 @@ function getHostPanelHtml() {
 
       <section id="runtimePanel" class="panel active">
         <div class="card" id="activationCard" style="margin-bottom:16px"></div>
+        <div class="grid two-col" style="margin-bottom:16px">
+          <div class="card" id="transportHealthCard"></div>
+          <div class="card" id="sinceLastSeenCard"></div>
+        </div>
         <div class="grid stats" id="statsGrid"></div>
         <div class="grid runtime-layout" style="margin-top:16px">
           <div class="card">
@@ -236,8 +251,40 @@ function getHostPanelHtml() {
         </div>
       </section>
 
+      <section id="decisionsPanel" class="panel">
+        <div class="grid two-col">
+          <div class="card">
+            <h2>Decision Inbox</h2>
+            <div id="decisionInboxSummary" class="muted small" style="margin-bottom:12px">Loading pending decisions\u2026</div>
+            <div class="audit-list" id="decisionInboxList"></div>
+          </div>
+          <div class="card">
+            <h2>Projection Delivery</h2>
+            <div id="projectionOutboxSummary" class="muted small" style="margin-bottom:12px">Loading projection delivery state\u2026</div>
+            <div class="audit-list" id="projectionOutboxList"></div>
+          </div>
+        </div>
+      </section>
+
       <section id="policyPanel" class="panel">
         <div class="grid policy-grid">
+          <div class="card">
+            <h2>Projection Policy</h2>
+            <div class="form-grid">
+              <label class="label">Preset</label>
+              <select id="projectionPreset">
+                <option value="quiet">quiet</option>
+                <option value="balanced">balanced</option>
+                <option value="strict">strict</option>
+              </select>
+              <div class="muted small">Balanced is the default: key conclusions, handoffs, repairs, and required decisions are pushed to the human thread; ordinary progress stays summary-first.</div>
+              <div class="row-actions">
+                <button class="action-btn" id="saveProjectionPresetBtn">Save projection preset</button>
+              </div>
+              <div id="projectionPolicyPreview" class="muted small" style="margin-top:12px"></div>
+            </div>
+          </div>
+
           <div class="card">
             <h2>Policy Defaults</h2>
             <div class="form-grid">
@@ -357,7 +404,7 @@ function getHostPanelHtml() {
       return {
         profile: profile && profile.trim() ? profile.trim() : null,
         sessionKey: sessionKey && sessionKey.trim() ? sessionKey.trim() : null,
-        view: view === 'policy' ? 'policy' : 'runtime',
+        view: view === 'policy' ? 'policy' : (view === 'decisions' ? 'decisions' : 'runtime'),
       };
     })();
 
@@ -367,11 +414,16 @@ function getHostPanelHtml() {
       profiles: [],
       overview: null,
       session: null,
+      decisions: null,
       policy: null,
       selectedSessionKey: initialQuery.sessionKey || null,
       detailMode: sessionStorage.getItem('pingagent_host_panel_detail_mode') || 'basic',
       showUnreadOnly: false,
     };
+    const seenMarkers = {
+      globalTab: null,
+      sessionKey: null,
+    };
 
     function esc(value) {
       return String(value == null ? '' : value)
@@ -394,13 +446,137 @@ function getHostPanelHtml() {
       try { return new Date(value).toLocaleString(); } catch { return String(value); }
     }
 
+    function countSinceLastSeen(summary) {
+      if (!summary) return 0;
+      return Number(summary.new_external_messages || 0)
+        + Number(summary.new_conclusions || 0)
+        + Number(summary.new_handoffs || 0)
+        + Number(summary.new_decisions || 0)
+        + Number(summary.new_failures || 0)
+        + Number(summary.new_repairs || 0)
+        + Number(summary.new_projection_failures || 0);
+    }
+
+    function renderSinceLastSeenSummary(summary) {
+      if (!summary) return '<div class="empty">No seen-state yet.</div>';
+      const count = countSinceLastSeen(summary);
+      return '' +
+        '<div class="status-main">' +
+          '<h2>Since Last Seen</h2>' +
+          '<div class="muted small">Per operator view. Opening runtime, detail, or decisions resets the matching anchor instead of forcing every refresh to zero out the feed.</div>' +
+          '<div class="summary-pills">' +
+            '<span class="pill">new=' + esc(count) + '</span>' +
+            '<span class="pill">external=' + esc(summary.new_external_messages || 0) + '</span>' +
+            '<span class="pill">conclusions=' + esc(summary.new_conclusions || 0) + '</span>' +
+            '<span class="pill">handoffs=' + esc(summary.new_handoffs || 0) + '</span>' +
+            '<span class="pill">decisions=' + esc(summary.new_decisions || 0) + '</span>' +
+            '<span class="pill">failures=' + esc(summary.new_failures || 0) + '</span>' +
+            '<span class="pill">repairs=' + esc(summary.new_repairs || 0) + '</span>' +
+            '<span class="pill">projection=' + esc(summary.new_projection_failures || 0) + '</span>' +
+          '</div>' +
+          '<div class="muted small" style="margin-top:8px">latest=' + esc(fmtTs(summary.latest_ts)) + '</div>' +
+        '</div>';
+    }
+
+    function renderTransportHealthCard(transportHealth) {
+      const health = transportHealth || {};
+      const stateLabel = health.state || 'Ready';
+      const stateClass = stateLabel === 'Degraded' || stateLabel === 'Switching Recommended' ? 'degraded' : 'ready';
+      const current = health.transport_mode || 'bridge';
+      const preferred = health.preferred_transport_mode || current;
+      return '' +
+        '<div class="status-strip">' +
+          '<div class="status-main">' +
+            '<h2>Transport Health</h2>' +
+            '<div class="status-state ' + esc(stateClass) + '">' + esc(stateLabel) + '</div>' +
+            '<div class="summary-pills">' +
+              '<span class="pill">current=' + esc(current) + '</span>' +
+              '<span class="pill">preferred=' + esc(preferred) + '</span>' +
+              '<span class="pill">retry_queue=' + esc(health.retry_queue_length || 0) + '</span>' +
+              '<span class="pill">failures=' + esc(health.consecutive_failures || 0) + '</span>' +
+            '</div>' +
+            '<div class="muted small" style="margin-top:8px">last inbound=' + esc(fmtTs(health.last_inbound_at)) + ' \xB7 last outbound=' + esc(fmtTs(health.last_outbound_at)) + '</div>' +
+            '<div class="muted small">last degraded=' + esc(fmtTs(health.last_degraded_at)) + ' \xB7 last repaired=' + esc(fmtTs(health.last_repaired_at)) + '</div>' +
+            (health.last_error ? '<div style="margin-top:8px;color:#fecaca">' + esc(health.last_error) + '</div>' : '<div class="muted small" style="margin-top:8px">No recent transport errors.</div>') +
+          '</div>' +
+          '<div style="min-width:240px">' +
+            '<div class="label">Actions</div>' +
+            '<div class="row-actions" style="margin-top:8px">' +
+              '<button class="secondary-btn transport-switch-btn" data-mode="bridge" style="width:auto">Switch to bridge</button>' +
+              '<button class="secondary-btn transport-switch-btn" data-mode="channel" style="width:auto">Switch to channel</button>' +
+            '</div>' +
+            (health.state === 'Switching Recommended'
+              ? '<div class="muted small" style="margin-top:10px">Assist Then Switch is recommending a move back to bridge. The preference file already captures the desired fallback path.</div>'
+              : '<div class="muted small" style="margin-top:10px">Managed restart keeps the transport layer swappable without changing the human-facing model.</div>') +
+          '</div>' +
+        '</div>';
+    }
+
+    function renderProjectionPreviewBlock(preview) {
+      if (!preview) return '<div class="empty">No projection preview available for the selected session yet.</div>';
+      const detailOnly = Array.isArray(preview.description && preview.description.detail_only) ? preview.description.detail_only : [];
+      const immediate = Array.isArray(preview.description && preview.description.immediate) ? preview.description.immediate : [];
+      return '' +
+        '<div class="muted small">Preset <strong>' + esc(preview.preset) + '</strong> projects <code>' + esc(immediate.join(', ') || 'none') + '</code> immediately and keeps <code>' + esc(detailOnly.join(', ') || 'none') + '</code> in detail-only mode.</div>' +
+        '<div class="audit-list" style="margin-top:10px">' +
+          (Array.isArray(preview.recent) && preview.recent.length
+            ? preview.recent.map(function (entry) {
+                return '<div class="audit-row"><div class="top"><strong>' + esc(entry.event_type) + '</strong><span class="badge">' + esc(entry.disposition) + '</span></div>' +
+                  '<div class="muted small">' + esc(entry.reason || '(no reason)') + '</div>' +
+                '</div>';
+              }).join('')
+            : '<div class="empty">No recent collaboration events to preview.</div>') +
+        '</div>';
+    }
+
+    function renderDeliveryTimeline(timeline) {
+      if (!Array.isArray(timeline) || !timeline.length) {
+        return '<div class="empty">No delivery timeline yet.</div>';
+      }
+      return timeline.map(function (entry) {
+        return '<div class="audit-row"><div class="top"><strong>' + esc(entry.kind || 'event') + '</strong><span class="badge">' + esc(fmtTs(entry.ts_ms)) + '</span></div>' +
+          '<div style="margin-top:8px">' + esc(entry.summary || '(no summary)') + '</div>' +
+        '</div>';
+      }).join('');
+    }
+
+    async function markSeen(scopeType, scopeKey) {
+      return api('/api/runtime/seen', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          operator_id: 'host_panel',
+          scope_type: scopeType,
+          scope_key: scopeType === 'session' ? scopeKey : null,
+        }),
+      });
+    }
+
+    async function maybeMarkGlobalSeen(tab, force) {
+      if (tab !== 'runtime' && tab !== 'decisions') return;
+      if (!force && seenMarkers.globalTab === tab) return;
+      try {
+        await markSeen('global', null);
+        seenMarkers.globalTab = tab;
+      } catch {}
+    }
+
+    async function maybeMarkSessionSeen(sessionKey, force) {
+      if (!sessionKey) return;
+      if (!force && seenMarkers.sessionKey === sessionKey) return;
+      try {
+        await markSeen('session', sessionKey);
+        seenMarkers.sessionKey = sessionKey;
+      } catch {}
+    }
+
     function syncUrlState() {
       const url = new URL(window.location.href);
       if (state.selectedProfile) url.searchParams.set('profile', state.selectedProfile);
       else url.searchParams.delete('profile');
       if (state.selectedSessionKey) url.searchParams.set('session_key', state.selectedSessionKey);
       else url.searchParams.delete('session_key');
-      url.searchParams.set('view', state.currentTab === 'policy' ? 'policy' : 'runtime');
+      url.searchParams.set('view', state.currentTab === 'policy' ? 'policy' : (state.currentTab === 'decisions' ? 'decisions' : 'runtime'));
       history.replaceState(null, '', url.pathname + (url.search ? url.search : ''));
     }
 
@@ -477,12 +653,24 @@ function getHostPanelHtml() {
     }
 
     function setTab(tab) {
+      const previous = state.currentTab;
       state.currentTab = tab;
       document.getElementById('navRuntime').classList.toggle('active', tab === 'runtime');
+      document.getElementById('navDecisions').classList.toggle('active', tab === 'decisions');
       document.getElementById('navPolicy').classList.toggle('active', tab === 'policy');
       document.getElementById('runtimePanel').classList.toggle('active', tab === 'runtime');
+      document.getElementById('decisionsPanel').classList.toggle('active', tab === 'decisions');
       document.getElementById('policyPanel').classList.toggle('active', tab === 'policy');
+      if (previous !== tab && tab !== 'runtime') {
+        seenMarkers.sessionKey = null;
+      }
       syncUrlState();
+      if (previous !== tab) {
+        void maybeMarkGlobalSeen(tab, true);
+        if (tab === 'runtime' && state.selectedSessionKey) {
+          void maybeMarkSessionSeen(state.selectedSessionKey, true);
+        }
+      }
     }
 
     function renderHeader() {
@@ -572,6 +760,112 @@ function getHostPanelHtml() {
         '</div>';
     }
 
+    function renderCollaborationEventsBlock(events, isAdvanced) {
+      if (!events || !events.length) {
+        return '<div class="empty">No collaboration events recorded yet. New external updates, runtime shifts, and decision points will appear here.</div>';
+      }
+      return events.map(function (event) {
+        const detail = event && event.detail ? event.detail : null;
+        const resolution = detail && detail.approval_resolution ? detail.approval_resolution : null;
+        const badges = [
+          '<span class="badge">' + esc(event.severity || 'info') + '</span>',
+          event.approval_required
+            ? '<span class="badge">' + esc(event.approval_status === 'pending' ? 'review' : event.approval_status) + '</span>'
+            : '',
+          event.target_human_session ? '<span class="badge">human thread</span>' : '',
+        ].filter(Boolean).join('');
+        const actions = event.approval_required && event.approval_status === 'pending'
+          ? '<div class="row-actions" style="margin-top:10px">' +
+              '<button class="action-btn collaboration-decision-btn" data-event-id="' + esc(event.id) + '" data-decision="approved">Approve</button>' +
+              '<button class="danger-btn collaboration-decision-btn" data-event-id="' + esc(event.id) + '" data-decision="rejected">Reject</button>' +
+            '</div>'
+          : '';
+        const resolutionLine = resolution
+          ? '<div class="muted small" style="margin-top:8px">resolution=' + esc(resolution.approval_status || event.approval_status || '(unknown)') +
+              ' \xB7 resolved_at=' + esc(fmtTs(resolution.resolved_at)) +
+              (resolution.resolved_by ? ' \xB7 resolved_by=' + esc(resolution.resolved_by) : '') +
+              (resolution.note ? ' \xB7 note=' + esc(resolution.note) : '') +
+            '</div>'
+          : '';
+        return '<div class="audit-row"><div class="top"><strong>' + esc(event.event_type) + '</strong>' + badges + '</div>' +
+          '<div class="muted small">' + esc(fmtTs(event.ts_ms)) + '</div>' +
+          '<div style="margin-top:8px">' + esc(event.summary || '(no summary)') + '</div>' +
+          '<div class="muted small" style="margin-top:8px">detail_ref=' + esc(detail && detail.detail_ref && detail.detail_ref.session_key ? detail.detail_ref.session_key : (event.session_key || '(none)')) + ' \xB7 conversation=' + esc(event.conversation_id || '(none)') + '</div>' +
+          resolutionLine +
+          actions +
+          (isAdvanced && detail ? '<pre style="margin-top:8px">' + esc(JSON.stringify(detail, null, 2)) + '</pre>' : '') +
+        '</div>';
+      }).join('');
+    }
+
+    function renderDecisionInbox() {
+      const data = state.decisions;
+      const pendingDecisions = data && Array.isArray(data.pendingDecisions) ? data.pendingDecisions : [];
+      const overdueDecisions = pendingDecisions.filter(function (event) { return !!event.overdue; });
+      const pendingOutbox = data && Array.isArray(data.projectionOutboxPending) ? data.projectionOutboxPending : [];
+      const failedOutbox = data && Array.isArray(data.projectionOutboxFailed) ? data.projectionOutboxFailed : [];
+      document.getElementById('decisionInboxSummary').textContent =
+        'pending=' + pendingDecisions.length + ' \xB7 overdue=' + overdueDecisions.length + ' \xB7 projection_pending=' + pendingOutbox.length + ' \xB7 projection_failed=' + failedOutbox.length;
+      document.getElementById('decisionInboxList').innerHTML = pendingDecisions.length
+        ? pendingDecisions.map(function (event) {
+            return '<div class="audit-row"><div class="top"><strong>' + esc(event.summary || '(no summary)') + '</strong>' +
+              '<div style="display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end"><span class="badge">' + esc(event.severity || 'warning') + '</span>' +
+              (event.overdue ? '<span class="badge alert">overdue</span>' : '') + '</div></div>' +
+              '<div class="muted small">' + esc(fmtTs(event.ts_ms)) + ' \xB7 session=' + esc(event.session_key || '(none)') + ' \xB7 target=' + esc(event.target_human_session || '(none)') +
+              (event.overdue ? ' \xB7 overdue_by=' + esc(Math.ceil((event.overdue_by_ms || 0) / 60000)) + 'm' : '') + '</div>' +
+              '<div class="muted small" style="margin-top:8px">detail_ref=' + esc(event.conversation_id || '(none)') + '</div>' +
+              '<div class="row-actions">' +
+                '<button class="action-btn inbox-decision-btn" data-event-id="' + esc(event.id) + '" data-decision="approved">Approve</button>' +
+                '<button class="danger-btn inbox-decision-btn" data-event-id="' + esc(event.id) + '" data-decision="rejected">Reject</button>' +
+                '<button class="secondary-btn inbox-open-detail-btn" data-session-key="' + esc(event.session_key || '') + '">Open Detail</button>' +
+              '</div>' +
+            '</div>';
+          }).join('')
+        : '<div class="empty">No pending collaboration decisions.</div>';
+
+      const combinedOutbox = pendingOutbox.concat(failedOutbox);
+      document.getElementById('projectionOutboxSummary').textContent =
+        combinedOutbox.length
+          ? 'Human-thread projection uses a stable outbox. Failed rows stay visible until delivery recovers.'
+          : 'No undelivered human-thread projections.';
+      document.getElementById('projectionOutboxList').innerHTML = combinedOutbox.length
+        ? combinedOutbox.map(function (entry) {
+            return '<div class="audit-row"><div class="top"><strong>' + esc(entry.summary || '(no summary)') + '</strong>' +
+              '<span class="badge">' + esc(entry.status || 'pending') + '</span></div>' +
+              '<div class="muted small">' + esc(fmtTs(entry.created_at)) + ' \xB7 kind=' + esc(entry.projection_kind || 'collaboration_update') + ' \xB7 attempts=' + esc(entry.attempt_count || 0) + '</div>' +
+              '<div class="muted small" style="margin-top:8px">target=' + esc(entry.target_human_session || '(missing)') + ' \xB7 session=' + esc(entry.session_key || '(none)') + '</div>' +
+              (entry.last_error ? '<div style="margin-top:8px">' + esc(entry.last_error) + '</div>' : '') +
+            '</div>';
+          }).join('')
+        : '<div class="empty">No pending or failed projection deliveries.</div>';
+
+      document.querySelectorAll('.inbox-decision-btn').forEach(function (btn) {
+        btn.addEventListener('click', async function () {
+          const eventId = Number(btn.getAttribute('data-event-id'));
+          const decision = btn.getAttribute('data-decision');
+          if (!Number.isInteger(eventId) || !decision) return;
+          await api('/api/runtime/collaboration-decisions/resolve', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ event_id: eventId, decision: decision }),
+          });
+          await refreshAll();
+          setTab('decisions');
+        });
+      });
+
+      document.querySelectorAll('.inbox-open-detail-btn').forEach(function (btn) {
+        btn.addEventListener('click', async function () {
+          const sessionKey = btn.getAttribute('data-session-key');
+          if (!sessionKey) return;
+          state.selectedSessionKey = sessionKey;
+          await loadSession(sessionKey);
+          renderOverview();
+          setTab('runtime');
+        });
+      });
+    }
+
     function getOverviewSessions() {
       return state.overview && Array.isArray(state.overview.sessions) ? state.overview.sessions : [];
     }
@@ -607,6 +901,11 @@ function getHostPanelHtml() {
       if (!overview) return;
       syncSelectedSessionFromOverview();
       const ingressState = ingressStatusModel(overview);
+      const transportHealth = overview.transportHealth || null;
+      const sinceLastSeen = overview.sinceLastSeen || null;
+      const overdueDecisions = Array.isArray(overview.pendingDecisions)
+        ? overview.pendingDecisions.filter(function (event) { return !!event.overdue; })
+        : [];
       document.getElementById('activationCard').innerHTML =
         '<div class="status-strip">' +
           '<div class="status-main">' +
@@ -614,6 +913,11 @@ function getHostPanelHtml() {
             '<div class="status-state ' + ingressState.className + '">' + esc(ingressState.label) + '</div>' +
             '<div class="muted small">' + esc(ingressState.detail) + '</div>' +
             '<div class="muted small">Public link: ' + esc(overview.publicSelf && overview.publicSelf.public_url ? overview.publicSelf.public_url : '(not ready yet)') + '</div>' +
+            '<div class="summary-pills">' +
+              '<span class="pill">pending_decisions=' + esc((overview.pendingDecisions || []).length) + '</span>' +
+              '<span class="pill">overdue=' + esc(overdueDecisions.length) + '</span>' +
+              '<span class="pill">projection=' + esc(overview.collaborationProjection && overview.collaborationProjection.preset ? overview.collaborationProjection.preset : 'balanced') + '</span>' +
+            '</div>' +
           '</div>' +
           '<div style="min-width:320px">' +
             '<div class="label">Quick Start</div>' +
@@ -628,6 +932,8 @@ function getHostPanelHtml() {
             '</div>' +
           '</div>' +
         '</div>';
+      document.getElementById('transportHealthCard').innerHTML = renderTransportHealthCard(transportHealth);
+      document.getElementById('sinceLastSeenCard').innerHTML = renderSinceLastSeenSummary(sinceLastSeen);
       const subscription = overview.subscription || null;
       const stats = [
         { label: 'Plan', value: subscription ? subscription.tier : 'ghost', sub: subscription ? subscription.summary : 'subscription unavailable' },
@@ -638,6 +944,7 @@ function getHostPanelHtml() {
         { label: 'Unread', value: overview.unreadTotal, sub: 'session-first inbox state' },
         { label: 'Tasks', value: overview.tasksTotal, sub: 'recent local task threads' },
         { label: 'Audit', value: overview.auditSummary.total_events, sub: 'policy / runtime audit events' },
+        { label: 'Collaboration', value: overview.collaborationSummary ? overview.collaborationSummary.total_events : 0, sub: overview.collaborationSummary ? ('pending_review=' + overview.collaborationSummary.pending_approvals) : 'projected external collaboration events' },
         { label: 'Recommendations', value: overview.recommendationSummary ? overview.recommendationSummary.total : overview.recommendations.length, sub: overview.recommendationSummary ? JSON.stringify(overview.recommendationSummary.by_status || {}) : 'learned policy suggestions' },
         { label: 'Public Link', value: overview.publicSelf && overview.publicSelf.public_url ? 'ready' : 'disabled', sub: overview.publicSelf && overview.publicSelf.public_url ? overview.publicSelf.public_url : 'create a hosted shareable profile link' },
       ];
@@ -655,6 +962,9 @@ function getHostPanelHtml() {
           const active = session.session_key === state.selectedSessionKey ? ' active' : '';
           const badges = [
             '<span class="badge ' + esc(session.trust_state) + '">' + esc(session.trust_state) + '</span>',
+            (countSinceLastSeen(session.since_last_seen) > 0
+              ? '<span class="badge alert">new ' + esc(countSinceLastSeen(session.since_last_seen)) + '</span>'
+              : ''),
             session.binding_alert
               ? '<button type="button" class="badge alert rebind-badge-btn" data-session="' + esc(session.session_key) + '" data-conversation="' + esc(session.conversation_id || '') + '" data-bound-session="' + esc(session.mapped_work_session || '') + '" data-remote-did="' + esc(session.remote_did || '') + '" title="OpenClaw chat link needs attention">Needs reconnect</button>'
               : '',
@@ -692,6 +1002,25 @@ function getHostPanelHtml() {
         });
       }
 
+      document.querySelectorAll('.transport-switch-btn').forEach(function (btn) {
+        btn.addEventListener('click', async function () {
+          const mode = btn.getAttribute('data-mode');
+          if (mode !== 'bridge' && mode !== 'channel') return;
+          const confirmed = window.confirm('Switch preferred transport to ' + mode + ' and request a managed restart?');
+          if (!confirmed) return;
+          const result = await api('/api/runtime/transport-switch', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ mode: mode }),
+          });
+          window.alert(result && result.result && result.result.restarted
+            ? ('Preferred transport switched to ' + mode + '. Managed restart was attempted.')
+            : ('Preferred transport switched to ' + mode + '. Restart is still required.'));
+          await refreshAll();
+          setTab('runtime');
+        });
+      });
+
       const tasks = Array.isArray(overview.tasks) ? overview.tasks : [];
       document.getElementById('taskList').innerHTML = tasks.length
         ? tasks.map(function (task) {
@@ -783,6 +1112,8 @@ conversation=' + result.conversation_id));
       const tasks = Array.isArray(detail.tasks) ? detail.tasks : [];
       const messages = Array.isArray(detail.messages) ? detail.messages : [];
       const auditEvents = Array.isArray(detail.auditEvents) ? detail.auditEvents : [];
+      const collaborationEvents = Array.isArray(detail.collaborationEvents) ? detail.collaborationEvents : [];
+      const pendingCollaborationEvents = Array.isArray(detail.pendingCollaborationEvents) ? detail.pendingCollaborationEvents : [];
       const recommendations = Array.isArray(detail.recommendations) ? detail.recommendations : [];
       const openRecommendation = recommendations.find(function (item) { return item.status === 'open'; }) || null;
       const reopenRecommendation = recommendations.find(function (item) { return item.status === 'dismissed' || item.status === 'superseded'; }) || null;
@@ -790,6 +1121,14 @@ conversation=' + result.conversation_id));
       const bindingAlert = detail.bindingAlert || null;
       const activeWorkSession = detail.activeWorkSession || null;
       const summary = detail.sessionSummary || null;
+      const projectionPreset = detail.collaborationProjection && detail.collaborationProjection.preset
+        ? detail.collaborationProjection.preset
+        : 'balanced';
+      const projectionOutbox = Array.isArray(detail.projectionOutbox) ? detail.projectionOutbox : [];
+      const sinceLastSeen = detail.sinceLastSeen || null;
+      const deliveryTimeline = Array.isArray(detail.deliveryTimeline) ? detail.deliveryTimeline : [];
+      const projectionPreview = detail.projectionPreview || null;
+      const transportHealth = detail.transportHealth || null;
       const isAdvanced = state.detailMode === 'advanced';
       const sessionLink = buildSessionLink(session.session_key);
       const summaryPills = [];
@@ -824,6 +1163,10 @@ conversation=' + result.conversation_id));
               ? '<div class="muted small" style="margin-top:8px">trust_action=' + esc(recommendationActionLabel(openRecommendation)) + '</div>'
               : (reopenRecommendation ? '<div class="muted small" style="margin-top:8px">trust_action=' + esc(recommendationActionLabel(reopenRecommendation)) + '</div>' : '')) +
             (summaryPills.length ? '<div class="summary-pills">' + summaryPills.join('') + '</div>' : '') +
+            (pendingCollaborationEvents.length
+              ? '<div style="margin-top:10px;padding:10px 12px;border:1px solid #f59e0b;border-radius:10px;background:rgba(120,53,15,0.25);color:#fde68a"><strong>Decision pending</strong><div class="small" style="margin-top:6px">A collaboration update needs review before the human thread can be treated as fully current. Resolve it in the Collaboration Feed below.' +
+                (pendingCollaborationEvents[0].overdue ? ' This item is overdue.' : '') + '</div></div>'
+              : '') +
             (bindingAlert
               ? '<div style="margin-top:10px;padding:10px 12px;border:1px solid #ef4444;border-radius:10px;background:rgba(127,29,29,0.25);color:#fecaca"><strong>Needs reconnect</strong><div class="small" style="margin-top:6px">' + esc(isAdvanced ? (bindingAlert.message || 'Bound work session is missing. Rebind this PingAgent conversation to the current chat session.') : 'OpenClaw chat link is stale. Attach this PingAgent session to the current OpenClaw chat.') + '</div></div>'
               : '') +
@@ -919,6 +1262,11 @@ conversation=' + result.conversation_id));
               return '<div class="message-row"><div class="muted small">' + esc(fmtTs(msg.ts_ms)) + ' \xB7 ' + esc(msg.direction) + ' \xB7 ' + esc(msg.schema) + '</div><div style="margin-top:8px">' + esc(messageSummary) + '</div></div>';
             }).join('') : '<div class="empty">No local message history yet.</div>') +
           '</div></div>' +
+          '<div><div class="label">Collaboration Feed</div><div class="audit-list" style="margin-top:8px">' +
+            renderCollaborationEventsBlock(collaborationEvents, isAdvanced) +
+          '</div></div>' +
+        '</div>' +
+        '<div class="grid two-col" style="margin-top:16px">' +
           '<div><div class="label">Policy Audit</div><div class="audit-list" style="margin-top:8px">' +
             (auditEvents.length ? auditEvents.map(function (event) {
               return '<div class="audit-row"><div class="top"><strong>' + esc(event.event_type) + '</strong><span class="badge">' + esc(event.action || event.outcome || '-') + '</span></div>' +
@@ -927,6 +1275,36 @@ conversation=' + result.conversation_id));
               '</div>';
             }).join('') : '<div class="empty">No audit events for this session.</div>') +
           '</div></div>' +
+          '<div><div class="label">Human Thread Posture</div><div class="audit-list" style="margin-top:8px">' +
+            '<div class="audit-row"><div class="top"><strong>Projection policy</strong><span class="badge">' + esc(projectionPreset) + '</span></div>' +
+            '<div class="muted small">The collaboration session keeps the raw transcript. The human thread receives concise updates, risk signals, decisions, and approval results through the projection outbox.</div>' +
+            '<div style="margin-top:8px">Use this detail view to inspect every raw message, task, handoff, audit event, and runtime change before taking action.</div>' +
+              (sinceLastSeen
+                ? '<div class="summary-pills" style="margin-top:8px">' +
+                    '<span class="pill">new=' + esc(countSinceLastSeen(sinceLastSeen)) + '</span>' +
+                    '<span class="pill">decisions=' + esc(sinceLastSeen.new_decisions || 0) + '</span>' +
+                    '<span class="pill">failures=' + esc(sinceLastSeen.new_failures || 0) + '</span>' +
+                  '</div>'
+                : '') +
+              (transportHealth
+                ? '<div class="muted small" style="margin-top:8px">transport=' + esc(transportHealth.transport_mode || 'bridge') + ' \xB7 state=' + esc(transportHealth.state || 'Ready') + ' \xB7 retry_queue=' + esc(transportHealth.retry_queue_length || 0) + '</div>'
+                : '') +
+              (projectionOutbox.length
+                ? '<div class="muted small" style="margin-top:8px">outbox=' + esc(projectionOutbox[0].status || 'pending') + ' \xB7 target=' + esc(projectionOutbox[0].target_human_session || '(missing)') + '</div>'
+                : '<div class="muted small" style="margin-top:8px">outbox=clear</div>') +
+              '<div style="margin-top:12px"><div class="label">Projection Preview</div><div style="margin-top:8px">' + renderProjectionPreviewBlock(projectionPreview) + '</div></div>' +
+            '</div>' +
+          '</div></div>' +
+        '</div>';
+
+      el.innerHTML +=
+        '<div class="grid two-col" style="margin-top:16px">' +
+          '<div><div class="label">Since Last Seen</div><div class="audit-list" style="margin-top:8px">' +
+            '<div class="audit-row">' + renderSinceLastSeenSummary(sinceLastSeen) + '</div>' +
+          '</div></div>' +
+          '<div><div class="label">Delivery Timeline</div><div class="audit-list" style="margin-top:8px">' +
+            renderDeliveryTimeline(deliveryTimeline) +
+          '</div></div>' +
         '</div>';
 
       el.querySelectorAll('.approve-session-btn').forEach(function (btn) {
@@ -1014,6 +1392,21 @@ conversation=' + result.conversation_id));
           setTab('runtime');
         });
       });
+      el.querySelectorAll('.collaboration-decision-btn').forEach(function (btn) {
+        btn.addEventListener('click', async function () {
+          const eventId = Number(btn.getAttribute('data-event-id'));
+          const decision = btn.getAttribute('data-decision');
+          if (!Number.isInteger(eventId) || !decision) return;
+          await api('/api/runtime/session/collaboration-decision', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ event_id: eventId, decision: decision }),
+          });
+          await refreshAll();
+          if (state.selectedSessionKey) await loadSession(state.selectedSessionKey);
+          setTab('runtime');
+        });
+      });
       const sendSessionReplyBtn = document.getElementById('sendSessionReplyBtn');
       if (sendSessionReplyBtn) {
         sendSessionReplyBtn.addEventListener('click', async function () {
@@ -1089,6 +1482,11 @@ Previous chat link: ' + previous
       const policy = state.policy;
       if (!policy) return;
       const profile = state.overview && state.overview.profile ? state.overview.profile : null;
+      document.getElementById('projectionPreset').value =
+        policy.doc && policy.doc.collaboration_projection && policy.doc.collaboration_projection.preset
+          ? policy.doc.collaboration_projection.preset
+          : 'balanced';
+      document.getElementById('projectionPolicyPreview').innerHTML = renderProjectionPreviewBlock(state.session && state.session.projectionPreview ? state.session.projectionPreview : null);
       document.getElementById('contactDefault').value = policy.doc.contact_policy.default_action;
       document.getElementById('taskDefault').value = policy.doc.task_policy.default_action;
       document.getElementById('profileDisplayName').value = profile && profile.display_name ? profile.display_name : '';
@@ -1260,6 +1658,7 @@ Previous chat link: ' + previous
       syncSelectedSessionFromOverview();
       renderHeader();
       renderOverview();
+      if (state.currentTab === 'runtime') await maybeMarkGlobalSeen('runtime');
       if (state.selectedSessionKey) {
         await loadSession(state.selectedSessionKey);
       } else {
@@ -1271,10 +1670,14 @@ Previous chat link: ' + previous
 
     async function loadSession(sessionKey) {
       if (!sessionKey) return;
+      const previousSessionKey = state.selectedSessionKey;
       state.selectedSessionKey = sessionKey;
       state.session = await api('/api/runtime/session?session_key=' + encodeURIComponent(sessionKey));
       syncUrlState();
       renderSession();
+      if (state.currentTab === 'runtime') {
+        await maybeMarkSessionSeen(sessionKey, previousSessionKey !== sessionKey);
+      }
     }
 
     async function loadPolicy() {
@@ -1282,17 +1685,25 @@ Previous chat link: ' + previous
       renderPolicy();
     }
 
+    async function loadDecisions() {
+      state.decisions = await api('/api/runtime/collaboration-decisions');
+      renderDecisionInbox();
+      if (state.currentTab === 'decisions') await maybeMarkGlobalSeen('decisions');
+    }
+
     async function refreshAll() {
       if (!state.selectedProfile && state.profiles.length > 1) {
         renderHeader();
         return;
       }
       await loadOverview();
+      await loadDecisions();
       await loadPolicy();
       renderHeader();
     }
 
     document.getElementById('navRuntime').addEventListener('click', function () { setTab('runtime'); });
+    document.getElementById('navDecisions').addEventListener('click', function () { setTab('decisions'); });
     document.getElementById('navPolicy').addEventListener('click', function () { setTab('policy'); });
     document.getElementById('toggleUnreadBtn').addEventListener('click', async function () {
       state.showUnreadOnly = !state.showUnreadOnly;
@@ -1331,6 +1742,15 @@ Previous chat link: ' + previous
       await refreshAll();
       setTab('policy');
     });
+    document.getElementById('saveProjectionPresetBtn').addEventListener('click', async function () {
+      await api('/api/runtime/policy/projection', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ preset: document.getElementById('projectionPreset').value }),
+      });
+      await refreshAll();
+      setTab('policy');
+    });
     document.getElementById('addRuleBtn').addEventListener('click', async function () {
       await api('/api/runtime/policy/rules', {
         method: 'POST',
@@ -1678,6 +2098,62 @@ function writeTrustPolicyDoc(identityPath, doc) {
   fs.writeFileSync(policyPath, JSON.stringify(normalizeTrustPolicyDoc(doc), null, 2), "utf-8");
   return policyPath;
 }
+function normalizeProjectionPreset(value) {
+  if (value === "quiet" || value === "strict") return value;
+  return "balanced";
+}
+function readProjectionOutboxState(storePath, limit = 20) {
+  const store = new LocalStore(storePath);
+  try {
+    const manager = new CollaborationProjectionOutboxManager(store);
+    const pending = manager.listByStatus("pending", limit);
+    const failed = manager.listByStatus("failed", limit);
+    return {
+      pending,
+      failed,
+      total_pending: pending.length,
+      total_failed: failed.length
+    };
+  } finally {
+    store.close();
+  }
+}
+function readTransportHealthState(storePath) {
+  const store = new LocalStore(storePath);
+  try {
+    const eventManager = new CollaborationEventManager(store);
+    const outboxManager = new CollaborationProjectionOutboxManager(store);
+    const runtimeStatus = readIngressRuntimeStatus();
+    const preference = readTransportPreference();
+    const normalizedStatus = runtimeStatus ? {
+      ...runtimeStatus,
+      preferred_transport_mode: preference?.preferred_mode ?? runtimeStatus.preferred_transport_mode ?? "bridge"
+    } : {
+      receive_mode: "webhook",
+      transport_mode: preference?.preferred_mode ?? "bridge",
+      preferred_transport_mode: preference?.preferred_mode ?? "bridge"
+    };
+    return deriveTransportHealth({
+      runtime_status: normalizedStatus,
+      recent_events: eventManager.listRecent(30),
+      projection_outbox_failed: outboxManager.listByStatus("failed", 20)
+    });
+  } finally {
+    store.close();
+  }
+}
+function readSinceLastSeenState(storePath, operatorId, scopeType, scopeKey) {
+  const store = new LocalStore(storePath);
+  try {
+    return summarizeSinceLastSeen(store, {
+      operator_id: operatorId,
+      scope_type: scopeType,
+      scope_key: scopeKey
+    });
+  } finally {
+    store.close();
+  }
+}
 function buildPolicyDecisionShape(identityPath, remoteDid, opts) {
   const policy = readTrustPolicyDoc(identityPath);
   const runtimeMode = opts?.runtimeMode ?? getRuntimeMode();
@@ -1741,7 +2217,8 @@ async function buildRuntimeOverviewPayload(ctx) {
   const taskManager = client.getTaskThreadManager();
   const taskHandoffManager = client.getTaskHandoffManager();
   const historyManager = client.getHistoryManager();
-  if (!sessionManager || !sessionSummaryManager || !taskManager || !taskHandoffManager || !historyManager) {
+  const collaborationEventManager = client.getCollaborationEventManager();
+  if (!sessionManager || !sessionSummaryManager || !taskManager || !taskHandoffManager || !historyManager || !collaborationEventManager) {
     throw new Error("Runtime overview requires a writable local store");
   }
   const sessions = sessionManager.listRecentSessions(24);
@@ -1787,6 +2264,17 @@ async function buildRuntimeOverviewPayload(ctx) {
     acc[session.trust_state] = (acc[session.trust_state] ?? 0) + 1;
     return acc;
   }, {});
+  const collaborationSummary = collaborationEventManager.summarize(200);
+  const projectionOutbox = readProjectionOutboxState(ctx.storePath, 20);
+  const transportHealth = readTransportHealthState(ctx.storePath);
+  const sinceLastSeen = readSinceLastSeenState(ctx.storePath, "host_panel", "global");
+  const decisionStore = new LocalStore(ctx.storePath);
+  let decisionViews = [];
+  try {
+    decisionViews = listPendingDecisionViews(decisionStore, 100);
+  } finally {
+    decisionStore.close();
+  }
   return {
     did: ctx.myDid,
     serverUrl: ctx.serverUrl,
@@ -1816,18 +2304,27 @@ async function buildRuntimeOverviewPayload(ctx) {
       contact: policy.contact_policy.enabled ? policy.contact_policy.default_action : "disabled",
       task: policy.task_policy.enabled ? policy.task_policy.default_action : "disabled"
     },
+    collaborationProjection: policy.collaboration_projection,
     sessionsTotal: sessions.length,
     tasksTotal: refreshedTasks.length,
     unreadTotal,
     trustCounts,
     recommendationSummary: recommendationState.summary,
+    collaborationSummary,
+    projectionOutbox,
+    transportHealth,
+    sinceLastSeen,
+    pendingDecisions: decisionViews,
+    recentCollaborationEvents: collaborationEventManager.listRecent(20),
     sessions: sessions.map((session) => ({
       ...session,
       session_summary: sessionSummaryManager.get(session.session_key),
       mapped_work_session: session.conversation_id ? bindingByConversation.get(session.conversation_id) ?? null : null,
       binding_alert: session.conversation_id ? bindingAlertByConversation.get(session.conversation_id) ?? null : null,
       is_active_work_session: session.session_key === activeWorkSession,
-      latest_messages: session.conversation_id ? historyManager.listRecent(session.conversation_id, 3) : []
+      latest_messages: session.conversation_id ? historyManager.listRecent(session.conversation_id, 3) : [],
+      collaboration_events: collaborationEventManager.listBySession(session.session_key, 3),
+      since_last_seen: readSinceLastSeenState(ctx.storePath, "host_panel", "session", session.session_key)
     })),
     tasks: refreshedTasks.map((task) => ({
       ...task,
@@ -1847,7 +2344,8 @@ async function buildSessionOverviewPayload(ctx, sessionKey) {
   const taskManager = client.getTaskThreadManager();
   const taskHandoffManager = client.getTaskHandoffManager();
   const historyManager = client.getHistoryManager();
-  if (!sessionManager || !sessionSummaryManager || !taskManager || !taskHandoffManager || !historyManager) {
+  const collaborationEventManager = client.getCollaborationEventManager();
+  if (!sessionManager || !sessionSummaryManager || !taskManager || !taskHandoffManager || !historyManager || !collaborationEventManager) {
     throw new Error("Session overview requires a writable local store");
   }
   const session = sessionKey ? sessionManager.get(sessionKey) : sessionManager.getActiveSession() ?? sessionManager.listRecentSessions(1)[0] ?? null;
@@ -1881,16 +2379,49 @@ async function buildSessionOverviewPayload(ctx, sessionKey) {
     runtimeMode: getRuntimeMode(),
     limit: 20
   });
+  const outboxStore = new LocalStore(ctx.storePath);
+  let projectionOutbox = [];
+  let sinceLastSeen = null;
+  let deliveryTimeline = [];
+  let projectionPreview = null;
+  let pendingDecisionViews = [];
+  try {
+    projectionOutbox = new CollaborationProjectionOutboxManager(outboxStore).listBySession(session.session_key, 20);
+    sinceLastSeen = summarizeSinceLastSeen(outboxStore, {
+      operator_id: "host_panel",
+      scope_type: "session",
+      scope_key: session.session_key
+    });
+    deliveryTimeline = buildDeliveryTimeline(outboxStore, session.session_key, 40);
+    projectionPreview = buildProjectionPreview(
+      outboxStore,
+      session.session_key,
+      policy.collaboration_projection.preset,
+      5
+    );
+    pendingDecisionViews = listPendingDecisionViews(outboxStore, 100).filter((event) => event.session_key === session.session_key).slice(0, 20);
+  } finally {
+    outboxStore.close();
+  }
   return {
     session,
     sessionSummary: sessionSummaryManager.get(session.session_key),
+    collaborationEvents: collaborationEventManager.listBySession(session.session_key, 40),
+    pendingCollaborationEvents: pendingDecisionViews,
+    collaborationSummary: collaborationEventManager.summarize(200),
     ingressRuntime: readIngressRuntimeStatus(),
+    transportHealth: readTransportHealthState(ctx.storePath),
     binding,
     bindingAlert,
     activeWorkSession,
     activeWorkSessionFile: getActiveSessionFilePath(),
     sessionMapPath: getSessionMapFilePath(),
     sessionBindingAlertsPath: getSessionBindingAlertsFilePath(),
+    collaborationProjection: policy.collaboration_projection,
+    projectionOutbox,
+    sinceLastSeen,
+    deliveryTimeline,
+    projectionPreview,
     policyExplain: buildPolicyDecisionShape(ctx.identityPath, session.remote_did, { runtimeMode: getRuntimeMode() }),
     tasks: tasks.map((task) => ({
       ...task,
@@ -1967,6 +2498,70 @@ async function handleApi(pathname, req, ctx) {
         status: readIngressRuntimeStatus()
       };
     }
+    if (parts[1] === "transport-health" && req.method === "GET") {
+      return {
+        transportHealth: readTransportHealthState(ctx.storePath),
+        transportPreference: readTransportPreference()
+      };
+    }
+    if (parts[1] === "transport-switch" && req.method === "POST") {
+      const body = await readBody(req);
+      const mode = String(body?.mode ?? "").trim().toLowerCase();
+      if (mode !== "bridge" && mode !== "channel") throw new Error("mode must be bridge or channel");
+      const result = switchTransportPreference(mode, {
+        updated_by: "host_panel"
+      });
+      const store = new LocalStore(ctx.storePath);
+      try {
+        new CollaborationEventManager(store).record({
+          event_type: "transport_switched",
+          severity: result.restarted ? "notice" : "warning",
+          summary: result.restarted ? `Preferred transport switched to ${mode}. A managed restart was attempted.` : `Preferred transport switched to ${mode}. Restart is still required.`,
+          detail: {
+            preferred_mode: result.preferred_mode,
+            restart_required: result.restart_required,
+            restart_method: result.restart_method ?? null,
+            restart_error: result.restart_error ?? null,
+            preference_path: result.preference_path
+          }
+        });
+      } finally {
+        store.close();
+      }
+      return {
+        ok: true,
+        result,
+        transportHealth: readTransportHealthState(ctx.storePath)
+      };
+    }
+    if (parts[1] === "seen" && req.method === "POST") {
+      const body = await readBody(req);
+      const operatorId = String(body?.operator_id ?? "host_panel").trim();
+      const scopeType = String(body?.scope_type ?? "global").trim();
+      const scopeKey = typeof body?.scope_key === "string" ? body.scope_key.trim() : void 0;
+      if (!["host_panel", "tui", "mcp"].includes(operatorId)) throw new Error("operator_id must be host_panel, tui, or mcp");
+      if (scopeType !== "global" && scopeType !== "session") throw new Error("scope_type must be global or session");
+      const store = new LocalStore(ctx.storePath);
+      try {
+        const seen = new OperatorSeenStateManager(store).markSeen({
+          operator_id: operatorId,
+          scope_type: scopeType,
+          scope_key: scopeType === "session" ? scopeKey : null,
+          last_seen_ts: Date.now()
+        });
+        return {
+          ok: true,
+          seen,
+          summary: summarizeSinceLastSeen(store, {
+            operator_id: operatorId,
+            scope_type: scopeType,
+            scope_key: scopeType === "session" ? scopeKey : null
+          })
+        };
+      } finally {
+        store.close();
+      }
+    }
     if (parts[1] === "demo" && req.method === "POST") {
       const body = await readBody(req);
       const preset = typeof body?.preset === "string" ? body.preset.trim().toLowerCase() : "";
@@ -2016,9 +2611,48 @@ async function handleApi(pathname, req, ctx) {
         receiveMode: readIngressRuntimeStatus()
       };
     }
+    if (parts[1] === "collaboration-decisions") {
+      const store = new LocalStore(ctx.storePath);
+      try {
+        const manager = new CollaborationEventManager(store);
+        const outboxManager = new CollaborationProjectionOutboxManager(store);
+        if (req.method === "GET") {
+          const pendingDecisions = listPendingDecisionViews(store, 100);
+          return {
+            pendingDecisions,
+            projectionOutboxPending: outboxManager.listByStatus("pending", 50),
+            projectionOutboxFailed: outboxManager.listByStatus("failed", 50)
+          };
+        }
+        if (parts[2] === "resolve" && req.method === "POST") {
+          const body = await readBody(req);
+          const eventId = Number(body?.event_id);
+          const decision = String(body?.decision ?? "").trim().toLowerCase();
+          if (!Number.isInteger(eventId) || eventId <= 0) throw new Error("event_id is required");
+          if (decision !== "approved" && decision !== "rejected") {
+            throw new Error("decision must be approved or rejected");
+          }
+          const result = manager.resolveApproval(eventId, decision, {
+            resolved_by: "host_panel",
+            note: typeof body?.note === "string" ? body.note.trim() || void 0 : void 0
+          });
+          if (!result) throw new Error(`Collaboration event ${eventId} not found`);
+          return {
+            ok: true,
+            event: result.updated,
+            resolutionEvent: result.resolution_event,
+            projectionOutbox: result.projection_outbox
+          };
+        }
+      } finally {
+        store.close();
+      }
+    }
     if (parts[1] === "session") {
       const sessionManager = ctx.client.getSessionManager();
+      const collaborationEventManager = ctx.client.getCollaborationEventManager();
       if (!sessionManager) throw new Error("Session actions require a writable local store");
+      if (!collaborationEventManager) throw new Error("Collaboration actions require a writable local store");
       if (parts[2] === "reply" && req.method === "POST") {
         const body = await readBody(req);
         const session = resolveSessionForInput(sessionManager, body);
@@ -2059,6 +2693,28 @@ async function handleApi(pathname, req, ctx) {
           session: updated
         };
       }
+      if (parts[2] === "collaboration-decision" && req.method === "POST") {
+        const body = await readBody(req);
+        const eventId = Number(body?.event_id);
+        const decision = String(body?.decision ?? "").trim().toLowerCase();
+        if (!Number.isInteger(eventId) || eventId <= 0) throw new Error("event_id is required");
+        if (decision !== "approved" && decision !== "rejected") {
+          throw new Error("decision must be approved or rejected");
+        }
+        const result = collaborationEventManager.resolveApproval(eventId, decision, {
+          resolved_by: "host_panel",
+          note: typeof body?.note === "string" ? body.note.trim() || void 0 : void 0
+        });
+        if (!result) throw new Error(`Collaboration event ${eventId} not found`);
+        const session = result.updated.session_key ? sessionManager.get(result.updated.session_key) : null;
+        return {
+          ok: true,
+          event: result.updated,
+          resolutionEvent: result.resolution_event,
+          projectionOutbox: result.projection_outbox,
+          session
+        };
+      }
       const url = new URL(req.url || "", "http://x");
       const sessionKey = url.searchParams.get("session_key");
       return buildSessionOverviewPayload(ctx, sessionKey);
@@ -2186,6 +2842,39 @@ async function handleApi(pathname, req, ctx) {
         }
         return { ok: true, path: savedPath, doc };
       }
+      if (parts[2] === "projection") {
+        if (req.method === "GET") {
+          const doc = readTrustPolicyDoc(ctx.identityPath);
+          return {
+            path: policyPath,
+            projection: doc.collaboration_projection
+          };
+        }
+        if (req.method === "POST") {
+          const body = await readBody(req);
+          const doc = readTrustPolicyDoc(ctx.identityPath);
+          doc.collaboration_projection = {
+            preset: normalizeProjectionPreset(body?.preset)
+          };
+          const savedPath = writeTrustPolicyDoc(ctx.identityPath, doc);
+          const auditStore = new LocalStore(ctx.storePath);
+          try {
+            new TrustPolicyAuditManager(auditStore).record({
+              event_type: "policy_default_updated",
+              policy_scope: "session",
+              action: "collaboration_projection_updated",
+              outcome: "saved",
+              explanation: `Updated projection preset=${doc.collaboration_projection.preset}`,
+              detail: {
+                preset: doc.collaboration_projection.preset
+              }
+            });
+          } finally {
+            auditStore.close();
+          }
+          return { ok: true, path: savedPath, projection: doc.collaboration_projection, doc };
+        }
+      }
       if (parts[2] === "rules" && req.method === "POST") {
         const body = await readBody(req);
         const doc = readTrustPolicyDoc(ctx.identityPath);