Implementation:Apache Druid DestinationPagesPane
| Knowledge Sources | |
|---|---|
| Domains | Web_Console, Query_Workbench |
| Last Updated | 2026-02-10 10:00 GMT |
Overview
DestinationPagesPane is a React component that displays paginated query result pages with download options for MSQ task execution outputs.
Description
The component renders a table of destination pages from a completed MSQ execution, showing page ID, row count, and byte size for each page. Users can configure the download format (JSON Lines, JSON array, array lines, or CSV) and customize the filename prefix. A "Download all data (concatenated)" button provides a single-file download, while individual pages can be downloaded separately. The component constructs download URLs pointing to the Druid SQL statements results API endpoint.
Usage
Used within the execution details pane to show result pages when an MSQ query writes output to durable storage. The pane is rendered when execution.destinationPages is available.
Code Reference
Source Location
- Repository: Apache Druid
- File: web-console/src/views/workbench-view/destination-pages-pane/destination-pages-pane.tsx
- Lines: 1-205
Signature
interface DestinationPagesPaneProps {
execution: Execution;
}
export const DestinationPagesPane = React.memo(function DestinationPagesPane(
props: DestinationPagesPaneProps,
): JSX.Element | null;
Import
import { DestinationPagesPane } from 'web-console/src/views/workbench-view/destination-pages-pane/destination-pages-pane';
I/O Contract
Inputs
| Name | Type | Required | Description |
|---|---|---|---|
| execution | Execution | Yes | The completed execution containing destination pages and result metadata |
Outputs
| Name | Type | Description |
|---|---|---|
| JSX.Element or null | div | A pane with format selector, filename prefix input, download-all button, and a ReactTable of individual pages with download links; returns null if no pages |
Usage Examples
Rendering destination pages for a completed execution
<DestinationPagesPane execution={completedExecution} />