Skip to main content

Details Component

Overview​

Details Component is a UI-focused component used to display and manage detailed information about a selected item. It supports a journey-style, multi-step view and allows editing of fields, including data extracted from PDF documents with visual mapping.

Available only when team type is set to UI.

Purpose​

Details Component enables creation of a dedicated detail page that not only presents information but also allows users to review, edit, and validate data. This is especially useful when data originates from automated sources such as PDF extraction pipelines.

Journey View with Editable Steps​

  • Data is organized into multiple sequential steps
  • Each step represents a logical section
  • Fields inside steps are editable
  • Changes are applied to the underlying dataset

Steps are defined by grouping dataset fields.

Configuring Details Section

Dataset Configuration​

Required Setup​

  • Select dataset source
  • Select a unique ID field
  • Choose fields to display
  • Group fields into steps
  • Enable editing for required fields

Each step corresponds to a group of fields rendered as an editable section.

Journey View with Data and Scores

Editable Field Support​

Supported Editing Capabilities​

  • Inline text editing
  • Field value correction
  • Optional validation rules
  • Save and persist updates to dataset

Editing is controlled via UI configuration and dataset permissions.

PDF Extraction & Visualization​

When data is extracted from PDFs, Details Component supports visual field-to-source mapping.

PDF Visualization Features​

  • Embedded PDF viewer
  • Highlighted extraction zones
  • Field-to-PDF region mapping
  • Side-by-side data and source view

User Workflow​

  1. PDF is processed by document pipeline
  2. Fields are extracted and stored in dataset
  3. Details Component loads extracted fields
  4. User views extracted values alongside PDF
  5. User edits or corrects fields if required

This enables human-in-the-loop validation.

PDF Highlight View for Extracted Data

Extracted Mapping Behavior​

  • Each editable field links to its extraction region
  • Selecting a field highlights its source area in PDF
  • Corrected values override extracted values
  • Original extraction metadata remains traceable

Interaction Flow​

  1. User selects an item from List or other UI component
  2. Details Component loads dataset record by ID
  3. Journey steps render editable fields
  4. Optional PDF panel shows extraction context
  5. User edits and saves updated values

Common Use Cases​

  • PDF data review and correction
  • Document processing validation
  • Workflow step verification
  • Record enrichment
  • Compliance and audit review

Capabilities​

  • Step-based journey layout
  • Editable dataset fields
  • PDF source visualization
  • Extraction-to-field mapping
  • No-code configuration

Summary​

Details Component combines structured journey views, editable fields, and PDF extraction visualization. It enables accurate review and correction of extracted data, making it suitable for document-centric workflows requiring validation and human oversight.