feat: add moderation review dashboard

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-14 21:01:57 +07:00
parent fbf0f11db1
commit ae02556f75
5 changed files with 333 additions and 44 deletions
@@ -0,0 +1,37 @@
+import type { MessageRecord } from "../../api/client";
+import { MessageCard } from "../messages/MessageCard";
+
+export interface ReviewPanelProps {
+  messages: MessageRecord[];
+  onReanalyze: (id: string) => void;
+}
+
+export function ReviewPanel({ messages, onReanalyze }: ReviewPanelProps) {
+  const reviewItems = messages.filter(
+    (m) =>
+      m.ai_status === "warn" ||
+      m.ai_status === "flagged" ||
+      m.ai_status === "error",
+  );
+
+  return (
+    <div className="review-panel">
+      <div className="review-header">
+        <h2>Needs Review</h2>
+        <span className="review-count">{reviewItems.length}</span>
+      </div>
+
+      {reviewItems.length === 0 ? (
+        <div className="empty-state">
+          <p>No items to review</p>
+        </div>
+      ) : (
+        <div className="review-list">
+          {reviewItems.map((msg) => (
+            <MessageCard key={msg.id} message={msg} onReanalyze={onReanalyze} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}