@copilotkit/web-inspector 1.79.1-canary.1792091124 → 1.79.1

package/dist/index.cjs

@@ -1391,6 +1391,9 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 		this._lastSeenLiveMessageVersion = 0;
 		this._metadataAbort = null;
 		this._messagesAbort = null;
+		this._messagesRefreshTimer = null;
+		this._messagesRefreshPending = false;
+		this._lastMessagesFetchAt = 0;
 		this._eventsAbort = null;
 		this._stateAbort = null;
 		this._hasConnectedOnce = false;
@@ -1486,6 +1489,9 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	static {
 		this.COLLAPSE_THRESHOLD = 800;
 	}
+	static {
+		this.MESSAGE_REFRESH_INTERVAL_MS = 1e3;
+	}
 	static {
 		this.TAB_LIST = [
 			{
@@ -2970,9 +2976,8 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			}
 		} else if (this.threadId && this.liveMessageVersion !== this._lastSeenLiveMessageVersion) {
 			this._lastSeenLiveMessageVersion = this.liveMessageVersion;
-			this._messagesAbort?.abort();
-			this._messagesAbort = null;
-			this.fetchMessages(this.threadId, true);
+			this._messagesRefreshPending = true;
+			this.scheduleMessagesRefresh();
 		}
 		const focusedContentChanged = _changed.has("_fetchedEvents") || _changed.has("agentEventsInput") || _changed.has("agentMessagesInput") || _changed.has("_conversation");
 		if (this.focusMessageId && (this.focusRequestId > this._scrolledFocusRequestId || focusedContentChanged)) {
@@ -3029,6 +3034,12 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 		].join("||");
 	}
 	resetLoadedThreadData() {
+		if (this._messagesRefreshTimer !== null) {
+			clearTimeout(this._messagesRefreshTimer);
+			this._messagesRefreshTimer = null;
+		}
+		this._messagesRefreshPending = false;
+		this._lastMessagesFetchAt = 0;
 		this._tab = "timeline";
 		this._activatedTabs = new Set(["timeline"]);
 		this._panelTplCache = /* @__PURE__ */ new Map();
@@ -3077,6 +3088,19 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			this._fetchedMetadata = null;
 		}
 	}
+	/** Coalesces live updates without overlapping requests or starving the final update. */
+	scheduleMessagesRefresh() {
+		if (!this._messagesRefreshPending || this._messagesRefreshTimer !== null || this._messagesAbort || !this.isConnected || !this.threadId || !this.canFetchMessages()) return;
+		const threadId = this.threadId;
+		const loadKey = this.currentLoadKey();
+		if (loadKey !== this._lastLoadKey) return;
+		const delay = Math.max(0, CpkThreadInspector.MESSAGE_REFRESH_INTERVAL_MS - (Date.now() - this._lastMessagesFetchAt));
+		this._messagesRefreshTimer = setTimeout(() => {
+			this._messagesRefreshTimer = null;
+			if (!this.isConnected || this.currentLoadKey() !== loadKey || this._lastLoadKey !== loadKey || this._messagesAbort) return;
+			this.fetchMessages(threadId, true);
+		}, delay);
+	}
 	/**
 	* Fetch the canonical conversation for `threadId` from the runtime.
 	*
@@ -3092,8 +3116,15 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			if (!silent) this._conversation = [];
 			return;
 		}
+		if (this._messagesRefreshTimer !== null) {
+			clearTimeout(this._messagesRefreshTimer);
+			this._messagesRefreshTimer = null;
+		}
+		this._messagesRefreshPending = false;
+		this._lastMessagesFetchAt = Date.now();
 		this._messagesAbort?.abort();
 		const controller = new AbortController();
+		const loadKey = this.currentLoadKey();
 		this._messagesAbort = controller;
 		if (!silent) {
 			this._loadingMessages = true;
@@ -3102,19 +3133,25 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 		}
 		try {
 			const messages = this.provider?.getMessages ? await this.provider.getMessages(threadId, { signal: controller.signal }) : await this.fetchRuntimeMessages(threadId, controller.signal);
-			if (controller.signal.aborted || this.threadId !== threadId) return;
+			if (controller.signal.aborted || this.currentLoadKey() !== loadKey) return;
 			this._conversation = this.mapMessages(messages);
 			this._messagesError = null;
 			this._messageRefreshError = null;
 		} catch (err) {
-			if (controller.signal.aborted || this.threadId !== threadId) return;
+			if (controller.signal.aborted || this.currentLoadKey() !== loadKey) return;
 			if (err instanceof Error && err.name === "AbortError") return;
 			if (!silent || this._conversation.length === 0) {
 				this._messagesError = err instanceof Error ? err.message : "Failed to load messages";
 				this._conversation = [];
 			} else this._messageRefreshError = "Could not refresh messages. Showing the last loaded conversation.";
 		} finally {
-			if (!controller.signal.aborted && this.threadId === threadId) this._loadingMessages = false;
+			if (this._messagesAbort === controller) {
+				this._messagesAbort = null;
+				if (!controller.signal.aborted && this.currentLoadKey() === loadKey) {
+					this._loadingMessages = false;
+					this.scheduleMessagesRefresh();
+				}
+			}
 		}
 	}
 	async fetchEvents(threadId) {