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:T1423,"use client"; import * as React from "react"; import type { Source } from "@/lib/document-source"; import { sourceToDocxHighlight, useDocxSourceTarget, } from "@/components/ui/docx-source"; import { DocxViewer, type DocxViewerHandle } from "@/components/ui/docx-viewer"; 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 docxSample from "@/components/viewers/sample-data/docx-sources.json"; const DOCX_URL = "/samples/quarterly-business-review.docx"; const DOCX_SOURCE = { kind: "url" as const, url: DOCX_URL, fileName: "quarterly-business-review.docx", }; type DocxField = SourceField & { source: Source }; /** A short locator hint per anchor kind, matching the other source blocks. */ function hintFor(source: Source): string | undefined { const a = source.anchor; if (a.kind === "docx_text_span") return `¶ ${a.paragraph + 1}`; if (a.kind === "docx_table_cell") return `Table ${a.table + 1} · R${a.row + 1}C${a.column + 1}`; return undefined; } const FIELDS = (docxSample as DocxField[]).map((field) => ({ ...field, hint: hintFor(field.source), })); 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, })), ); /** * DOCX sources block — values extracted from a Word document, linked to where * they came from. Hovering a field highlights its text in the document and * scrolls to it. Segmented source interaction owns preview/selection while the * DOCX source adapter owns rendered-document target navigation. */ export function DocxSourcesBlock() { const viewerRef = React.useRef(null); return ( ); } function DocxSourcesContent({ viewerRef, }: { viewerRef: React.RefObject; }) { const target = useDocxSourceTarget(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 = sourceToDocxHighlight(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:Tda9,[ { "key": "title", "label": "Report title", "value": "Quarterly Business Review", "source": { "content": "Quarterly Business Review", "anchor": { "kind": "docx_text_span", "paragraph": 0 } } }, { "key": "fiscalYear", "label": "Fiscal year", "value": "FY2026", "source": { "content": "Fiscal Year 2026 — Consolidated Report", "anchor": { "kind": "docx_text_span", "paragraph": 1 } } }, { "key": "totalPages", "label": "Total pages", "value": "25", "source": { "content": "Total pages: 25", "anchor": { "kind": "docx_text_span", "paragraph": 3 } } }, { "key": "execSummarySection", "label": "Executive summary section", "value": "Executive Summary", "source": { "content": "1. Executive Summary", "anchor": { "kind": "docx_text_span", "paragraph": 5 } } }, { "key": "marketOverviewSection", "label": "Market overview section", "value": "Market Overview", "source": { "content": "2. Market Overview", "anchor": { "kind": "docx_text_span", "paragraph": 12 } } }, { "key": "revenueSection", "label": "Revenue section", "value": "Revenue Analysis", "source": { "content": "3. Revenue Analysis", "anchor": { "kind": "docx_text_span", "paragraph": 19 } } }, { "key": "costStructureSection", "label": "Cost structure section", "value": "Cost Structure", "source": { "content": "4. Cost Structure", "anchor": { "kind": "docx_text_span", "paragraph": 26 } } }, { "key": "operatingMarginsSection", "label": "Operating margins section", "value": "Operating Margins", "source": { "content": "5. Operating Margins", "anchor": { "kind": "docx_text_span", "paragraph": 33 } } }, { "key": "segmentPerformanceSection", "label": "Segment performance section", "value": "Segment Performance", "source": { "content": "6. Segment Performance", "anchor": { "kind": "docx_text_span", "paragraph": 40 } } }, { "key": "cashFlowSection", "label": "Cash flow section", "value": "Cash Flow", "source": { "content": "11. Cash Flow", "anchor": { "kind": "docx_text_span", "paragraph": 75 } } }, { "key": "balanceSheetSection", "label": "Balance sheet section", "value": "Balance Sheet Review", "source": { "content": "12. Balance Sheet Review", "anchor": { "kind": "docx_text_span", "paragraph": 82 } } }, { "key": "riskSection", "label": "Risk section", "value": "Risk Factors", "source": { "content": "14. Risk Factors", "anchor": { "kind": "docx_text_span", "paragraph": 96 } } }, { "key": "governanceSection", "label": "Governance section", "value": "Governance", "source": { "content": "19. Governance", "anchor": { "kind": "docx_text_span", "paragraph": 131 } } }, { "key": "outlookSection", "label": "Outlook section", "value": "Outlook & Guidance", "source": { "content": "20. Outlook & Guidance", "anchor": { "kind": "docx_text_span", "paragraph": 138 } } }, { "key": "methodologyAppendix", "label": "Methodology appendix", "value": "Appendix A: Methodology", "source": { "content": "23. Appendix A: Methodology", "anchor": { "kind": "docx_text_span", "paragraph": 159 } } } ] 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/docx-viewer","@retab/docx-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/docx-sources-block.tsx","content":"$51","type":"registry:component","target":"@components/blocks/docx-sources-block.tsx"},{"path":"components/viewers/sample-data/docx-sources.json","content":"$52","type":"registry:file","target":"@components/viewers/sample-data/docx-sources.json"}],"className":"h-[70svh] min-h-80"}]]}]