@if (execution()) {

@if (isSimulatedExecution()) { Simulated } @if (isBiasVariant()) { {{ biasVariantLabel() }} } @if (isSubflowExecution()) { Subflow }

@if (headerDetailsOpen()) {

Execution ID: {{ execution()!.id }}

@if (isSubflowExecution()) {

Interactive container subflow Parent: {{ parentExecution()?.name || execution()!.parentExecutionId || 'Unknown' }} Container: {{ parentContainerStep()?.node?.name || execution()!.parentStepId || 'Unknown' }} @if (subflowIterationIndex(); as iterationIndex) { Iteration {{ iterationIndex }} } @if (execution()!.subflowRole) { Role: {{ execution()!.subflowRole }} }

} @if (isSimulatedExecution() && simulationDescriptorLabel(); as simulationDescriptor) {

Simulator: {{ simulationDescriptor }}

} @if (isBiasVariant() && execution()!.biasExecutionContext; as biasContext) {

Experiment: {{ biasContext.experimentId || 'not available' }} Baseline: {{ execution()!.rerunOfExecutionId || 'not available' }} Interventions: {{ biasVariantLabel() }}

}

Status

Start

{{ execution()!.context.startTime ? (execution()!.context.startTime | date:'dd/MM/yyyy HH:mm:ss') : '-' }}

End

{{ execution()!.context.endTime ? (execution()!.context.endTime | date:'dd/MM/yyyy HH:mm:ss') : '-' }}

Duration

Steps

@if (execution()!.context.status === 'CANCELLED') {

Execution cancelled. This execution is closed. Start a new execution to continue.

} @if (execution()!.context.status === 'SUSPENDED') {

Execution suspended after service restart. Resume the execution to continue.

} @if (authorizationGate().missingProviders.length || authorizationGate().runtime.length) {

@if (authorizationGate().missingProviders.length) { This execution needs a Vault credential for {{ authorizationGate().missingProviders.join(', ') }} before it can start. } @else { This execution needs a provider authorization before it can start. }

} @if (outcomes().length) {

@if (outcomesOpen()) { @for (outcome of outcomes(); track outcome.stepId + outcome.timestamp) {

{{ outcome.code }} {{ outcome.label }} via {{ stepNameForOutcome(outcome.stepId) }}

@if (outcome.payload !== null && outcome.payload !== undefined) {

@if (isTextPayload(outcome.payload)) {

} @else { }

} @else {

This End node received no value, so the outcome carries only its label.

}

} }

}

Execution Graph (read-only)

@if (execution()!.simulationAvailable === true) { } @if (isBiasVariant()) { }

@if (isBiasHighlightActive()) {

Bias report highlighted on canvas: Bias annotation active Changed by bias / routing changed

}

@if (contextAsideOpen()) {

@if (activeAsideTab() === 'inputs') { @if (llmProviderCapabilitiesLoading()) {

Checking LLM provider credentials...

} @if (llmProviderCapabilitiesError(); as llmError) {

} @for (entry of settledVaultAuthorizations(); track entry.requirement.key) {

{{ entry.provider }} credential

} @for (entry of pendingVaultAuthorizations(); track entry.requirement.key) {

Vault credential for {{ entry.provider }}

Select an active credential to start the execution.

@if (entry.requiresCredential === false) {

This provider is listed as not requiring a credential, but the execution is asking for one.

}

Credential

@for (credential of llmCredentialOptionsFor(entry); track credential.id) { {{ credential.label }}{{ credential.description ? ' — ' + credential.description : '' }} } @if (llmCredentialLoadingFor(entry)) { Loading credentials... } @if (authorizationSavingFor(entry)) { Saving credential... } @if (llmCredentialErrorFor(entry); as credentialError) {

} @if (authorizationErrorFor(entry); as authorizationError) {

} @if (!llmCredentialLoadingFor(entry) && !llmCredentialOptionsFor(entry).length && !llmCredentialErrorFor(entry)) {

No compatible credentials available.

}

@if (!llmCredentialLoadingFor(entry)) { } @if (editingAuthorizationKeys()[entry.requirement.key]) { }

} @if (credentialFormOpen()) { } } @else if (activeAsideTab() === 'intermediate') {

@if (!executionIntermediateInputGroups().length) {

No intermediate inputs available.

} @else { @for (group of executionIntermediateInputGroups(); track group.nodeTitle) {

@for (input of group.inputs; track input.key) {

{{ input.sourceLabel }} {{ input.inputType }} @if (input.itemLabel) { {{ input.itemLabel }} }

@if (input.isLong) { }

}

} }

} @else if (activeAsideTab() === 'logs') {

@if (logsLoading()) {

Loading execution log...

} @else if (logsError()) {

} @else if (!visibleExecutionLogs().length) {

No execution log available.

} @else { @for (event of visibleExecutionLogs(); track event.id) {

{{ event.timestamp | date:'dd/MM/yyyy HH:mm:ss' }} @if (event.nodeName) { {{ event.nodeName }} } @if (event.type) { {{ event.type }} } @if (event.innerNodeId) { Inner node: {{ event.innerNodeId }} } @if (event.innerStepId) { Inner step: {{ event.innerStepId }} } @if (event.innerExecutionId) { Inner execution: {{ event.innerExecutionId }} } @if (event.iterationIndex) { Iteration: {{ event.iterationIndex }} } @if (event.containerType) { Container: {{ event.containerType }} }

} }

} @else if (activeAsideTab() === 'output') {

@if (!executionOutputGroups().length) {

No execution output available.

} @else { @for (group of executionOutputGroups(); track group.nodeTitle) {

@for (output of group.outputs; track output.key) {

@if (output.itemLabel) {

}

@if (output.isLong) { }

}

} }

} @else { }

}

@if (outputPreviewModal(); as outputModal) {

{{ outputModal.value }}

} @if (intermediateInputPreviewModal(); as inputModal) {

{{ inputModal.value }}

} } @else {

Select an execution from the left panel

}

{{ execution()!.name }}

{{ outputPreviewTitle(outputModal) }}

{{ intermediateInputPreviewTitle(inputModal) }}