Document revision timeline with an emerald Current marker and connector rail down the left edge.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Legal14 } from "@/components/beste/piece/legal14";
<Legal14
docName="MSA-2026-0421"
versions={[
{
"label": "v4.2",
"author": "Beste Sözen",
"at": "Apr 23 · 14:12",
"note": "Counsel redline on indemnification",
"current": true
},
{
"label": "v4.1",
"author": "Kian Okafor",
"at": "Apr 21 · 10:02",
"note": "Updated pricing schedule"
},
{
"label": "v4.0",
"author": "Legal ops",
"at": "Apr 18 · 09:44",
"note": "Initial redline"
}
]}
/>Horizontal milestone rail with emerald past dots, a primary current halo, and muted future placeholders.
Document row whose icon and pill shift across draft, review, signed, expired, and voided states.
Clause redline view showing struck-through removed text in rose beside emerald added replacements.
Contract overview card listing the title, reference code, parties, effective date, and a status pill.
Class-action settlement tile with a matter header, emerald amount band, and fee-share plus approval status.
Court affirmed dismissal where plaintiff failed to allege concrete harm under a state data-retention statute.
Case brief card with title, citation, outcome pill, and a sky-ruled summary block beneath.