Detail Panel: Tab Designs

Bottom panel content when a processor node is selected

Info Tab — processor metadata + attributes
bean:validate FAILED processor-5
Info
Headers
Input
Output
Error
Config
Timeline
Processor ID
processor-5
Type
BEAN
Status
FAILED
Start Time
14:32:05.123
End Time
14:32:05.243
Duration
120ms
Endpoint URI
bean:orderValidator?method=validate
Resolved URI
bean://com.example.OrderValidator?method=validate
Attributes
orderId: ORD-1234 customer: Acme Corp priority: HIGH
Headers Tab — input vs output side by side
log:incoming COMPLETED processor-2
Info
Headers
Input
Output
Error
Config
Timeline
Input Headers
Content-Type application/json
JMSMessageID ID:broker-42
breadcrumbId abc-123-def
CamelHttpMethod POST
Output Headers
Content-Type application/json
JMSMessageID ID:broker-42
breadcrumbId abc-123-def
CamelHttpMethod POST
orderStatus validated (new)
Input Tab — formatted message body
log:incoming COMPLETED processor-2 · 5ms
Info
Headers
Input
Output
Error
Config
Timeline
JSON · 234 bytes 
{
  "orderId": "ORD-1234",
  "customer": {
    "name": "Acme Corp",
    "id": 42
  },
  "items": [
    {
      "product": "Widget A",
      "quantity": 5,
      "price": 29.99
    }
  ],
  "priority": "HIGH"
}
Timeline Tab — Gantt-style processor durations
content-based-routing FAILED 247ms total
Info
Headers
Input
Output
Error
Config
Timeline
0ms50ms100ms150ms200ms247ms
from:jms
2ms
log
5ms
setHeader
1ms
bean:validate
120ms
to:http
—
to:jms
—
Click a bar to select that processor in the diagram
Error Tab — grayed out when no error on selected processor
log:incoming COMPLETED processor-2 · 5ms
Info
Headers
Input
Output
Error
Config
Timeline
No error on this processor