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:Te69,"use client"; import type { Source } from "@/lib/document-source"; import { FileViewer, FileViewerContent, FileViewerHeader, FileViewerTitle, FileViewerProvider, FileViewerSidebar, FileViewerSidebarContent, FileViewerInset, FileViewerControls, FileViewerViewport, } from "@/components/ui/file-viewer"; import { ImageViewer } from "@/components/ui/image-viewer"; import { SegmentedDocumentProvider, useSegmentedDocumentViewport, } 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 { useSegmentedImageSourceOverlay, useSegmentedImageViewerHandle, } from "@/components/ui/source-segmented-document-overlays"; import imageSample from "@/components/viewers/sample-data/image-sources.json"; const IMAGE_URL = "/samples/an-image-is-worth-16x16-words-page-1.png"; const IMAGE_SOURCE = { kind: "url" as const, url: IMAGE_URL, fileName: "an-image-is-worth-16x16-words-page-1.png", }; type ImageField = SourceField & { source: Source }; // Real values read off the scanned page with normalized image_bbox anchors. const FIELDS = imageSample as ImageField[]; const SEGMENTED_DOCUMENT = createSourcesSegmentedDocumentModel( FIELDS.map((field) => ({ id: field.key, label: field.label, source: field.source, })), ); /** * Image sources block — extracted fields beside a scanned page image. Hovering a * field highlights its image_bbox region and scrolls to it through the segmented * document provider. */ export function ImageSourcesBlock() { return ( ); } function ImageSourcesContent() { const link = useSegmentedSourceFieldLink({ initialSourcePath: FIELDS[0]?.key, }); const { documentHandlers } = useSegmentedDocumentViewport(); const renderFrameOverlay = useSegmentedImageSourceOverlay(link); const setImageViewerHandle = useSegmentedImageViewerHandle(); return ( ); } 52:Ta3f,[ { "key": "title", "label": "Title", "value": "An Image is Worth 16x16 Words", "source": { "content": "An Image is Worth 16x16 Words: Transformers for Image Recognition at Scale", "anchor": { "kind": "image_bbox", "left": 0.1772, "top": 0.1034, "width": 0.6457, "height": 0.0446 } } }, { "key": "firstAuthor", "label": "First author", "value": "Alexey Dosovitskiy", "source": { "content": "Alexey Dosovitskiy", "anchor": { "kind": "image_bbox", "left": 0.2313, "top": 0.1739, "width": 0.1314, "height": 0.0113 } } }, { "key": "affiliation", "label": "Affiliation", "value": "Google Research, Brain Team", "source": { "content": "Google Research, Brain Team", "anchor": { "kind": "image_bbox", "left": 0.4118, "top": 0.2417, "width": 0.196, "height": 0.0112 } } }, { "key": "firstAuthorEmail", "label": "First author email", "value": "adosovitskiy@google.com", "source": { "content": "{adosovitskiy, neilhoulsby}@google.com", "anchor": { "kind": "image_bbox", "left": 0.3258, "top": 0.2575, "width": 0.3679, "height": 0.0119 } } }, { "key": "secondAuthor", "label": "Second author", "value": "Lucas Beyer", "source": { "content": "Lucas Beyer", "anchor": { "kind": "image_bbox", "left": 0.3882, "top": 0.1739, "width": 0.0862, "height": 0.0113 } } }, { "key": "model", "label": "Proposed model", "value": "Vision Transformer (ViT)", "source": { "content": "Vision Transformer (ViT)", "anchor": { "kind": "image_bbox", "left": 0.4868, "top": 0.4533, "width": 0.1682, "height": 0.0112 } } }, { "key": "benchmark", "label": "Benchmarks", "value": "ImageNet, CIFAR-100, VTAB", "source": { "content": "ImageNet, CIFAR-100, VTAB", "anchor": { "kind": "image_bbox", "left": 0.2349, "top": 0.4533, "width": 0.2481, "height": 0.0112 } } }, { "key": "venue", "label": "Venue", "value": "ICLR 2021", "source": { "content": "Published as a conference paper at ICLR 2021", "anchor": { "kind": "image_bbox", "left": 0.1765, "top": 0.0361, "width": 0.3024, "height": 0.0112 } } } ] 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/image-viewer","@retab/image-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/image-sources-block.tsx","content":"$51","type":"registry:component","target":"@components/blocks/image-sources-block.tsx"},{"path":"components/viewers/sample-data/image-sources.json","content":"$52","type":"registry:file","target":"@components/viewers/sample-data/image-sources.json"}],"className":"h-[70svh] min-h-80"}]]}]