@copilotkit/web-inspector 1.61.0 → 1.61.1

package/dist/index.umd.js

@@ -687,6 +687,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			this.thread = null;
 			this.runtimeUrl = "";
 			this.headers = {};
+			this.threadInspectionAvailable = false;
 			this.agentStateInput = null;
 			this.agentEventsInput = [];
 			this.liveMessageVersion = 0;
@@ -809,7 +810,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		* so users see an explicit loading indicator on first load.
 		*/
 		async fetchMessages(threadId, silent = false) {
-			if (!this.runtimeUrl) {
+			if (!this.runtimeUrl || !this.threadInspectionAvailable) {
 				if (!silent) this._conversation = [];
 				return;
 			}
@@ -841,7 +842,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		async fetchEvents(threadId) {
 			this._eventsNotAvailable = false;
-			if (!this.runtimeUrl) {
+			if (!this.runtimeUrl || !this.threadInspectionAvailable) {
 				this._fetchedEvents = null;
 				return;
 			}
@@ -875,7 +876,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		}
 		async fetchState(threadId) {
 			this._stateNotAvailable = false;
-			if (!this.runtimeUrl) {
+			if (!this.runtimeUrl || !this.threadInspectionAvailable) {
 				this._fetchedState = null;
 				return;
 			}
@@ -1503,6 +1504,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(event.payload))}
 		thread: { attribute: false },
 		runtimeUrl: { attribute: false },
 		headers: { attribute: false },
+		threadInspectionAvailable: { attribute: false },
 		agentStateInput: { attribute: false },
 		agentEventsInput: { attribute: false },
 		liveMessageVersion: { attribute: false },
@@ -2533,16 +2535,18 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(event.payload))}
 			this._threads = [];
 		}
 		ensureOwnedThreadStore(agentId) {
-			var _this$core;
+			var _this$core, _core$threadEndpoints, _core$intelligence;
 			if (this._ownedThreadStores.has(agentId)) return;
 			if ((_this$core = this.core) === null || _this$core === void 0 ? void 0 : _this$core.getThreadStore(agentId)) return;
 			const core = this.core;
 			if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) return;
+			if (((_core$threadEndpoints = core.threadEndpoints) === null || _core$threadEndpoints === void 0 ? void 0 : _core$threadEndpoints.list) === false) return;
 			const store = (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: globalThis.fetch });
 			store.start();
 			store.setContext({
 				runtimeUrl: core.runtimeUrl,
-				headers: {},
+				headers: { ...core.headers },
+				wsUrl: (_core$intelligence = core.intelligence) === null || _core$intelligence === void 0 ? void 0 : _core$intelligence.wsUrl,
 				agentId
 			});
 			this._ownedThreadStores.set(agentId, store);
@@ -2554,6 +2558,15 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(event.payload))}
 			if (!store) return;
 			store.refresh();
 		}
+		updateOwnedThreadStoreHeaders(headers) {
+			const core = this.core;
+			if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) return;
+			for (const [agentId, store] of this._ownedThreadStores) store.setContext({
+				runtimeUrl: core.runtimeUrl,
+				headers: { ...headers },
+				agentId
+			});
+		}
 		removeOwnedThreadStore(agentId) {
 			var _this$core2;
 			const store = this._ownedThreadStores.get(agentId);
@@ -2578,12 +2591,14 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(event.payload))}
 				onRuntimeConnectionStatusChanged: ({ status }) => {
 					this.runtimeStatus = status;
 					if (status === "connected") {
+						var _core$threadEndpoints2;
 						if (!core.telemetryDisabled) {
 							ensureTelemetryDistinctId();
 							maybeShowDisclosure();
 						}
 						this.flushPendingBannerViewed();
-						for (const agentId of this._ownedThreadStores.keys()) this.refreshOwnedThreadStore(agentId);
+						if (((_core$threadEndpoints2 = core.threadEndpoints) === null || _core$threadEndpoints2 === void 0 ? void 0 : _core$threadEndpoints2.list) !== false) for (const agentId of this._ownedThreadStores.keys()) this.refreshOwnedThreadStore(agentId);
+						else this.teardownOwnedThreadStores();
 					} else {
 						this._threadsByAgent.clear();
 						this._threads = [];
@@ -2594,6 +2609,9 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(event.payload))}
 					this.coreProperties = properties;
 					this.requestUpdate();
 				},
+				onHeadersChanged: ({ headers }) => {
+					this.updateOwnedThreadStoreHeaders(headers);
+				},
 				onError: ({ code, error }) => {
 					this.lastCoreError = {
 						code,
@@ -3896,7 +3914,7 @@ ${argsString}</pre
 			});
 		}
 		renderThreadsView() {
-			var _this$_threadsByAgent, _displayThreads$find, _this$_core$runtimeUr, _this$_core2, _this$_core$headers, _this$_core3, _this$liveMessageVers2, _this$agentEvents$get6;
+			var _this$_threadsByAgent, _displayThreads$find, _this$_core$runtimeUr, _this$_core2, _this$_core$headers, _this$_core3, _this$_core4, _this$liveMessageVers2, _this$agentEvents$get6;
 			const displayThreads = this.selectedContext === "all-agents" ? this._threads : (_this$_threadsByAgent = this._threadsByAgent.get(this.selectedContext)) !== null && _this$_threadsByAgent !== void 0 ? _this$_threadsByAgent : [];
 			let threadsErrorMessage = null;
 			if (this.selectedContext === "all-agents") {
@@ -3943,6 +3961,7 @@ ${argsString}</pre
                   .thread=${selectedThread}
                   .runtimeUrl=${(_this$_core$runtimeUr = (_this$_core2 = this._core) === null || _this$_core2 === void 0 ? void 0 : _this$_core2.runtimeUrl) !== null && _this$_core$runtimeUr !== void 0 ? _this$_core$runtimeUr : ""}
                   .headers=${(_this$_core$headers = (_this$_core3 = this._core) === null || _this$_core3 === void 0 ? void 0 : _this$_core3.headers) !== null && _this$_core$headers !== void 0 ? _this$_core$headers : {}}
+                  .threadInspectionAvailable=${((_this$_core4 = this._core) === null || _this$_core4 === void 0 || (_this$_core4 = _this$_core4.threadEndpoints) === null || _this$_core4 === void 0 ? void 0 : _this$_core4.inspect) !== false}
                   .liveMessageVersion=${this.selectedThreadId ? (_this$liveMessageVers2 = this.liveMessageVersion.get(this.selectedThreadId)) !== null && _this$liveMessageVers2 !== void 0 ? _this$liveMessageVers2 : 0 : 0}
                   .agentStateInput=${selectedThread ? this.getLatestStateForAgent(selectedThread.agentId) : null}
                   .agentEventsInput=${selectedThread ? (_this$agentEvents$get6 = this.agentEvents.get(selectedThread.agentId)) !== null && _this$agentEvents$get6 !== void 0 ? _this$agentEvents$get6 : [] : []}