Skip to Content
AppSDKKomponentenProcessInstanceInspector

ProcessInstanceInspector

Interaktive Ansicht einer Prozessinstanz mit BPMN-Diagramm, Token-Inspektion, Retry und Kommandopalette.

Beispiel

'use client'; import { ProcessInstanceInspectorNextJS } from '@5minds/processcube_app_sdk/client'; export default function InspectorPage({ processInstanceId, }: { processInstanceId: string; }) { return ( <ProcessInstanceInspectorNextJS processInstanceId={processInstanceId} showFinishTaskButton showProcessRetryButton showProcessTerminateButton showTokenInspectorButton onFinish={async ({ flowNodeInstanceId, taskType }) => { console.log(`Task ${flowNodeInstanceId} (${taskType}) abgeschlossen`); }} /> ); }

Props

PropTypPflichtBeschreibung
processInstanceIdstringJaID der Prozessinstanz
showFinishTaskButtonbooleanNeinPlay-Button zum Abschließen von Tasks
showFlowNodeExecutionCountbooleanNeinAusführungszähler auf FlowNodes
showFlowNodeInstancesListButtonbooleanNeinListe der FlowNode-Instanzen
showGoToFlowNodeButtonbooleanNeinNavigation zu FlowNodes
showRetryFlowNodeInstanceButtonbooleanNeinRetry-Button auf FlowNode-Ebene
showProcessRefreshButtonbooleanNeinDaten-Refresh-Button
showProcessRetryButtonbooleanNeinProzess-Retry-Button
showProcessTerminateButtonbooleanNeinProzess-Terminate-Button
showTokenInspectorButtonbooleanNeinToken-Inspektor öffnen
loadingComponentReactNodeNeinCustom Loading-Indikator
onFinish(taskContext) => voidNeinCallback nach Task-Abschluss

CSS

CSS wird beim Import der Komponente automatisch geladen.