@copilotkit/web-inspector 1.77.2 → 1.79.0

package/dist/index.cjs

@@ -28,6 +28,14 @@ let lucide = require("lucide");
 let _copilotkit_core = require("@copilotkit/core");
 
 //#region src/index.ts
+/**
+* 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";
 /**
@@ -1335,6 +1343,8 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 		this.thread = null;
 		this.runtimeUrl = "";
 		this.headers = {};
+		this.resolveHeaders = CpkThreadInspector.ɵdefaultResolveHeaders;
+		this.headersGeneration = 0;
 		this.threadInspectionAvailable = false;
 		this.agentStateInput = null;
 		this.agentEventsInput = [];
@@ -1429,6 +1439,8 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			thread: { attribute: false },
 			runtimeUrl: { attribute: false },
 			headers: { attribute: false },
+			resolveHeaders: { attribute: false },
+			headersGeneration: { attribute: false },
 			threadInspectionAvailable: { attribute: false },
 			agentStateInput: { attribute: false },
 			agentEventsInput: { attribute: false },
@@ -1468,6 +1480,9 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	static {
 		this.nextDomId = 1;
 	}
+	static {
+		this.ɵdefaultResolveHeaders = () => ({});
+	}
 	static {
 		this.COLLAPSE_THRESHOLD = 800;
 	}
@@ -1509,14 +1524,6 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			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=${() => {
@@ -3017,7 +3024,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			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("||");
 	}
@@ -3172,9 +3179,16 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 			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}`);
@@ -3182,7 +3196,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	}
 	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" };
@@ -3194,7 +3208,7 @@ var CpkThreadInspector = class CpkThreadInspector extends PortableLitElement {
 	}
 	async fetchRuntimeState(threadId, signal) {
 		const res = await fetch(this.getThreadInspectionUrl(threadId, "state"), {
-			headers: { ...this.headers },
+			headers: { ...await this.ɵresolveInspectorHeaders() },
 			signal
 		});
 		if (res.status === 501) return { status: "not-available" };
@@ -5145,6 +5159,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 	constructor(..._args4) {
 		super(..._args4);
 		this._core = null;
+		this.resolveCoreHeaders = () => this._core ? resolveAttachedCoreHeaders(this._core) : {};
 		this.coreSubscriber = null;
 		this.coreUnsubscribe = null;
 		this._memories = [];
@@ -5462,7 +5477,6 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 						insightsPage: options.insightsPage ?? this.learningSnapshot?.insightsPage.page ?? 1
 					},
 					fetch: core.ɵruntimeFetch,
-					headers: core.headers,
 					credentials: core.credentials,
 					signal: controller.signal
 				});
@@ -6696,11 +6710,12 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		if (this.core?.getThreadStore(agentId)) return;
 		const core = this.core;
 		if (!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?.wsUrl,
 			agentId
 		});
@@ -6738,9 +6753,10 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		if (!this.areThreadEndpointsAvailable()) return;
 		const core = this.core;
 		if (!core?.runtimeUrl) return;
+		const hasRuntimeFetch = typeof core.ɵruntimeFetch === "function";
 		for (const [agentId, store] of this._ownedThreadStores) store.setContext({
 			runtimeUrl: core.runtimeUrl,
-			headers: { ...headers },
+			...hasRuntimeFetch ? {} : { headers: { ...headers } },
 			wsUrl: core.intelligence?.wsUrl,
 			agentId
 		});
@@ -12547,7 +12563,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		if (!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: {} };
@@ -14247,7 +14264,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
                         .thread=${selectedThread}
                         .provider=${selectedThreadIsLocalExample ? this.getExampleThreadProvider(selectedThread.id) : null}
                         .runtimeUrl=${selectedThreadIsLocalExample ? "" : this._core?.runtimeUrl ?? ""}
-                        .headers=${this._core?.headers ?? {}}
+                        .resolveHeaders=${this.resolveCoreHeaders}
+                        .headersGeneration=${this._core?.ɵheadersGeneration ?? 0}
                         .threadInspectionAvailable=${selectedThreadIsLocalExample || this.areThreadEndpointsAvailable() && this._core?.threadEndpoints?.inspect !== false}
                         .liveMessageVersion=${this.liveMessageVersion.get(selectedThread.id) ?? 0}
                         .viewInAppMode=${this.getViewInAppMode(selectedThread, selectedThreadIsLocalExample)}