bpm-engine 0.2.0

Lightweight embeddable BPM runtime for long-running, stateful workflows with tokens, timers, Saga compensation, and crash recovery
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

import { useTraceStore } from '../store/traceStore'

export function EventDetailPanel() {
  const { selectedEvent } = useTraceStore()

  if (!selectedEvent) {
    return (
      <div className="event-detail-panel">
        <div className="panel-placeholder">Click a timeline item to see details</div>
      </div>
    )
  }

  const detail = {
    ...selectedEvent.payload,
    event_type: selectedEvent.event_type,
    occurred_at: selectedEvent.occurred_at,
  }

  return (
    <div className="event-detail-panel">
      <h3 className="event-detail-title">Event Details</h3>
      <pre className="event-detail-json">{JSON.stringify(detail, null, 2)}</pre>
    </div>
  )
}