Implementation:Ucbepic Docetl RfiResponseExplorer

Knowledge Sources	Ucbepic_Docetl
Domains	Frontend, React_UI
Last Updated	2026-02-08 00:00 GMT

Overview

Concrete tool for the RFI (Request for Information) response explorer showcase component in the DocETL website.

Description

The RfiResponseExplorer visualizes structured data extracted from government RFI responses processed through a DocETL pipeline. It displays responses with filters for famous entities, concrete proposals, age brackets, entity name search, topic search, and summary search. The component uses virtualized rendering (react-window) for handling large datasets, hover cards for full-text preview, pagination, and a markdown-rendered detail dialog. It includes an info dialog explaining the dataset source and DocETL pipeline used.

Usage

Rendered on the DocETL showcase page to demonstrate document classification and entity extraction from government RFI responses.

Code Reference

Source Location

• Repository: Ucbepic_Docetl
• File: website/src/components/showcase/rfi-response-explorer.tsx
• Lines: 1-589

Signature

interface RfiResponse {
  concrete_proposal_described: boolean;
  from_famous_entity: boolean;
  entity_name: string;
  age_bracket: string;
  main_topic: string;
  summary: string;
  filename?: string;
  text?: string;
}

export default function RfiResponseExplorer(): JSX.Element

Import

import RfiResponseExplorer from "@/components/showcase/rfi-response-explorer";

I/O Contract

Inputs (Props)

Name	Type	Required	Description
No props -- fetches data from /api/rfi-responses

Outputs

Name	Type	Description
rendered	JSX.Element	Interactive RFI response explorer with filtering and pagination

Usage Examples

<RfiResponseExplorer />

Related Pages

• Environment:Ucbepic_Docetl_Frontend_Node_Environment