+ {/* drawer close + refresh */}
+
+
+ }
+ onClick={() => fetchRunDetail(selectedRun)}
+ loading={loadingDetail}
+ style={{ color: "#71717a", borderColor: "#e4e4e7" }}
+ >
+ Refresh
+
+
+
+ {/* metadata card — top */}
+
+
+ {/* collapsible sections */}
+
+ Timeline
+
+ {events.length} {events.length === 1 ? "event" : "events"}
+
+
+ ),
+ children: (
+
+
+
+ ),
+ },
+ {
+ key: "messages",
+ label: (
+
+ Messages
+
+ {messages.length}
+
+
+ ),
+ children: messages.length === 0 ? (
+
+ No messages
+
+ ) : (
+
+ {messages.map((msg) => (
+
+ ))}
+
+ ),
+ },
+ ]}
+ />
+
+ )}
+