4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:T3437,"use client"; import * as React from "react"; import { useKeyedLayoutEffect } from "@/hooks/use-keyed-layout-effect"; import { joinEffectKey } from "@/lib/effect-key"; import { cn } from "@/lib/utils"; import { FileViewer, FileViewerContent, FileViewerControls, FileViewerHeader, FileViewerInset, FileViewerProvider, FileViewerSidebar, FileViewerSidebarContent, FileViewerSidebarTrigger, FileViewerTitle, FileViewerViewport, } from "@/components/ui/file-viewer"; import { PdfViewerPages, PdfViewerProvider, type PdfViewerHandle, } from "@/components/ui/pdf-viewer"; import { SHOWCASE_DOC, type ShowcaseSeg, } from "@/components/blocks/split-consensus-lukas-data"; const POLITAX_ASSET_BASE_URL = "https://storage.googleapis.com/retab-public-assets/politaxsplit"; const DOC = SHOWCASE_DOC; const SOURCE = { kind: "url" as const, downloadUrl: remotePdfUrl(DOC.document), fileName: DOC.document, url: proxiedPdfUrl(DOC.document), }; // Vertical strip layout copied from the Lukas Bjorkland split benchmark post. // Three columns (GT, Split v1, Split v2). Pages run top to bottom. The SVG is // sized to its measured container so the bars fill the full sidebar height and // width without distorting the labels. const DEFAULT_W = 320; const DEFAULT_H = 560; const PAD = { top: 44, right: 10, bottom: 28, left: 48 }; const NUM_COLS = 3; const COL_GAP = 12; const TYPE_COLORS: Record = { "Form 1040": "#4e79a7", "Schedule 1 (Form 1040)": "#f28e2b", "Schedule 2 (Form 1040)": "#e15759", "Schedule 3 (Form 1040)": "#ff9da7", "Schedule 4 (Form 1040)": "#86bcb6", "Schedule 5 (Form 1040)": "#bab0ac", "Form 2210": "#9c755f", "Schedule A (Form 1040)": "#76b7b2", "Schedule B (Form 1040)": "#59a14f", "Schedule C (Form 1040)": "#edc948", "Schedule D (Form 1040)": "#b07aa1", "Schedule E (Form 1040)": "#fabfd2", "Schedule H (Form 1040)": "#8cd17d", "Schedule SE (Form 1040)": "#d4a6c8", "Schedule K-1 (Form 1065)": "#ff7f50", "Schedule K-1 (Form 1120-S)": "#ffb347", "Schedule K (Form 1065)": "#c49c94", "Schedule L (Form 1065)": "#dbdb8d", "Schedule M-2 (Form 1065)": "#8d6e63", "Schedule M-3 (Form 1120/1065)": "#9edae5", "Form 1065": "#17becf", "Form 1120-S": "#aec7e8", "Form 4562": "#ffbb78", "Form 4136": "#98df8a", "Form 4797": "#f7b6d2", "Form 5471": "#c5b0d5", "Form 6251": "#a0cbe8", "Form 709": "#c68a89", "Form 8283": "#e7cb94", "Form 8582": "#e7ba52", "Form 8858": "#a65628", "Form 8865": "#ff9896", "Form 8886": "#bd7ebe", "Form 8938": "#c7c7c7", "Form 8949": "#9467bd", "Form 8960": "#d7b5a6", "Form IL-1040": "#bcbd22", "Form IL-2210": "#2ca02c", misc_form: "#aab4bd", supplement: "#499894", other: "#6b7280", }; type Col = { key: string; label: string; labelClassName: string; segs: ShowcaseSeg[]; }; type Hovered = { colKey: string; seg: ShowcaseSeg; cx: number; cy: number; } | null; export function SplitConsensusLukasViewerBlock() { const [currentPage, setCurrentPage] = React.useState(1); const pdfRef = React.useRef(null); const jumpToPage = React.useCallback((page: number) => { setCurrentPage(page); pdfRef.current?.scrollToPage(page, { behavior: "smooth" }); }, []); return (

