4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T131b,"use client"; import * as React from "react"; import type { Source } from "@/lib/document-source"; import { FileViewer, FileViewerContent, FileViewerHeader, FileViewerTitle, FileViewerProvider, FileViewerSidebar, FileViewerSidebarContent, FileViewerInset, FileViewerControls, FileViewerViewport, } from "@/components/ui/file-viewer"; import { SegmentedDocumentProvider } from "@/components/ui/segmented-document-provider"; import { useSegmentedSourceFieldLink } from "@/components/ui/source-field-link"; import { SourceFieldList, type SourceField, } from "@/components/ui/source-field-list"; import { createSourcesSegmentedDocumentModel } from "@/components/ui/source-segmented-document-model"; import { sourceToTextHighlight, useTextSourceTarget, } from "@/components/ui/text-source"; import { TextViewer, type TextViewerHandle } from "@/components/ui/text-viewer"; import textSample from "@/components/viewers/sample-data/text-sources.json"; const TEXT_URL = "/samples/extraction-run.log"; const TEXT_SOURCE = { kind: "url" as const, url: TEXT_URL, fileName: "extraction-run.log", }; type TextField = SourceField & { source: Source }; const FIELDS = (textSample as TextField[]).map((field) => ({ ...field, hint: field.source.anchor.kind === "text_span" ? `Line ${field.source.anchor.line_start}` : undefined, })); const FIELD_BY_KEY = new Map(FIELDS.map((field) => [field.key, field])); const SEGMENTED_DOCUMENT = createSourcesSegmentedDocumentModel( FIELDS.map((field) => ({ id: field.key, label: field.label, source: field.source, })), ); /** * Text sources block — values extracted from a log file, linked to the lines * they came from. Hovering a field highlights its line range and scrolls to it. * Segmented source interaction owns field preview/selection while the text * source adapter owns line-range scrolling and highlighting. */ export function TextSourcesBlock() { const viewerRef = React.useRef(null); return ( ); } function TextSourcesContent({ viewerRef, }: { viewerRef: React.RefObject; }) { const target = useTextSourceTarget(viewerRef); const segmentedLink = useSegmentedSourceFieldLink({ initialSourcePath: FIELDS[0]?.key, }); const link = useTargetedSourceFieldLink({ fieldByKey: FIELD_BY_KEY, link: segmentedLink, target, }); const activeSource = link.activeSourcePath ? FIELD_BY_KEY.get(link.activeSourcePath)?.source : undefined; const highlight = sourceToTextHighlight(activeSource); return ( ); } function useTargetedSourceFieldLink({ fieldByKey, link, target, }: { fieldByKey: ReadonlyMap; link: ReturnType; target: ReturnType; }) { const scrollToField = React.useCallback( (path: string, behavior: ScrollBehavior) => { const source = fieldByKey.get(path)?.source; if (source) target.scrollTo?.(source, { behavior }); }, [fieldByKey, target], ); const onSourceHover = React.useCallback( (path: string | null) => { link.onSourceHover(path); if (path) scrollToField(path, "auto"); }, [link, scrollToField], ); const selectSourcePath = React.useCallback( (path: string) => { link.selectSourcePath?.(path); scrollToField(path, "smooth"); }, [link, scrollToField], ); return React.useMemo( () => ({ ...link, onSourceHover, selectSourcePath, }), [link, onSourceHover, selectSourcePath], ); } 52:T1600,[ { "key": "runId", "label": "Run ID", "value": "run_3xK9b2QvT7", "source": { "content": "run_id=run_3xK9b2QvT7", "anchor": { "kind": "text_span", "line_start": 2, "line_end": 2 } } }, { "key": "tenant", "label": "Tenant", "value": "acme-corp", "source": { "content": "tenant=acme-corp environment=prod", "anchor": { "kind": "text_span", "line_start": 3, "line_end": 3 } } }, { "key": "environment", "label": "Environment", "value": "prod", "source": { "content": "tenant=acme-corp environment=prod", "anchor": { "kind": "text_span", "line_start": 3, "line_end": 3 } } }, { "key": "fileName", "label": "File name", "value": "bank-statement.pdf", "source": { "content": "received file bank-statement.pdf (80.1 KB)", "anchor": { "kind": "text_span", "line_start": 4, "line_end": 4 } } }, { "key": "fileSize", "label": "File size", "value": "80.1 KB", "source": { "content": "received file bank-statement.pdf (80.1 KB)", "anchor": { "kind": "text_span", "line_start": 4, "line_end": 4 } } }, { "key": "sha256", "label": "SHA-256", "value": "4f1a…c0de", "source": { "content": "sha256=4f1a...c0de", "anchor": { "kind": "text_span", "line_start": 5, "line_end": 5 } } }, { "key": "mimeType", "label": "MIME type", "value": "application/pdf", "source": { "content": "mime=application/pdf", "anchor": { "kind": "text_span", "line_start": 6, "line_end": 6 } } }, { "key": "documentType", "label": "Document type", "value": "bank_statement", "source": { "content": "detected document_type=bank_statement", "anchor": { "kind": "text_span", "line_start": 7, "line_end": 7 } } }, { "key": "classifierConfidence", "label": "Classifier confidence", "value": "0.984", "source": { "content": "confidence=0.984", "anchor": { "kind": "text_span", "line_start": 8, "line_end": 8 } } }, { "key": "pageCount", "label": "Page count", "value": "4", "source": { "content": "page_count=4", "anchor": { "kind": "text_span", "line_start": 9, "line_end": 9 } } }, { "key": "ocrDpi", "label": "OCR resolution", "value": "192 dpi", "source": { "content": "rasterizing pages at 192 dpi", "anchor": { "kind": "text_span", "line_start": 11, "line_end": 11 } } }, { "key": "model", "label": "Extraction model", "value": "retab-large", "source": { "content": "model=retab-large n_consensus=3", "anchor": { "kind": "text_span", "line_start": 16, "line_end": 16 } } }, { "key": "consensusRuns", "label": "Consensus runs", "value": "3", "source": { "content": "model=retab-large n_consensus=3", "anchor": { "kind": "text_span", "line_start": 16, "line_end": 16 } } }, { "key": "schema", "label": "Schema", "value": "bank_statement_v2", "source": { "content": "schema=bank_statement_v2 fields=18", "anchor": { "kind": "text_span", "line_start": 17, "line_end": 17 } } }, { "key": "schemaFields", "label": "Schema fields", "value": "18", "source": { "content": "schema=bank_statement_v2 fields=18", "anchor": { "kind": "text_span", "line_start": 17, "line_end": 17 } } }, { "key": "meanLikelihood", "label": "Mean likelihood", "value": "0.91", "source": { "content": "merged 3 runs, mean_likelihood=0.91", "anchor": { "kind": "text_span", "line_start": 21, "line_end": 21 } } }, { "key": "lowAgreementField", "label": "Low-agreement field", "value": "transactions.7.amount", "source": { "content": "field transactions.7.amount low agreement (0.58)", "anchor": { "kind": "text_span", "line_start": 22, "line_end": 22 } } }, { "key": "fieldsGrounded", "label": "Fields grounded", "value": "16 / 18", "source": { "content": "16/18 fields grounded", "anchor": { "kind": "text_span", "line_start": 26, "line_end": 26 } } }, { "key": "reviewQueue", "label": "Review queue", "value": "finance-ops", "source": { "content": "assigned to queue=finance-ops", "anchor": { "kind": "text_span", "line_start": 29, "line_end": 29 } } }, { "key": "promptTokens", "label": "Prompt tokens", "value": "14,820", "source": { "content": "prompt_tokens=14820 completion_tokens=2110", "anchor": { "kind": "text_span", "line_start": 30, "line_end": 30 } } }, { "key": "completionTokens", "label": "Completion tokens", "value": "2,110", "source": { "content": "prompt_tokens=14820 completion_tokens=2110", "anchor": { "kind": "text_span", "line_start": 30, "line_end": 30 } } }, { "key": "totalTokens", "label": "Total tokens", "value": "16,930", "source": { "content": "total_tokens=16930", "anchor": { "kind": "text_span", "line_start": 31, "line_end": 31 } } }, { "key": "status", "label": "Run status", "value": "completed", "source": { "content": "run status=completed", "anchor": { "kind": "text_span", "line_start": 32, "line_end": 32 } } }, { "key": "durationMs", "label": "Duration", "value": "11,842 ms", "source": { "content": "duration_ms=11842", "anchor": { "kind": "text_span", "line_start": 33, "line_end": 33 } } } ] 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L4f",null,{"namespace":"@retab","registryDependencies":["@retab/text-viewer","@retab/text-source","@retab/document-source","@retab/segmented-document","@retab/source-segmented-document","@retab/source-field-list","@retab/source-field-link","@retab/source-indicator"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/new-york-v4/blocks/text-sources-block.tsx","content":"$51","type":"registry:component","target":"@components/blocks/text-sources-block.tsx"},{"path":"components/viewers/sample-data/text-sources.json","content":"$52","type":"registry:file","target":"@components/viewers/sample-data/text-sources.json"}],"className":"h-[70svh] min-h-80"}]]}]