ExecutionDetails Embeddable

The ExecutionDetails embeddable offers an easy-to-implement, UI-based workflow for managing pipeline executions. It allows you to view successful runs and provides tools for fixing and updating failed ones. With this component you can also allow your customers to manage their own pipelines by reviewing execution details and resolving issues.

When a pipeline execution fails, you can fix errors in two ways: by manually editing individual cells or by updating the pipeline configuration (e.g., adjusting mappings, transformations and/or header row). After making changes, you can retry the execution, choosing whether to apply the updated configuration to just this execution or save it for future runs.

Upon opening the component, you’ll always see the transformed dataset, giving you an immediate view of the imported data and its final result. Additionally, the pipeline configuration view displays key details such as the header row used, mappings, and transformations applied to the data.

Configure the component based on your specific use case

Add the code snippet below and insert the component on the page where you want it to appear:

Fields

accessToken

Add here your access token

executionId

Add here the ID of the execution you want to display

settings

i18nOverrides

Allows you to override each text element in the interface

language

Defines the language of the flow. So far we only support English ("en")

modal

Defines whether the component is shown inline (false) or within a modal view (true)

onExecutionRun

Runs after the user has triggered the rerun of the execution

onClose

Runs when the user trys to exit the "Execution Details" flow by clicking "Cancel" or closing the modal using the "X" button

Component

<ExecutionDetails
  accessToken=string
  executionId=string
  settings={{
    i18nOverrides: {},
    language: "en",
    modal: boolean (default: true)
  }}
  onExecutionRun={({data}) => {
    // runs after the user has triggered the rerun of the execution
    // data: execution object of the rerun
    }}
  onClose={() => {
    // runs when the creation workflow is closed via the "Cancel" button or the "X" button
  }}
/>