setCurrentPage(page)} />

); } function SplitConsensusSidebar({ currentPage, onJump, }: { currentPage: number; onJump: (page: number) => void; }) { return ( ); } function SegmentStripChart({ currentPage, onJump, }: { currentPage: number; onJump: (page: number) => void; }) { const [hovered, setHovered] = React.useState(null); const [ref, size] = useElementSize(); const W = size.width || DEFAULT_W; const H = size.height || DEFAULT_H; const innerW = Math.max(W - PAD.left - PAD.right, 1); const innerH = Math.max(H - PAD.top - PAD.bottom, 1); const colW = Math.max((innerW - COL_GAP * (NUM_COLS - 1)) / NUM_COLS, 1); const cols: Col[] = [ { key: "gt", label: "Ground truth", labelClassName: "fill-foreground font-semibold", segs: DOC.ground_truth, }, { key: "v1", label: "Split v1", labelClassName: "fill-muted-foreground", segs: DOC.v1, }, { key: "v2", label: "Split v2", labelClassName: "fill-emerald-500", segs: DOC.v2, }, ]; const pages = DOC.page_count; const colX = (index: number) => PAD.left + index * (colW + COL_GAP); const yFor = (page: number) => PAD.top + ((page - 1) / pages) * innerH; const hFor = (start: number, end: number) => Math.max(((end - start + 1) / pages) * innerH, 1.4); const tickStep = Math.max(10, Math.round(pages / 10 / 5) * 5); const ticks: number[] = [1]; for (let page = tickStep; page <= pages; page += tickStep) ticks.push(page); if (ticks[ticks.length - 1] !== pages) ticks.push(pages); const cursorY = yFor(Math.max(1, Math.min(pages + 1, currentPage))); return (

); } function HoverTooltip({ hovered, chartWidth, }: { hovered: NonNullable; chartWidth: number; }) { const { seg } = hovered; const label = seg.t; const range = seg.s === seg.e ? `page ${seg.s}` : `pages ${seg.s}-${seg.e} (${seg.e - seg.s + 1})`; const textW = Math.max(label.length, range.length) * 6 + 28; let tx = hovered.cx - textW / 2; if (tx < PAD.left) tx = PAD.left; if (tx + textW > chartWidth - 4) tx = chartWidth - 4 - textW; const showBelow = hovered.cy < PAD.top + 40; const ty = showBelow ? hovered.cy + 8 : hovered.cy - 40; const color = colorForType(seg.t); return ( {label} {range} ); } function useElementSize() { const [element, setElement] = React.useState(null); const [size, setSize] = React.useState({ width: 0, height: 0 }); useKeyedLayoutEffect(element ? joinEffectKey([element]) : null, () => { if (!element) return; const observer = new ResizeObserver((entries) => { const box = entries[0]?.contentRect; if (!box) return; setSize((prev) => prev.width === box.width && prev.height === box.height ? prev : { width: box.width, height: box.height }, ); }); observer.observe(element); return () => observer.disconnect(); }); return [setElement, size] as const; } function remotePdfUrl(document: string): string { const prefix = document.split("_")[0]?.toLowerCase(); return `${POLITAX_ASSET_BASE_URL}/pdfs/${encodeURIComponent(prefix)}/${encodeURIComponent(document)}`; } function proxiedPdfUrl(document: string): string { const prefix = document.split("_")[0]?.toLowerCase(); return `/api/politax-pdf/${encodeURIComponent(prefix)}/${encodeURIComponent(document)}`; } function colorForType(type: string): string { return TYPE_COLORS[type] ?? "#a1a1aa"; } 53:T333a,// One sample PoliTax-Split document: GT / Split v1 / Split v2 segments // plus per-pipeline Pages Labelled Correctly (seg_accuracy) and Total F1 (lenient). // Source row extracted from handmade-tests/benchmark/gen_showcase_data.py output. export type ShowcaseSeg = { t: string; s: number; e: number }; export type ShowcaseDoc = { document: string; pretty_name: string; page_count: number; ground_truth: ShowcaseSeg[]; v1: ShowcaseSeg[]; v2: ShowcaseSeg[]; v1_seg_accuracy: number; v1_lenient_f1: number; v2_seg_accuracy: number; v2_lenient_f1: number; }; export const SHOWCASE_DOC: ShowcaseDoc = { document: "harris_2020_federal_state_returns.pdf", pretty_name: "Harris 2020 \u2014 Federal & State Returns", page_count: 100, ground_truth: [ { t: "Form 1040", s: 1, e: 2, }, { t: "Schedule 1 (Form 1040)", s: 3, e: 3, }, { t: "Schedule 2 (Form 1040)", s: 4, e: 4, }, { t: "Schedule 3 (Form 1040)", s: 5, e: 5, }, { t: "Form 2210", s: 6, e: 8, }, { t: "Schedule A (Form 1040)", s: 9, e: 9, }, { t: "Schedule B (Form 1040)", s: 10, e: 10, }, { t: "Schedule C (Form 1040)", s: 11, e: 11, }, { t: "Schedule D (Form 1040)", s: 12, e: 13, }, { t: "Schedule E (Form 1040)", s: 14, e: 14, }, { t: "Schedule SE (Form 1040)", s: 15, e: 16, }, { t: "Schedule SE (Form 1040)", s: 17, e: 18, }, { t: "misc_form", s: 19, e: 20, }, { t: "misc_form", s: 21, e: 23, }, { t: "Form 6251", s: 24, e: 25, }, { t: "misc_form", s: 26, e: 27, }, { t: "Schedule H (Form 1040)", s: 28, e: 29, }, { t: "misc_form", s: 30, e: 30, }, { t: "misc_form", s: 31, e: 31, }, { t: "Form 8960", s: 32, e: 33, }, { t: "supplement", s: 34, e: 41, }, { t: "misc_form", s: 42, e: 46, }, { t: "misc_form", s: 47, e: 47, }, { t: "misc_form", s: 48, e: 50, }, { t: "supplement", s: 51, e: 51, }, { t: "misc_form", s: 52, e: 53, }, { t: "misc_form", s: 54, e: 54, }, { t: "misc_form", s: 55, e: 55, }, { t: "misc_form", s: 56, e: 56, }, { t: "misc_form", s: 57, e: 57, }, { t: "misc_form", s: 58, e: 58, }, { t: "misc_form", s: 59, e: 59, }, { t: "misc_form", s: 60, e: 60, }, { t: "misc_form", s: 61, e: 61, }, { t: "misc_form", s: 62, e: 62, }, { t: "misc_form", s: 63, e: 63, }, { t: "misc_form", s: 64, e: 64, }, { t: "misc_form", s: 65, e: 65, }, { t: "misc_form", s: 66, e: 66, }, { t: "misc_form", s: 67, e: 67, }, { t: "misc_form", s: 68, e: 68, }, { t: "misc_form", s: 69, e: 69, }, { t: "misc_form", s: 70, e: 70, }, { t: "misc_form", s: 71, e: 71, }, { t: "misc_form", s: 72, e: 72, }, { t: "misc_form", s: 73, e: 73, }, { t: "misc_form", s: 74, e: 75, }, { t: "misc_form", s: 76, e: 77, }, { t: "supplement", s: 78, e: 78, }, { t: "misc_form", s: 79, e: 83, }, { t: "supplement", s: 84, e: 84, }, { t: "supplement", s: 85, e: 85, }, { t: "supplement", s: 86, e: 87, }, { t: "misc_form", s: 88, e: 90, }, { t: "misc_form", s: 91, e: 91, }, { t: "supplement", s: 92, e: 92, }, { t: "supplement", s: 93, e: 97, }, { t: "Schedule D (Form 1040)", s: 98, e: 99, }, { t: "supplement", s: 100, e: 100, }, ], v1: [ { t: "Form 1040", s: 1, e: 2, }, { t: "Schedule 1 (Form 1040)", s: 3, e: 3, }, { t: "Schedule 2 (Form 1040)", s: 4, e: 4, }, { t: "Schedule 3 (Form 1040)", s: 5, e: 5, }, { t: "Form 2210", s: 6, e: 8, }, { t: "Schedule A (Form 1040)", s: 9, e: 9, }, { t: "Schedule B (Form 1040)", s: 10, e: 10, }, { t: "Schedule C (Form 1040)", s: 11, e: 11, }, { t: "Schedule D (Form 1040)", s: 12, e: 13, }, { t: "Schedule E (Form 1040)", s: 14, e: 14, }, { t: "Schedule SE (Form 1040)", s: 15, e: 18, }, { t: "misc_form", s: 19, e: 20, }, { t: "misc_form", s: 21, e: 23, }, { t: "Form 6251", s: 24, e: 25, }, { t: "misc_form", s: 26, e: 27, }, { t: "Schedule H (Form 1040)", s: 28, e: 29, }, { t: "misc_form", s: 30, e: 30, }, { t: "misc_form", s: 31, e: 31, }, { t: "Form 8960", s: 32, e: 33, }, { t: "supplement", s: 34, e: 34, }, { t: "supplement", s: 35, e: 35, }, { t: "supplement", s: 35, e: 35, }, { t: "supplement", s: 35, e: 35, }, { t: "supplement", s: 35, e: 35, }, { t: "supplement", s: 36, e: 36, }, { t: "supplement", s: 37, e: 37, }, { t: "supplement", s: 38, e: 38, }, { t: "supplement", s: 39, e: 39, }, { t: "supplement", s: 40, e: 40, }, { t: "supplement", s: 41, e: 41, }, { t: "supplement", s: 41, e: 41, }, { t: "misc_form", s: 42, e: 46, }, { t: "misc_form", s: 47, e: 47, }, { t: "misc_form", s: 48, e: 50, }, { t: "supplement", s: 51, e: 51, }, { t: "misc_form", s: 52, e: 53, }, { t: "misc_form", s: 54, e: 73, }, { t: "misc_form", s: 74, e: 77, }, { t: "supplement", s: 78, e: 78, }, { t: "misc_form", s: 79, e: 83, }, { t: "supplement", s: 84, e: 87, }, { t: "misc_form", s: 88, e: 91, }, { t: "misc_form", s: 89, e: 91, }, { t: "misc_form", s: 91, e: 91, }, { t: "supplement", s: 92, e: 92, }, { t: "supplement", s: 93, e: 97, }, { t: "Schedule D (Form 1040)", s: 98, e: 99, }, { t: "supplement", s: 100, e: 100, }, { t: "supplement", s: 100, e: 100, }, ], v2: [ { t: "Form 1040", s: 1, e: 2, }, { t: "Schedule 1 (Form 1040)", s: 3, e: 3, }, { t: "Schedule 2 (Form 1040)", s: 4, e: 4, }, { t: "Schedule 3 (Form 1040)", s: 5, e: 5, }, { t: "Form 2210", s: 6, e: 8, }, { t: "Schedule A (Form 1040)", s: 9, e: 9, }, { t: "Schedule B (Form 1040)", s: 10, e: 10, }, { t: "Schedule C (Form 1040)", s: 11, e: 11, }, { t: "Schedule D (Form 1040)", s: 12, e: 13, }, { t: "Schedule E (Form 1040)", s: 14, e: 14, }, { t: "Schedule SE (Form 1040)", s: 15, e: 16, }, { t: "Schedule SE (Form 1040)", s: 17, e: 18, }, { t: "misc_form", s: 19, e: 20, }, { t: "misc_form", s: 21, e: 23, }, { t: "Form 6251", s: 24, e: 25, }, { t: "misc_form", s: 26, e: 27, }, { t: "Schedule H (Form 1040)", s: 28, e: 29, }, { t: "misc_form", s: 30, e: 30, }, { t: "misc_form", s: 31, e: 31, }, { t: "Form 8960", s: 32, e: 32, }, { t: "Form 8960", s: 33, e: 33, }, { t: "supplement", s: 34, e: 41, }, { t: "misc_form", s: 42, e: 46, }, { t: "misc_form", s: 47, e: 47, }, { t: "misc_form", s: 48, e: 50, }, { t: "supplement", s: 51, e: 51, }, { t: "misc_form", s: 52, e: 53, }, { t: "misc_form", s: 54, e: 54, }, { t: "misc_form", s: 55, e: 55, }, { t: "misc_form", s: 56, e: 56, }, { t: "misc_form", s: 57, e: 57, }, { t: "misc_form", s: 58, e: 58, }, { t: "misc_form", s: 59, e: 59, }, { t: "misc_form", s: 60, e: 60, }, { t: "misc_form", s: 61, e: 61, }, { t: "misc_form", s: 62, e: 62, }, { t: "misc_form", s: 63, e: 63, }, { t: "misc_form", s: 64, e: 64, }, { t: "misc_form", s: 65, e: 65, }, { t: "misc_form", s: 66, e: 66, }, { t: "misc_form", s: 67, e: 67, }, { t: "misc_form", s: 68, e: 68, }, { t: "misc_form", s: 69, e: 69, }, { t: "misc_form", s: 70, e: 70, }, { t: "misc_form", s: 71, e: 71, }, { t: "misc_form", s: 72, e: 72, }, { t: "misc_form", s: 73, e: 73, }, { t: "misc_form", s: 74, e: 75, }, { t: "misc_form", s: 76, e: 77, }, { t: "supplement", s: 78, e: 78, }, { t: "misc_form", s: 79, e: 83, }, { t: "supplement", s: 84, e: 87, }, { t: "misc_form", s: 88, e: 90, }, { t: "misc_form", s: 91, e: 91, }, { t: "supplement", s: 92, e: 97, }, { t: "Schedule D (Form 1040)", s: 98, e: 99, }, { t: "supplement", s: 100, e: 100, }, ], v1_seg_accuracy: 1.0, v1_lenient_f1: 0.6296, v2_seg_accuracy: 1.0, v2_lenient_f1: 0.9655, }; 54:T821,import { type NextRequest } from "next/server"; const POLITAX_ASSET_BASE_URL = "https://storage.googleapis.com/retab-public-assets/politaxsplit"; const SAFE_PREFIX_RE = /^[a-z0-9-]+$/; const SAFE_DOCUMENT_RE = /^[A-Za-z0-9_.-]+\.pdf$/; export const dynamic = "force-dynamic"; export async function GET( request: NextRequest, { params }: { params: Promise<{ document: string; prefix: string }> }, ) { return proxyPolitaxPdf(request, await params); } export async function HEAD( request: NextRequest, { params }: { params: Promise<{ document: string; prefix: string }> }, ) { return proxyPolitaxPdf(request, await params, { method: "HEAD" }); } async function proxyPolitaxPdf( request: NextRequest, params: { document: string; prefix: string }, options: { method?: "GET" | "HEAD" } = {}, ) { const { document, prefix } = params; if (!SAFE_PREFIX_RE.test(prefix) || !SAFE_DOCUMENT_RE.test(document)) { return Response.json({ error: "Invalid PDF path." }, { status: 400 }); } const upstreamUrl = `${POLITAX_ASSET_BASE_URL}/pdfs/${encodeURIComponent(prefix)}/${encodeURIComponent(document)}`; const range = request.headers.get("range"); const upstream = await fetch(upstreamUrl, { headers: range ? { range } : undefined, method: options.method ?? "GET", }); if (!upstream.ok && upstream.status !== 206) { return Response.json( { error: `Failed to load PDF: ${upstream.status}` }, { status: upstream.status }, ); } const headers = proxiedPdfHeaders(upstream.headers); return new Response(options.method === "HEAD" ? null : upstream.body, { headers, status: upstream.status, }); } function proxiedPdfHeaders(upstreamHeaders: Headers) { const headers = new Headers(); for (const name of [ "accept-ranges", "cache-control", "content-length", "content-range", "content-type", "etag", "last-modified", ]) { const value = upstreamHeaders.get(name); if (value) headers.set(name, value); } headers.set("content-disposition", "inline"); return headers; } 4b:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4f",null,{"registryDependencies":["@retab/file-viewer","@retab/pdf-viewer","@retab/use-keyed-layout-effect","@retab/effect-key"]}]]}],["$","$L50",null,{"sourceUrl":"https://ui.retab.com/r/split-consensus-lukas-viewer-block.json","proxyUrl":"https://shadcnregistry.com/r/retab/split-consensus-lukas-viewer-block","itemId":"@retab/split-consensus-lukas-viewer-block"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L51",null,{"files":[{"path":"registry/new-york-v4/blocks/split-consensus-lukas-viewer-block.tsx","content":"$52","type":"registry:component","target":"@components/blocks/split-consensus-lukas-viewer-block.tsx"},{"path":"registry/new-york-v4/blocks/split-consensus-lukas-data.ts","content":"$53","type":"registry:component","target":"@components/blocks/split-consensus-lukas-data.ts"},{"path":"app/api/politax-pdf/[prefix]/[document]/route.ts","content":"$54","type":"registry:file","target":"app/api/politax-pdf/[prefix]/[document]/route.ts"}]}]]}],"$L55"]}]

Split Consensus Lukas

Installation

Files

@components

app

Styles