51: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"] 52: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"] 53:T17c0,"use client"; import * as React from "react"; import { getSegmentInteractionState, getSegmentSurfaceProps, scopeSegmentInteraction, type SegmentInteraction, } from "@/lib/segment-interaction"; import { formatPageRanges, segmentDisplayLabel, segmentPageCount, } from "@/lib/segments"; import { cn } from "@/lib/utils"; import type { DocumentSegment } from "./segmented-document-model"; import { SidebarListButton, SidebarListContent, SidebarListGroup, SidebarListGroupContent, SidebarListGroupLabel, SidebarListMenu, SidebarListMenuItem, SidebarListRoot, } from "./sidebar-list"; export interface SegmentSidebarProps { segments: DocumentSegment[]; /** Shared preview state. */ interaction?: SegmentInteraction; /** Fired when a segment surface is clicked, after transient preview is cleared. */ onSelect?: (segment: DocumentSegment) => void; /** 1-based current page; owning segments receive current-page state. */ currentPage?: number | null; /** Noun for a row, e.g. "chunk" (partition) or "subdocument" (split). */ unitLabel?: string; /** Show segments with zero pages too. */ showUnused?: boolean; className?: string; } /** * A navigable list of segments — the "sidebar" surface. Each row shows the * color swatch, label, page ranges, page count, and (when present) a confidence * bar. Hovering previews the segment; clicking fires `onSelect` for host side * effects like document scrolling. */ export function SegmentSidebar({ segments, interaction, onSelect, currentPage, unitLabel = "segment", showUnused = true, className, }: SegmentSidebarProps) { const visible = showUnused ? segments : segments.filter((s) => segmentPageCount(s.pages) > 0); const scopedInteraction = React.useMemo( () => scopeSegmentInteraction( interaction, visible.map((segment) => segment.id), ), [interaction, visible], ); const interactionState = React.useMemo( () => getSegmentInteractionState({ segments: visible, currentPage, interaction: scopedInteraction, }), [currentPage, scopedInteraction, visible], ); return (

scopedInteraction?.clearPreview()} className={cn("flex min-h-0 flex-col", className)} > {visible.length} {unitLabel} {visible.length === 1 ? "" : "s"} {visible.map((segment, segmentPosition) => ( ))}

); } function SegmentSidebarItem({ segment, interaction, interactionState, onSelect, }: { segment: DocumentSegment; interaction: SegmentInteraction | undefined; interactionState: ReturnType; onSelect: ((segment: DocumentSegment) => void) | undefined; }) { const { state, eventHandlers, dataProps } = getSegmentSurfaceProps({ segment, interaction, interactionState, onSelect, }); const label = segmentDisplayLabel(segment.label); const pageCount = segmentPageCount(segment.pages); return ( {segment.label.trim() ? ( label ) : ( unnamed )} {pageCount === 0 ? "no pages" : `${pageCount} page${ pageCount === 1 ? "" : "s" } · ${formatPageRanges(segment.pages)}`} {segment.confidence != null ? ( ) : null} ); } function ConfidenceBar({ value }: { value: number }) { const safeValue = Number.isFinite(value) ? value : 0; const pct = Math.round(Math.max(0, Math.min(1, safeValue)) * 100); return ( {pct}% ); } 54:T76a,import { segmentsPageCount, type Segment } from "@/lib/segments"; export type DocumentSegment = Segment & { /** Stable domain id for the item that produced this segment. */ sourceId?: string; }; export type SegmentBounds = { x: number; y: number; width: number; height: number; }; export type SegmentAnchor = { id: string; segmentId: string; /** 1-based page/frame number. */ pageNumber: number; /** Normalized page-local rectangle. Omit for whole-page anchors. */ bounds?: SegmentBounds; }; export type SegmentedPage = { pageNumber: number; width?: number; height?: number; }; export type SegmentRow = { id: string; label?: string; /** Generic display grouping only; domain vote/output semantics stay outside. */ segments: DocumentSegment[]; }; export type SegmentedDocumentModel = { pages: SegmentedPage[]; /** Viewport/navigation projection used for page ownership and jumps. */ segments: DocumentSegment[]; /** Optional page-local targets for segment-level navigation and overlays. */ anchors?: SegmentAnchor[]; /** Optional generic row projection for visual ribbons or grouped legends. */ rows?: SegmentRow[]; }; export function createSegmentedDocumentModel({ anchors, pageCount, pages, rows, segments, }: { anchors?: SegmentAnchor[]; pageCount?: number; pages?: SegmentedPage[]; rows?: SegmentRow[]; segments: DocumentSegment[]; }): SegmentedDocumentModel { return { pages: pages ?? createSegmentedPages(pageCount ?? segmentsPageCount(segments)), segments, ...(anchors ? { anchors } : null), ...(rows ? { rows } : null), }; } export function createSegmentedPages(pageCount: number): SegmentedPage[] { const count = Number.isFinite(pageCount) && pageCount > 0 ? Math.floor(pageCount) : 0; return Array.from({ length: count }, (_, index) => ({ pageNumber: index + 1, })); } 50:["$","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,["$","$L51",null,{"namespace":"@retab","registryDependencies":["@retab/segments","@retab/segment-interaction","@retab/sidebar-list","@retab/utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/new-york-v4/ui/segment-sidebar.tsx","content":"$53","type":"registry:ui","target":"@ui/segment-sidebar.tsx"},{"path":"registry/new-york-v4/ui/segmented-document-model.ts","content":"$54","type":"registry:ui","target":"@ui/segmented-document-model.ts"}],"className":"h-[70svh] min-h-80"}]]}]