Review queue

"use client"

import * as React from "react"
import { ReviewQueue } from "@/components/review-queue"
import type { ReviewItem } from "@/lib/ops"

export default function Example() {
  const [items, setItems] = React.useState<ReviewItem[]>([
    { id: "r1", agent: { id: "arch", name: "Architect agent", role: "planner" }, ask: "Can we drop legacy_tier from customers now?", answer: "Yes, it has had no writes in the last 90 days, so it’s safe to drop.", judge: { verdict: "pass", reason: "Answers the question directly." } },
    { id: "r2", agent: { id: "dev", name: "Dev agent", role: "coder" }, ask: "Why did the backfill stop?", answer: "Batch 12 hit a row lock four times, so the run stopped itself. The rows updated before it keep their region.", judge: { verdict: "pass", reason: "Explains the stop and its effect." } },
    { id: "r3", agent: { id: "qa", name: "QA agent", role: "tester" }, ask: "Is the new_checkout flag on in Staging?", answer: "It’s on for 50% of Staging traffic, per flags/new_checkout.yaml." },
  ])
  return <ReviewQueue className="max-w-xl" items={items} onGrade={(id, grade, note) => setItems((xs) => xs.map((x) => (x.id === id ? { ...x, grade, note } : x)))} />
}