Chunk Boundary Visualizer

Visualizes a document split into distinct chunks: alternating accent-background segments each with a monospace C1/C2 badge; in semantic mode, inter-chunk boundary similarity scores (e.g. sim: 0.74) render as faint labels between segments. T.

Library

LocalMode

Framework

React

Type

component

License

MIT

Install

npx shadcn add @localmode/ui/ui/data-documents/chunk-boundary-visualizer

Files

• apps/ui/registry/localmode/data-documents/chunk-boundary-visualizer/chunk-boundary-visualizer.tsx
• apps/ui/src/lib/utils.ts

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Text Components
• React Text Components
• Tailwind CSS Text Components
• Text Highlight Components
• React Text Highlight Components
• Tailwind CSS Text Highlight Components

More from LocalMode

• Synced Transcript Viewer
• Document QA Block
• PII Redactor Block
• Mask Token Input
• Redacted Text Display
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel