@copilotkit/web-inspector 1.77.2 → 1.79.0

package/dist/index.umd.js

@@ -3064,7 +3064,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 //#endregion
 //#region package.json
-	var version = "1.77.2";
+	var version = "1.79.0";
 
 //#endregion
 //#region src/lib/telemetry.ts
@@ -3672,6 +3672,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 //#endregion
 //#region src/index.ts
 	var _globalThis$HTMLEleme;
+	/**
+	* Resolve the attached core's request headers at send time. A core released
+	* before `resolveHeaders()` existed has only the static `headers` map, so an
+	* inspector attached to it falls back to a copy of that map.
+	*/
+	function resolveAttachedCoreHeaders(core) {
+		return typeof core.resolveHeaders === "function" ? core.resolveHeaders() : { ...core.headers };
+	}
 	const WEB_INSPECTOR_TAG = "cpk-web-inspector";
 	const THREAD_INSPECTOR_TAG = "cpk-thread-inspector";
 	/**
@@ -4996,6 +5004,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			this.thread = null;
 			this.runtimeUrl = "";
 			this.headers = {};
+			this.resolveHeaders = CpkThreadInspector.ɵdefaultResolveHeaders;
+			this.headersGeneration = 0;
 			this.threadInspectionAvailable = false;
 			this.agentStateInput = null;
 			this.agentEventsInput = [];
@@ -5095,14 +5105,6 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				provider.getState ? "state:1" : "state:0"
 			].join("|");
 		}
-		/**
-		* Build a deterministic signature for runtime fetch headers so auth/CSRF
-		* changes invalidate cached thread data even when the selected thread is
-		* otherwise unchanged.
-		*/
-		static headersLoadKey(headers) {
-			return JSON.stringify(Object.entries(headers).sort(([leftKey], [rightKey]) => leftKey.localeCompare(rightKey)));
-		}
 		renderConversationActions() {
 			return lit.html`<div class="cpk-td__timeline-toolbar">
         <button type="button" class="cpk-td__timeline-bulk-toggle" aria-pressed=${this._showEventTimeline} @click=${() => {
@@ -5248,7 +5250,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				(_this$threadId = this.threadId) !== null && _this$threadId !== void 0 ? _this$threadId : "thread:none",
 				CpkThreadInspector.providerLoadKey(this.provider),
 				`runtime:${this.runtimeUrl}`,
-				`headers:${CpkThreadInspector.headersLoadKey(this.headers)}`,
+				`headersGen:${this.headersGeneration}`,
 				`inspect:${this.threadInspectionAvailable ? "1" : "0"}`
 			].join("||");
 		}
@@ -5411,9 +5413,16 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				if (!controller.signal.aborted && this.threadId === threadId) this._loadingState = false;
 			}
 		}
+		/**
+		* `resolveHeaders` when a host actually set it; otherwise the deprecated
+		* `headers` fallback. Never both — see the `headers` field's doc.
+		*/
+		ɵresolveInspectorHeaders() {
+			return this.resolveHeaders === CpkThreadInspector.ɵdefaultResolveHeaders ? this.headers : this.resolveHeaders();
+		}
 		async fetchRuntimeMessages(threadId, signal) {
 			const res = await fetch(this.getThreadInspectionUrl(threadId, "messages"), {
-				headers: { ...this.headers },
+				headers: { ...await this.ɵresolveInspectorHeaders() },
 				signal
 			});
 			if (!res.ok) throw new Error(`HTTP ${res.status}`);
@@ -5421,7 +5430,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		}
 		async fetchRuntimeEvents(threadId, signal) {
 			const res = await fetch(this.getThreadInspectionUrl(threadId, "events"), {
-				headers: { ...this.headers },
+				headers: { ...await this.ɵresolveInspectorHeaders() },
 				signal
 			});
 			if (res.status === 501) return { status: "not-available" };
@@ -5434,7 +5443,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		async fetchRuntimeState(threadId, signal) {
 			var _data$state;
 			const res = await fetch(this.getThreadInspectionUrl(threadId, "state"), {
-				headers: { ...this.headers },
+				headers: { ...await this.ɵresolveInspectorHeaders() },
 				signal
 			});
 			if (res.status === 501) return { status: "not-available" };
@@ -6777,6 +6786,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		thread: { attribute: false },
 		runtimeUrl: { attribute: false },
 		headers: { attribute: false },
+		resolveHeaders: { attribute: false },
+		headersGeneration: { attribute: false },
 		threadInspectionAvailable: { attribute: false },
 		agentStateInput: { attribute: false },
 		agentEventsInput: { attribute: false },
@@ -6813,6 +6824,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		_activatedTabs: { state: true }
 	};
 	CpkThreadInspector.nextDomId = 1;
+	CpkThreadInspector.ɵdefaultResolveHeaders = () => ({});
 	CpkThreadInspector.COLLAPSE_THRESHOLD = 800;
 	CpkThreadInspector.TAB_LIST = [
 		{
@@ -8838,6 +8850,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 		constructor(..._args5) {
 			super(..._args5);
 			this._core = null;
+			this.resolveCoreHeaders = () => this._core ? resolveAttachedCoreHeaders(this._core) : {};
 			this.coreSubscriber = null;
 			this.coreUnsubscribe = null;
 			this._memories = [];
@@ -9157,7 +9170,6 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 							insightsPage: (_ref7 = (_options$insightsPage = options.insightsPage) !== null && _options$insightsPage !== void 0 ? _options$insightsPage : (_this$learningSnapsho2 = this.learningSnapshot) === null || _this$learningSnapsho2 === void 0 ? void 0 : _this$learningSnapsho2.insightsPage.page) !== null && _ref7 !== void 0 ? _ref7 : 1
 						},
 						fetch: core.ɵruntimeFetch,
-						headers: core.headers,
 						credentials: core.credentials,
 						signal: controller.signal
 					});
@@ -10424,11 +10436,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			if ((_this$core15 = this.core) === null || _this$core15 === void 0 ? void 0 : _this$core15.getThreadStore(agentId)) return;
 			const core = this.core;
 			if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) return;
-			const store = (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: typeof core.ɵruntimeFetch === "function" ? core.ɵruntimeFetch : globalThis.fetch });
+			const hasRuntimeFetch = typeof core.ɵruntimeFetch === "function";
+			const store = (0, _copilotkit_core.ɵcreateThreadStore)({ fetch: hasRuntimeFetch ? core.ɵruntimeFetch : globalThis.fetch });
 			store.start();
 			store.setContext({
 				runtimeUrl: core.runtimeUrl,
-				headers: { ...core.headers },
+				...hasRuntimeFetch ? {} : { headers: { ...core.headers } },
 				wsUrl: (_core$intelligence = core.intelligence) === null || _core$intelligence === void 0 ? void 0 : _core$intelligence.wsUrl,
 				agentId
 			});
@@ -10467,11 +10480,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			if (!this.areThreadEndpointsAvailable()) return;
 			const core = this.core;
 			if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) return;
+			const hasRuntimeFetch = typeof core.ɵruntimeFetch === "function";
 			for (const [agentId, store] of this._ownedThreadStores) {
 				var _core$intelligence2;
 				store.setContext({
 					runtimeUrl: core.runtimeUrl,
-					headers: { ...headers },
+					...hasRuntimeFetch ? {} : { headers: { ...headers } },
 					wsUrl: (_core$intelligence2 = core.intelligence) === null || _core$intelligence2 === void 0 ? void 0 : _core$intelligence2.wsUrl,
 					agentId
 				});
@@ -14318,7 +14332,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			if (!(core === null || core === void 0 ? void 0 : core.runtimeUrl)) throw new Error("Failed to load thread.");
 			const baseUrl = core.runtimeUrl.replace(/\/+$/, "");
 			const encodedThreadId = encodeURIComponent(thread.id);
-			const [messagesResponse, stateResponse] = await Promise.all([fetch(`${baseUrl}/threads/${encodedThreadId}/messages`, { headers: { ...core.headers } }), fetch(`${baseUrl}/threads/${encodedThreadId}/state`, { headers: { ...core.headers } })]);
+			const headers = { ...await resolveAttachedCoreHeaders(core) };
+			const [messagesResponse, stateResponse] = await Promise.all([fetch(`${baseUrl}/threads/${encodedThreadId}/messages`, { headers }), fetch(`${baseUrl}/threads/${encodedThreadId}/state`, { headers })]);
 			if (!messagesResponse.ok) throw new Error(`Failed to load thread (HTTP ${messagesResponse.status}).`);
 			const messagesBody = await messagesResponse.json();
 			const stateBody = stateResponse.ok ? await stateResponse.json() : { state: {} };
@@ -15912,7 +15927,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
     `;
 		}
 		renderThreadsView() {
-			var _this$_core20, _visibleThreads$find, _this$_core$runtimeUr2, _this$_core21, _this$_core$headers, _this$_core22, _this$_core23, _this$liveMessageVers2, _this$agentEvents$get6, _this$_core24;
+			var _this$_core20, _visibleThreads$find, _this$_core$runtimeUr2, _this$_core21, _this$_core$ɵheaders, _this$_core22, _this$_core23, _this$liveMessageVers2, _this$agentEvents$get6, _this$_core24;
 			const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
 			const ephemeral = !((_this$_core20 = this._core) === null || _this$_core20 === void 0 ? void 0 : _this$_core20.intelligence);
 			const available = this.areThreadEndpointsAvailable();
@@ -16053,7 +16068,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
                         .thread=${selectedThread}
                         .provider=${selectedThreadIsLocalExample ? this.getExampleThreadProvider(selectedThread.id) : null}
                         .runtimeUrl=${selectedThreadIsLocalExample ? "" : (_this$_core$runtimeUr2 = (_this$_core21 = this._core) === null || _this$_core21 === void 0 ? void 0 : _this$_core21.runtimeUrl) !== null && _this$_core$runtimeUr2 !== void 0 ? _this$_core$runtimeUr2 : ""}
-                        .headers=${(_this$_core$headers = (_this$_core22 = this._core) === null || _this$_core22 === void 0 ? void 0 : _this$_core22.headers) !== null && _this$_core$headers !== void 0 ? _this$_core$headers : {}}
+                        .resolveHeaders=${this.resolveCoreHeaders}
+                        .headersGeneration=${(_this$_core$ɵheaders = (_this$_core22 = this._core) === null || _this$_core22 === void 0 ? void 0 : _this$_core22.ɵheadersGeneration) !== null && _this$_core$ɵheaders !== void 0 ? _this$_core$ɵheaders : 0}
                         .threadInspectionAvailable=${selectedThreadIsLocalExample || this.areThreadEndpointsAvailable() && ((_this$_core23 = this._core) === null || _this$_core23 === void 0 || (_this$_core23 = _this$_core23.threadEndpoints) === null || _this$_core23 === void 0 ? void 0 : _this$_core23.inspect) !== false}
                         .liveMessageVersion=${(_this$liveMessageVers2 = this.liveMessageVersion.get(selectedThread.id)) !== null && _this$liveMessageVers2 !== void 0 ? _this$liveMessageVers2 : 0}
                         .viewInAppMode=${this.getViewInAppMode(selectedThread, selectedThreadIsLocalExample)}