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:T249c,"use client"; import * as React from "react"; import { getSegmentInteractionState, getSegmentSurfaceProps, scopeSegmentInteraction, type SegmentInteraction, } from "@/lib/segment-interaction"; import { segmentDisplayLabel, segmentPageCount } from "@/lib/segments"; import { cn } from "@/lib/utils"; import type { DocumentSegment } from "./segmented-document-model"; /** How the legend attaches to the document surface. */ export type SegmentLegendVariant = "bar" | "floating" | "plain"; export type SegmentLegendOrientation = "horizontal" | "vertical"; export type SegmentLegendSide = "top" | "bottom" | "left" | "right"; export type SegmentLegendDensity = "comfortable" | "compact"; export interface SegmentLegendProps { segments: DocumentSegment[]; /** * How the legend attaches to the document surface: * - `bar` — flush, full-width, bordered on its docking side (default). * - `floating` — an overlay card pinned to a corner; needs a `relative` parent. * - `plain` — raw entries, no chrome (compose your own container). * @default "bar" */ variant?: SegmentLegendVariant; /** Lay entries out horizontally (wrap/grid) or vertically (rail). @default "horizontal" */ orientation?: SegmentLegendOrientation; /** Edge the legend docks to — drives the border (`bar`) or anchor (`floating`). */ side?: SegmentLegendSide; /** Swatch + label scale. @default "comfortable" */ density?: SegmentLegendDensity; /** 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 styling. */ currentPage?: number | null; /** Lay entries out on a grid of N columns instead of wrapping inline (horizontal only). */ columns?: number; /** Render a "Show all / Hide unused" toggle when some segments own no pages. */ showUnusedToggle?: boolean; /** Controlled visibility of zero-page segments. */ showUnused?: boolean; /** Initial visibility of zero-page segments when `showUnused` is uncontrolled. */ defaultShowUnused?: boolean; onShowUnusedChange?: (showUnused: boolean) => void; /** A muted caption rendered under the entries (e.g. a classification's reasoning). */ caption?: React.ReactNode; className?: string; } const DENSITY = { comfortable: { swatch: "h-3 w-5", text: "text-xs", gap: "gap-x-4 gap-y-1.5" }, compact: { swatch: "h-2.5 w-4", text: "text-[11px]", gap: "gap-x-3 gap-y-1" }, } as const; const DOCK_BORDER: Record = { top: "border-b", bottom: "border-t", left: "border-r", right: "border-l", }; const FLOAT_ANCHOR: Record = { top: "absolute left-3 top-3", bottom: "absolute bottom-3 left-3", left: "absolute left-3 top-3", right: "absolute right-3 top-3", }; /** * Compact color legend: one swatch + label per segment. Hovering previews that * segment and dims the others. When nothing is previewed, the segment containing * `currentPage` is highlighted. * Zero-page segments are hidden unless shown via the toggle. * * `variant` controls how it sits on the document surface (flush bar, floating * overlay, or unstyled) so the same legend works for the classify, split, and * partition viewers without each one re-building its own chrome. */ export function SegmentLegend({ segments, variant = "bar", orientation = "horizontal", side, density = "comfortable", interaction, onSelect, currentPage, columns, showUnusedToggle = false, showUnused, defaultShowUnused = false, onShowUnusedChange, caption, className, }: SegmentLegendProps) { const [uncontrolledShowUnused, setUncontrolledShowUnused] = React.useState(defaultShowUnused); const hasCaption = caption !== null && caption !== undefined && typeof caption !== "boolean" && caption !== ""; const reveal = showUnused ?? uncontrolledShowUnused; const visible = reveal ? segments : segments.filter((s) => segmentPageCount(s.pages) > 0); const hasHidden = segments.some((s) => segmentPageCount(s.pages) === 0); const canToggleUnused = showUnusedToggle && hasHidden; 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], ); if (visible.length === 0 && !canToggleUnused) return null; const d = DENSITY[density]; const dockSide = side ?? (orientation === "vertical" ? "left" : "top"); const isVertical = orientation === "vertical"; // Only a positive integer column count drives the grid; anything else // (0, negative, fractional, Infinity, NaN) would emit invalid // `grid-template-columns` and silently collapse the row into one column, // so fall back to the wrapping flex layout instead. const gridColumns = !isVertical && columns != null && Number.isInteger(columns) && columns > 0 ? columns : null; const chrome = { bar: cn("bg-background px-3 py-2", DOCK_BORDER[dockSide]), floating: cn( "z-10 rounded-lg border bg-background/90 px-3 py-2 shadow-md backdrop-blur", FLOAT_ANCHOR[dockSide], ), plain: "", }[variant]; const toggleUnused = () => { const next = !reveal; if (showUnused === undefined) { setUncontrolledShowUnused(next); } onShowUnusedChange?.(next); }; return (

scopedInteraction?.clearPreview()} className={cn(chrome, className)} > {visible.length > 0 ? (

{visible.map((segment, segmentPosition) => { const { state, eventHandlers, dataProps } = getSegmentSurfaceProps({ segment, interaction: scopedInteraction, interactionState, onSelect, }); const label = segmentDisplayLabel(segment.label); const hasExplicitLabel = typeof segment.label === "string" && segment.label.trim().length > 0; return ( ); })}

) : null} {canToggleUnused ? ( ) : null} {hasCaption ? (

{caption}

) : null}

); } 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/utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/new-york-v4/ui/segment-legend.tsx","content":"$53","type":"registry:ui","target":"@ui/segment-legend.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"}]]}]