@copilotkit/web-inspector 1.64.2-canary.rc-1 → 1.64.2

package/dist/index.cjs

@@ -39,6 +39,7 @@ const DEFAULT_WINDOW_SIZE = {
 };
 const DOCKED_LEFT_WIDTH = 500;
 const MAX_AGENT_EVENTS = 200;
+const MAX_PENDING_BANNER_VIEWED = 20;
 const MAX_TOTAL_EVENTS = 500;
 const INTELLIGENCE_SIGNUP_URL = "https://go.copilotkit.ai/intelligence-signup";
 const THREADS_INTELLIGENCE_SIGNIN_URL = "https://dashboard.operations.copilotkit.ai/sign-in";
@@ -3545,8 +3546,8 @@ var WebInspectorElement = class extends lit.LitElement {
 		this.announcementPromise = null;
 		this.showAnnouncementPreview = true;
 		this.announcementExpanded = false;
-		this.viewedBannerTimestamps = /* @__PURE__ */ new Set();
-		this.pendingBannerViewed = null;
+		this.viewedBannerSurfaces = /* @__PURE__ */ new Set();
+		this.pendingBannerViewed = [];
 		this.clickedBannerIds = /* @__PURE__ */ new Set();
 		this.viewedThreadsTelemetryStates = /* @__PURE__ */ new Set();
 		this.viewedExampleThreadIds = /* @__PURE__ */ new Set();
@@ -3658,7 +3659,7 @@ var WebInspectorElement = class extends lit.LitElement {
 					this.hasCustomPosition.button = true;
 					if (this.draggedDuringInteraction) this.ignoreNextButtonClick = true;
 				}
-			} else if (context === "button" && !this.isOpen && !this.draggedDuringInteraction) this.openInspector();
+			} else if (context === "button" && !this.isOpen && !this.draggedDuringInteraction) this.openInspector("floating_button");
 			this.resetPointerTracking();
 		};
 		this.handlePointerCancel = (event) => {
@@ -3679,7 +3680,7 @@ var WebInspectorElement = class extends lit.LitElement {
 			}
 			if (!this.isOpen) {
 				event.preventDefault();
-				this.openInspector();
+				this.openInspector("floating_button");
 			}
 		};
 		this.handleClosePointerDown = (event) => {
@@ -3834,11 +3835,7 @@ var WebInspectorElement = class extends lit.LitElement {
 		};
 		this.handleDismissAnnouncementPreview = (event) => {
 			event.stopPropagation();
-			this.handleDismissAnnouncement();
-		};
-		this.handleDismissAnnouncement = () => {
-			this.trackBannerClickedOnce({ cta: "dismiss" });
-			this.markAnnouncementSeen();
+			this.dismissAnnouncement("collapsed_preview");
 		};
 		this.copyResetTimeouts = /* @__PURE__ */ new WeakMap();
 		this.handleAnnouncementContentClick = (event) => {
@@ -5989,12 +5986,15 @@ ${argsString}</pre
 		this.setDragging(false);
 		this.draggedDuringInteraction = false;
 	}
-	openInspector() {
+	openInspector(source) {
 		if (this.isOpen) return;
+		const hadUnseenAnnouncement = this.hasUnseenAnnouncement;
 		this.showAnnouncementPreview = false;
 		this.ensureAnnouncementLoading();
 		this.isOpen = true;
 		this.persistState();
+		this.trackOpened(source, hadUnseenAnnouncement);
+		this.maybeTrackBannerViewed();
 		if (this.dockMode !== "floating") this.applyDockStyles();
 		this.ensureWindowPlacement();
 		this.requestUpdate();
@@ -6270,6 +6270,31 @@ ${argsString}</pre
       </div>
     `;
 	}
+	trackOpened(source, hadUnseenAnnouncement) {
+		if (this.core?.telemetryDisabled) return;
+		require_telemetry.trackInspectorOpened({
+			open_source: source,
+			...this.runtimeStatus === "connected" ? {
+				license_status: this.core?.licenseStatus ?? void 0,
+				runtime_mode: this.core?.runtimeMode ?? void 0
+			} : {},
+			runtime_url_type: require_telemetry.getRuntimeUrlType(this.core?.runtimeUrl),
+			has_unseen_announcement: hadUnseenAnnouncement
+		});
+	}
+	trackBannerDismissedOnce(surface) {
+		if (this.core?.telemetryDisabled) return;
+		const id = this.announcementTimestamp;
+		if (!id) return;
+		const key = `${id}:dismissed:${surface}`;
+		if (this.clickedBannerIds.has(key)) return;
+		this.clickedBannerIds.add(key);
+		require_telemetry.trackBannerDismissed({
+			banner_id: id,
+			surface,
+			cta_label: this.announcementCtaLabel ?? void 0
+		});
+	}
 	trackBannerClickedOnce(opts) {
 		if (this.core?.telemetryDisabled) return;
 		const id = this.announcementTimestamp;
@@ -8491,7 +8516,7 @@ ${prettyEvent}</pre
         <button
           class="announcement-dismiss ml-auto"
           type="button"
-          @click=${this.handleDismissAnnouncement}
+          @click=${() => this.dismissAnnouncement("expanded_card")}
           aria-label="Dismiss announcement"
         >
           ${this.renderIcon("X")}
@@ -8522,14 +8547,48 @@ ${prettyEvent}</pre
       </button>
     </div>`;
 	}
+	/**
+	* Which announcement surface is on screen right now, or null when the
+	* announcement isn't visible. Mirrors the render gates in
+	* `renderAnnouncementPreview` (bubble) and `renderAnnouncementBanner`
+	* (in-panel card) — opening the panel clears `showAnnouncementPreview`, so
+	* the two are mutually exclusive.
+	*/
+	getVisibleBannerSurface() {
+		if (!this.hasUnseenAnnouncement) return null;
+		if (this.isOpen) return this.announcementHtml ? "expanded_card" : null;
+		return this.showAnnouncementPreview && this.announcementPreviewText ? "collapsed_preview" : null;
+	}
+	/**
+	* Records a `banner_viewed` impression for whichever surface is currently
+	* visible, once per announcement per surface.
+	*/
+	maybeTrackBannerViewed() {
+		const id = this.announcementTimestamp;
+		if (!id) return;
+		const surface = this.getVisibleBannerSurface();
+		if (!surface) return;
+		const key = `${id}:${surface}`;
+		if (this.viewedBannerSurfaces.has(key)) return;
+		if (this.pendingBannerViewed.length >= MAX_PENDING_BANNER_VIEWED) return;
+		this.viewedBannerSurfaces.add(key);
+		this.pendingBannerViewed.push({
+			banner_id: id,
+			surface,
+			cta_label: this.announcementCtaLabel ?? void 0
+		});
+		this.flushPendingBannerViewed();
+	}
 	flushPendingBannerViewed() {
-		if (!this.pendingBannerViewed || this.core?.telemetryDisabled) {
-			this.pendingBannerViewed = null;
+		if (this.pendingBannerViewed.length === 0) return;
+		if (this.core?.telemetryDisabled) {
+			this.pendingBannerViewed = [];
 			return;
 		}
 		if (this.runtimeStatus !== "connected") return;
-		require_telemetry.trackBannerViewed(this.pendingBannerViewed);
-		this.pendingBannerViewed = null;
+		const queued = this.pendingBannerViewed;
+		this.pendingBannerViewed = [];
+		for (const props of queued) require_telemetry.trackBannerViewed(props);
 	}
 	ensureAnnouncementLoading() {
 		if (this.announcementPromise || typeof window === "undefined" || typeof fetch === "undefined") return;
@@ -8557,7 +8616,12 @@ ${prettyEvent}</pre
 	}
 	handleAnnouncementPreviewClick() {
 		this.showAnnouncementPreview = false;
-		this.openInspector();
+		this.openInspector("announcement_preview");
+	}
+	dismissAnnouncement(surface) {
+		this.trackBannerClickedOnce({ cta: "dismiss" });
+		this.trackBannerDismissedOnce(surface);
+		this.markAnnouncementSeen();
 	}
 	async fetchAnnouncement() {
 		try {
@@ -8577,14 +8641,7 @@ ${prettyEvent}</pre
 			this.showAnnouncementPreview = this.hasUnseenAnnouncement;
 			this.announcementHtml = await this.convertMarkdownToHtml(markdown);
 			this.announcementLoaded = true;
-			if (this.hasUnseenAnnouncement && !this.viewedBannerTimestamps.has(timestamp)) {
-				this.viewedBannerTimestamps.add(timestamp);
-				this.pendingBannerViewed = {
-					banner_id: timestamp,
-					cta_label: ctaLabel ?? void 0
-				};
-				this.flushPendingBannerViewed();
-			}
+			this.maybeTrackBannerViewed();
 			this.requestUpdate();
 		} catch (error) {
 			console.warn("[CopilotKit Inspector] Failed to load announcement", error);