Implementation:ArroyoSystems Arroyo Pipeline Config Modal

Knowledge Sources	ArroyoSystems_Arroyo
Domains	WebUI, React, Pipelines
Last Updated	2026-02-08 08:00 GMT

Overview

A modal dialog for editing pipeline configuration (currently parallelism) with change detection and a restart warning when settings differ from the current values.

Description

PipelineConfigModal renders a Chakra UI Modal with a numeric input for parallelism. Key behaviors:

• Parallelism input -- Required NumberInput with min=1. Shows a form error message when the value is empty or invalid.
• Change detection -- Compares the input value against the current pipeline parallelism. When different, displays a warning Alert stating "These changes require a pipeline restart."
• Save/Cancel -- Save button calls updateJobParallelism with the new value and is disabled when the input is invalid. Cancel resets the input to the current value.

Usage

Opened from the Edit button on the PipelineDetails page header.

Code Reference

Source Location

• Repository: ArroyoSystems_Arroyo
• File: webui/src/routes/pipelines/PipelineConfigModal.tsx

Signature

export interface PipelineConfigModalProps {
  isOpen: boolean;
  parallelism: number;
  onClose: () => void;
  updateJobParallelism: (parallelism: number) => void;
}

const PipelineConfigModal: React.FC<PipelineConfigModalProps>;
export default PipelineConfigModal;

Import

import PipelineConfigModal from './PipelineConfigModal';

I/O Contract

Inputs

Name	Type	Required	Description
isOpen	boolean	Yes	Controls modal visibility
parallelism	number	Yes	Current pipeline parallelism value
onClose	() => void	Yes	Callback to close the modal
updateJobParallelism	(parallelism: number) => void	Yes	Callback to update the pipeline's parallelism

Outputs

Name	Type	Description
Modal	React element	Pipeline configuration editing dialog

Usage Examples

<PipelineConfigModal
  isOpen={isOpen}
  parallelism={pipeline.parallelism}
  onClose={onClose}
  updateJobParallelism={updateParallelism}
/>

Related Pages

• Environment:ArroyoSystems_Arroyo_Webui_Runtime
• ArroyoSystems_Arroyo_Pipeline_Details_Page