## 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