Post 1 covered how AgentBridge converts the SDK's AsyncStream<SDKMessage> into [AgentEvent] . This post looks at what [AgentEvent] becomes — how TimelineView renders 18 event types, handles scroll behavior, and stays smooth when the event count gets large.

TimelineView Structure

TimelineView is the main body of the workspace, filling all the space between the sidebar and the input box. Its view hierarchy is shallow:

TimelineView ├── ScrollView │ ├── topPlaceholder (virtualization spacer) │ ├── LazyVStack │ │ └── ForEach(virtualizedEvents) → eventView(for:) │ ├── bottomPlaceholder (virtualization spacer) │ ├── StreamingTextView (streaming text) │ └── bottom-anchor (scroll anchor) └── returnToBottomButton (return to bottom)

Enter fullscreen mode

Exit fullscreen mode

When there are no events, an empty state is shown: "Send a message to start a conversation with the Agent." When events exist, it enters a ScrollViewReader + LazyVStack structure.

Event Dispatch: 18 Types to 8 Views

eventView(for:) is the…