Components
An extraction citation panel connected to source bounding boxes and editable values. Review extracted fields in a form or JSON diff view, hover to highlight source locations, and edit values inline.
npx shadcn@latest add https://21st.dev/r/larsen66/bounding-box-citationsLoading preview...
"use client";
import { HumanReviewPanel } from "@/components/ui/bounding-box-citations";
export default function Default() {
return (
<div className="mx-auto flex w-full max-w-2xl items-center justify-center p-6">
<div className="w-full overflow-hidden rounded-lg border bg-background shadow-sm">
<HumanReviewPanel className="!h-[680px]" />
</div>
</div>
);
}