Fix async events loading in RemoteEventsList

- Added syncPromise to track initial sync completion
- Added ensureSynced() method to wait for sync before returning events
- Modified getEvents() to await sync completion before accessing cached events
- Fixes issue where getEvents() returned empty array before sync completed

This resolves the 'Loaded events: []' issue where events were not visible
in the conversation manager despite successful API responses.

Author: openhands-agent

example/src/components/ConversationManager.tsx

@@ -138,10 +138,8 @@ export const ConversationManager: React.FC = () => {
       console.log('Loaded remote conversation:', remoteConversation);
 
       // Get events
-      const eventsResponse = await remoteConversation.state.events.getEvents();
-      console.log('Loaded events response:', eventsResponse);
-      const events = eventsResponse?.items || eventsResponse || [];
-      console.log('Processed events:', events);
+      const events = await remoteConversation.state.events.getEvents();
+      console.log('Loaded events:', events);
 
       // Get agent status
       const agentStatus = await remoteConversation.state.getAgentStatus();

src/events/remote-events-list.ts

@@ -13,12 +13,17 @@ export class RemoteEventsList {
   private cachedEvents: Event[] = [];
   private cachedEventIds = new Set<string>();
   private lock = new AsyncLock();
+  private syncPromise: Promise<void>;
 
   constructor(client: HttpClient, conversationId: string) {
     this.client = client;
     this.conversationId = conversationId;
     // Perform initial sync
-    this.doFullSync();
+    this.syncPromise = this.doFullSync();
+  }
+
+  async ensureSynced(): Promise<void> {
+    await this.syncPromise;
   }
 
   private async doFullSync(): Promise<void> {
@@ -90,6 +95,7 @@ export class RemoteEventsList {
   }
 
   async getEvents(start?: number, end?: number): Promise<Event[]> {
+    await this.ensureSynced();
     return await this.lock.acquire(async () => {
       if (start === undefined && end === undefined) {
         return [...this.cachedEvents];