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
| Prop | Typ | Pflicht | Beschreibung |
|---|---|---|---|
processInstanceId | string | Ja | ID der Prozessinstanz |
showFinishTaskButton | boolean | Nein | Play-Button zum Abschließen von Tasks |
showFlowNodeExecutionCount | boolean | Nein | Ausführungszähler auf FlowNodes |
showFlowNodeInstancesListButton | boolean | Nein | Liste der FlowNode-Instanzen |
showGoToFlowNodeButton | boolean | Nein | Navigation zu FlowNodes |
showRetryFlowNodeInstanceButton | boolean | Nein | Retry-Button auf FlowNode-Ebene |
showProcessRefreshButton | boolean | Nein | Daten-Refresh-Button |
showProcessRetryButton | boolean | Nein | Prozess-Retry-Button |
showProcessTerminateButton | boolean | Nein | Prozess-Terminate-Button |
showTokenInspectorButton | boolean | Nein | Token-Inspektor öffnen |
loadingComponent | ReactNode | Nein | Custom Loading-Indikator |
onFinish | (taskContext) => void | Nein | Callback nach Task-Abschluss |
CSS
CSS wird beim Import der Komponente automatisch geladen.