Review every new snapshot with an agent from the other vendor

web/style.css

@@ -357,7 +357,8 @@ a.task-link {
 .files-view,
 .terminal-view,
 .preview-view,
-.inbox-view {
+.inbox-view,
+.reviews-view {
   flex: 1;
   min-height: 0;
   display: flex;
@@ -1562,6 +1563,101 @@ pre.file-text .line::before {
   color: var(--ok);
 }
 
+.review-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px 16px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.review {
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  padding: 10px 14px;
+  background: var(--raised);
+}
+
+.card .review {
+  background: var(--surface);
+}
+
+.card-reviews {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 8px 0;
+}
+
+.review header {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: baseline;
+  font-size: 11px;
+  color: var(--muted);
+}
+
+.review header time {
+  margin-left: auto;
+}
+
+.review-snapshot {
+  font-weight: 700;
+  color: var(--text);
+}
+
+.review-state.failed {
+  color: var(--warn);
+}
+
+.findings {
+  list-style: none;
+  padding: 0;
+  margin: 8px 0 0;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.finding {
+  border-top: 1px solid var(--border);
+  padding-top: 6px;
+}
+
+.finding-head {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: baseline;
+}
+
+.finding-category,
+.finding-where {
+  color: var(--muted);
+  font-size: 11px;
+}
+
+.finding-detail {
+  margin-top: 4px;
+}
+
+.severity {
+  font-size: 11px;
+  font-weight: 700;
+  color: var(--muted);
+}
+
+.severity.critical,
+.severity.high {
+  color: var(--danger);
+}
+
+.severity.medium {
+  color: var(--warn);
+}
+
 .hint {
   color: var(--muted);
   margin: 0;