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

package/dist/index.umd.js

@@ -3064,7 +3064,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#endregion
 //#region package.json
-	var version = "1.79.1-canary.1792091124";
+	var version = "1.79.1";
 
 //#endregion
 //#region src/lib/telemetry.ts
@@ -5052,6 +5052,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			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;
@@ -5189,11 +5192,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 					this._conversation = [];
 				}
 			} else if (this.threadId && this.liveMessageVersion !== this._lastSeenLiveMessageVersion) {
-				var _this$_messagesAbort;
 				this._lastSeenLiveMessageVersion = this.liveMessageVersion;
-				(_this$_messagesAbort = this._messagesAbort) === null || _this$_messagesAbort === void 0 || _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)) {
@@ -5255,7 +5256,13 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			].join("||");
 		}
 		resetLoadedThreadData() {
-			var _this$_metadataAbort, _this$_messagesAbort2, _this$_eventsAbort, _this$_stateAbort;
+			var _this$_metadataAbort, _this$_messagesAbort, _this$_eventsAbort, _this$_stateAbort;
+			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();
@@ -5267,7 +5274,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			this._expandedRawEvents = /* @__PURE__ */ new Set();
 			(_this$_metadataAbort = this._metadataAbort) === null || _this$_metadataAbort === void 0 || _this$_metadataAbort.abort();
 			this._metadataAbort = null;
-			(_this$_messagesAbort2 = this._messagesAbort) === null || _this$_messagesAbort2 === void 0 || _this$_messagesAbort2.abort();
+			(_this$_messagesAbort = this._messagesAbort) === null || _this$_messagesAbort === void 0 || _this$_messagesAbort.abort();
 			this._messagesAbort = null;
 			(_this$_eventsAbort = this._eventsAbort) === null || _this$_eventsAbort === void 0 || _this$_eventsAbort.abort();
 			this._eventsAbort = null;
@@ -5305,6 +5312,19 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				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.
 		*
@@ -5316,13 +5336,20 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		* so users see an explicit loading indicator on first load.
 		*/
 		async fetchMessages(threadId, silent = false) {
-			var _this$_messagesAbort3;
+			var _this$_messagesAbort2;
 			if (!this.canFetchMessages()) {
 				if (!silent) this._conversation = [];
 				return;
 			}
-			(_this$_messagesAbort3 = this._messagesAbort) === null || _this$_messagesAbort3 === void 0 || _this$_messagesAbort3.abort();
+			if (this._messagesRefreshTimer !== null) {
+				clearTimeout(this._messagesRefreshTimer);
+				this._messagesRefreshTimer = null;
+			}
+			this._messagesRefreshPending = false;
+			this._lastMessagesFetchAt = Date.now();
+			(_this$_messagesAbort2 = this._messagesAbort) === null || _this$_messagesAbort2 === void 0 || _this$_messagesAbort2.abort();
 			const controller = new AbortController();
+			const loadKey = this.currentLoadKey();
 			this._messagesAbort = controller;
 			if (!silent) {
 				this._loadingMessages = true;
@@ -5332,19 +5359,25 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			try {
 				var _this$provider5;
 				const messages = ((_this$provider5 = this.provider) === null || _this$provider5 === void 0 ? void 0 : _this$provider5.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) {
@@ -6826,6 +6859,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 	CpkThreadInspector.nextDomId = 1;
 	CpkThreadInspector.ɵdefaultResolveHeaders = () => ({});
 	CpkThreadInspector.COLLAPSE_THRESHOLD = 800;
+	CpkThreadInspector.MESSAGE_REFRESH_INTERVAL_MS = 1e3;
 	CpkThreadInspector.TAB_LIST = [
 		{
 			id: "timeline",