Jump to content

Connect SuperML | Leeroopedia MCP: Equip your AI agents with best practices, code verification, and debugging knowledge. Powered by Leeroo — building Organizational Superintelligence. Contact us at founders@leeroo.com.

Implementation:Apache Druid IngestionProgressDialog

From Leeroopedia


Knowledge Sources
Domains Data_Ingestion, Task_Management, Monitoring
Last Updated 2026-02-10 00:00 GMT

Overview

Concrete React dialog component for displaying real-time MSQ task execution progress with stage visualization.

Description

The IngestionProgressDialog component shows a modal dialog that tracks MSQ task execution. It uses reattachTaskExecution() with executionBackgroundStatusCheck to poll the task status and render progress bars, stage graphs, and timing information via ExecutionProgressBarPane and ExecutionStagesPane sub-components.

On completion, the dialog shows a link to the newly created or updated datasource.

Usage

Render this dialog after submitting an SQL ingestion task. Pass the task ID from the submission response.

Code Reference

Source Location

  • Repository: Apache Druid
  • File: web-console/src/views/sql-data-loader-view/ingestion-progress-dialog/ingestion-progress-dialog.tsx
  • Lines: L43-L146

Signature

interface IngestionProgressDialogProps {
  taskId: string;
  // Dialog lifecycle and completion handlers
}

export const IngestionProgressDialog = React.memo(function IngestionProgressDialog(
  props: IngestionProgressDialogProps,
): JSX.Element {
  // Uses reattachTaskExecution() for polling
  // Renders ExecutionProgressBarPane and ExecutionStagesPane
});

Import

import { IngestionProgressDialog } from './ingestion-progress-dialog/ingestion-progress-dialog';

I/O Contract

Inputs

Name Type Required Description
taskId string Yes MSQ task ID from submitTaskQuery() response

Outputs

Name Type Description
Execution state visual Real-time progress bars, stage graph, timing, worker counts
Completion link navigation Link to datasource view on successful completion

Usage Examples

Showing Progress

import { IngestionProgressDialog } from './ingestion-progress-dialog/ingestion-progress-dialog';

// After submitTaskQuery returns a task ID:
<IngestionProgressDialog
  taskId="query-abc123-def456"
/>
// Dialog shows:
// - Overall progress bar
// - Stage-by-stage progress (Stage 0: Read, Stage 1: Shuffle, Stage 2: Write)
// - Rows processed per stage
// - Elapsed time
// - On completion: "View datasource: my_events"

Related Pages

Implements Principle

Requires Environment

Page Connections

Double-click a node to navigate. Hold to expand connections.
Principle
Implementation
Heuristic
Environment