@copilotkit/web-inspector 1.70.2 → 1.71.0

package/dist/index.umd.js

@@ -43,6 +43,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 			this.snapshot = null;
 			this.setupActive = false;
 			this.copyState = "idle";
+			this.recopyState = "idle";
 			this.setupPrompt = "";
 			this.promptOpen = false;
 			this.promptTrigger = null;
@@ -146,6 +147,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
           <div class="step-header"><span class="step-number">✓</span></div>
           <h3>Copy the setup prompt</h3>
           <p>Nice work. You’ve completed the first step.</p>
+          <button
+            class="copy-again"
+            type="button"
+            aria-live="polite"
+            @click=${() => this.emit("learning-recopy-setup")}
+          >
+            ${this.recopyState === "copied" ? "✓ Copied!" : this.recopyState === "error" ? "Try copying again" : "Copy prompt again"}
+          </button>
         </li>
         <li
           class="step ${attention ? "error current" : mode === "setup" ? "current" : "complete"}"
@@ -512,9 +521,18 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
             <h1>Learning</h1>
             <p>Your Agent learns from conversations and improves over time.</p>
           </div>
-          ${this.refreshing ? lit.html`
-                  <span class="refreshing" role="status">Refreshing</span>
-                ` : lit.nothing}
+          <div class="pane-actions">
+            ${state === "setup" && this.setupActive ? lit.html`<button
+                    class="secondary"
+                    type="button"
+                    @click=${() => this.emit("learning-go-back")}
+                  >
+                    ← Go back
+                  </button>` : lit.nothing}
+            ${this.refreshing ? lit.html`
+                    <span class="refreshing" role="status">Refreshing</span>
+                  ` : lit.nothing}
+          </div>
         </header>
         ${retry}
         ${content}
@@ -572,6 +590,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 		snapshot: { attribute: false },
 		setupActive: { type: Boolean },
 		copyState: { attribute: false },
+		recopyState: { attribute: false },
 		setupPrompt: { attribute: false }
 	};
 	CpkLearningView.styles = lit.css`
@@ -710,6 +729,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
       font-size: 14px;
       line-height: 1.5;
     }
+    .pane-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
     .refreshing {
       color: var(--learning-muted-strong);
       font-size: 11px;
@@ -825,6 +849,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
       font-size: 12px;
       line-height: 1.45;
     }
+    .copy-again {
+      margin-top: 12px;
+      padding: 0;
+      color: var(--learning-secondary-ink);
+      background: none;
+      border: 0;
+      font-size: 11px;
+      font-weight: 750;
+      text-decoration: underline;
+      cursor: pointer;
+    }
     .setup-support {
       margin-top: 14px;
     }
@@ -2251,7 +2286,7 @@ Implement the smallest complete integration: wire every feature-required client
 				{
 					id: "memory",
 					label: "Learning",
-					enabled: intelligenceConnected && input.memoriesOn,
+					enabled: intelligenceConnected && input.learningOn,
 					docsUrl: SERVICE_DOCS_URL.memory
 				},
 				{
@@ -2381,7 +2416,7 @@ Implement the smallest complete integration: wire every feature-required client
 
 //#endregion
 //#region package.json
-	var version = "1.70.2";
+	var version = "1.71.0";
 
 //#endregion
 //#region src/lib/telemetry.ts
@@ -2866,6 +2901,7 @@ Implement the smallest complete integration: wire every feature-required client
 	* "memories" for persistence and telemetry stability.
 	*/
 	const LEARNING_VIEW_LABEL = "Learning";
+	const LEARNING_RECOPY_CONFIRMATION_MS = 2e3;
 	/**
 	* User-facing label for the What's new view. Its menu key stays `whats-new`
 	* for persistence and telemetry stability, following the `memories`/"Memory"
@@ -7787,8 +7823,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			this.learningPollTimer = null;
 			this.learningPollFailureCount = 0;
 			this.learningSetupMarker = null;
+			this.learningSetupCopyRequest = 0;
 			this.learningSetupUnsubscribe = null;
 			this.learningPromptCopyState = "idle";
+			this.learningPromptRecopyState = "idle";
+			this.learningPromptRecopyTimer = null;
 			this.learningViewedState = null;
 			this._recallResults = null;
 			this._recallLoading = false;
@@ -7952,6 +7991,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			this.launcherHudIntroStartTimer = null;
 			this.launcherHudIntroEndTimer = null;
 			this.inspectorDismissedUntil = null;
+			this.lastReportedInspectorVisibility = null;
 			this.inspectorDismissalTimer = null;
 			this.hudLandingMenu = null;
 			this.pillOutcome = null;
@@ -8136,18 +8176,31 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 					return false;
 				}
 			};
-			this.handleLearningSetupCopy = async (event) => {
+			this.handleLearningSetupCopy = async (event, recopy = false) => {
 				var _this$core;
 				const service = this.getHomeFeaturePromptTarget("threads");
 				if (!service || !((_this$core = this.core) === null || _this$core === void 0 ? void 0 : _this$core.runtimeUrl)) return;
+				const request = ++this.learningSetupCopyRequest;
 				const copied = await this.copyFeaturePromptToClipboard(service, event, this.getOnboardingRunId());
+				if (request !== this.learningSetupCopyRequest) return;
 				if (!this.core.telemetryDisabled) trackLearningSetupPromptClicked({ outcome: copied ? "success" : "failure" });
 				if (!copied) {
-					this.learningPromptCopyState = "error";
+					if (recopy) {
+						this.cancelLearningPromptRecopyReset();
+						this.learningPromptRecopyState = "error";
+					} else this.learningPromptCopyState = "error";
 					this.requestUpdate();
 					return;
 				}
-				this.learningPromptCopyState = "copied";
+				if (recopy) {
+					this.cancelLearningPromptRecopyReset();
+					this.learningPromptRecopyState = "copied";
+					this.learningPromptRecopyTimer = setTimeout(() => {
+						this.learningPromptRecopyTimer = null;
+						this.learningPromptRecopyState = "idle";
+						this.requestUpdate();
+					}, LEARNING_RECOPY_CONFIRMATION_MS);
+				} else this.learningPromptCopyState = "copied";
 				this.learningSetupMarker = writeLearningSetupMarker({
 					runtimeUrl: this.core.runtimeUrl,
 					agentId: this.getLearningAgentId()
@@ -8157,6 +8210,17 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				this.requestUpdate();
 				this.refreshLearningSnapshot({ preserve: false });
 			};
+			this.handleLearningGoBack = () => {
+				this.learningSetupCopyRequest += 1;
+				this.cancelLearningPromptRecopyReset();
+				clearLearningSetupMarker();
+				this.learningSetupMarker = null;
+				this.learningPromptCopyState = "idle";
+				this.learningPromptRecopyState = "idle";
+				this.cancelLearningPoll();
+				this.requestUpdate();
+				this.trackLearningViewState();
+			};
 			this.handleLearningPage = (event) => {
 				var _this$learningSnapsho3, _this$learningSnapsho4, _this$learningSnapsho5, _this$learningSnapsho6, _this$core2;
 				const { section, page } = event.detail;
@@ -9393,7 +9457,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 							maybeShowDisclosure();
 						}
 						this.flushPendingWhatsNewTelemetry();
-						if (this.isOpen && this.selectedMenu === "memories") {
+						if (this.isLearningStatusVisible()) {
 							this.clearLearningSnapshot();
 							this.refreshLearningSnapshot({ preserve: false });
 						}
@@ -9422,7 +9486,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 					if (identity !== this.learningProjectIdentity) {
 						this.learningProjectIdentity = identity;
 						this.clearLearningSnapshot();
-						if (this.isOpen && this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: false });
+						if (this.isLearningStatusVisible()) this.refreshLearningSnapshot({ preserve: false });
 					}
 					this.requestUpdate();
 				} } : {},
@@ -9589,6 +9653,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			if (this.selectedContext !== "all-agents" && ((_this$core18 = this.core) === null || _this$core18 === void 0 ? void 0 : _this$core18.agents[this.selectedContext])) return this.selectedContext;
 			return null;
 		}
+		/** Whether a visible surface needs the current Learning connection status. */
+		isLearningStatusVisible() {
+			return this.launcherHudOpen || this.isOpen && (this.selectedMenu === "home" || this.selectedMenu === "memories");
+		}
 		isLearningSetupActive() {
 			var _this$core19;
 			const runtimeUrl = (_this$core19 = this.core) === null || _this$core19 === void 0 ? void 0 : _this$core19.runtimeUrl;
@@ -9646,6 +9714,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			(_this$learningAbortCo2 = this.learningAbortController) === null || _this$learningAbortCo2 === void 0 || _this$learningAbortCo2.abort();
 			this.learningAbortController = null;
 		}
+		cancelLearningPromptRecopyReset() {
+			if (this.learningPromptRecopyTimer !== null) {
+				clearTimeout(this.learningPromptRecopyTimer);
+				this.learningPromptRecopyTimer = null;
+			}
+		}
 		detachFromCore() {
 			var _this$_memoryUnsub;
 			this.threadCapabilityGeneration += 1;
@@ -9668,6 +9742,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			this._memoriesRealtimeStatus = "connecting";
 			this._memorySubscribed = false;
 			this._memoryStoreUnsupported = false;
+			this.cancelLearningPromptRecopyReset();
+			this.learningPromptRecopyState = "idle";
 			this._recallSeq += 1;
 			this._recallResults = null;
 			this._recallLoading = false;
@@ -9723,7 +9799,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				runtimeUrl: this.core.runtimeUrl,
 				agentId: learningAgentId
 			});
-			if (previousLearningAgentId !== learningAgentId && this.isOpen && this.selectedMenu === "memories") {
+			if (previousLearningAgentId !== learningAgentId && this.isLearningStatusVisible()) {
 				this.clearLearningSnapshot();
 				this.refreshLearningSnapshot({ preserve: false });
 			}
@@ -10339,6 +10415,11 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			else this.removeAttribute("data-docked");
 		}
 		updated() {
+			const visible = !this.isInspectorDismissed;
+			if (visible !== this.lastReportedInspectorVisibility) {
+				this.lastReportedInspectorVisibility = visible;
+				this.dispatchEvent(new CustomEvent("cpk-inspector-visibility-change", { detail: { visible } }));
+			}
 			this.syncInspectorPortal();
 			this.syncThreadsExampleOverviewVideo();
 			this.maybeTrackInspectorMetadataViews();
@@ -10587,6 +10668,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				this.resolveLauncherHudSide();
 				this.launcherHudIntro = true;
 				this.launcherHudOpen = true;
+				this.refreshLearningSnapshot({ preserve: true });
 				this.requestUpdate();
 				this.launcherHudIntroEndTimer = setTimeout(() => {
 					this.launcherHudIntroEndTimer = null;
@@ -10634,6 +10716,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			}
 			if (this.launcherHudOpen) return;
 			this.launcherHudOpen = true;
+			this.refreshLearningSnapshot({ preserve: true });
 			this.requestUpdate();
 		}
 		closeLauncherHud() {
@@ -11018,7 +11101,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
     `;
 		}
 		getHomeModel() {
-			var _this$_core6, _this$_core7, _this$_core8, _this$_core9, _this$_core10, _this$_core11, _this$_core12, _this$announcementPre2, _this$announcementMar, _this$announcementHtm;
+			var _this$_core6, _this$_core7, _this$learningSnapsho7, _this$_core8, _this$_core9, _this$_core10, _this$_core11, _this$_core12, _this$announcementPre2, _this$announcementMar, _this$announcementHtm;
 			const lastRuntimeEvent = this.flattenedEvents[0];
 			return buildHomeModel({
 				intelligenceConnected: Boolean((_this$_core6 = this._core) === null || _this$_core6 === void 0 ? void 0 : _this$_core6.intelligence),
@@ -11032,7 +11115,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 					type: lastRuntimeEvent.type,
 					timestamp: lastRuntimeEvent.timestamp
 				} : void 0,
-				memoriesOn: this._memorySubscribed && !this._memoriesLoading && this._memoriesAvailable,
+				learningOn: this.learningSupported && this.learningError === null && ((_this$learningSnapsho7 = this.learningSnapshot) === null || _this$learningSnapsho7 === void 0 ? void 0 : _this$learningSnapsho7.configuration.state) === "configured",
 				a2uiOn: ((_this$_core8 = this._core) === null || _this$_core8 === void 0 ? void 0 : _this$_core8.a2uiEnabled) === true,
 				openGenUiOn: ((_this$_core9 = this._core) === null || _this$_core9 === void 0 ? void 0 : _this$_core9.openGenerativeUIEnabled) === true,
 				suggestionsOn: ((_this$_core10 = this._core) === null || _this$_core10 === void 0 ? void 0 : _this$_core10.suggestions) === true,
@@ -12639,7 +12722,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 			}
 			this.ensureAnnouncementLoading();
 			this.isOpen = true;
-			if (this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null });
+			if (this.isLearningStatusVisible()) this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null });
 			this.cancelGestureTail();
 			this.persistState();
 			this.trackOpened(source, hadUnseenAnnouncement, firstOpen, activeSignalAtOpen);
@@ -14369,9 +14452,12 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
         .snapshot=${this.learningSnapshot}
         .setupActive=${this.isLearningSetupActive()}
         .copyState=${this.learningPromptCopyState}
+        .recopyState=${this.learningPromptRecopyState}
         .setupPrompt=${this.getHomeFeaturePromptTarget("threads") ? homeFeatureImplementationPrompt(this.getHomeFeaturePromptTarget("threads"), { onboardingRunId: this.getOnboardingRunId() }) : ""}
         @learning-retry=${() => this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null })}
         @learning-copy-setup=${(event) => this.handleLearningSetupCopy(event)}
+        @learning-recopy-setup=${(event) => this.handleLearningSetupCopy(event, true)}
+        @learning-go-back=${this.handleLearningGoBack}
         @learning-page=${(event) => this.handleLearningPage(event)}
         @learning-open-evidence=${(event) => this.handleLearningEvidence(event)}
         @learning-evidence-opened=${() => {
@@ -15448,7 +15534,10 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				this.cancelLearningPoll();
 				this.cancelLearningRequest();
 			}
-			if (key === "home" && previousMenu !== "home") this.homeViewedThisOpen = false;
+			if (key === "home" && previousMenu !== "home") {
+				this.refreshLearningSnapshot({ preserve: true });
+				this.homeViewedThisOpen = false;
+			}
 			if (key === "ag-ui-events" || key === "agents") {
 				if (!(this.pendingScrollToEventId !== null || this.pendingScrollToToolCallId !== null)) requestAnimationFrame(() => {
 					const scroller = this.activeRoot.querySelector("#cpk-main-scroll");
@@ -15480,7 +15569,7 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 				this.expandedRows.clear();
 				this.autoSelectLatestThread();
 				if (this.selectedMenu === "playground") this.startPlaygroundSession(false);
-				else if (this.selectedMenu === "memories") {
+				else if (this.isLearningStatusVisible()) {
 					this.clearLearningSnapshot();
 					this.refreshLearningSnapshot({ preserve: false });
 				}
@@ -18346,8 +18435,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
 
       .cpk-launcher-hud__toggle[data-enabled="true"]
         .cpk-launcher-hud__toggle-track {
-        border-color: var(--hud-accent);
-        background: color-mix(in srgb, var(--hud-accent) 76%, transparent);
+        border-color: #087653;
+        background: #087653;
       }
 
       .cpk-launcher-hud__toggle[data-enabled="true"]
@@ -18370,8 +18459,8 @@ ${(0, lit_directives_unsafe_html_js.unsafeHTML)(highlightedJson(parsed))}</pre
       .cpk-launcher-hud[data-color-scheme="light"]
         .cpk-launcher-hud__toggle[data-enabled="true"]
         .cpk-launcher-hud__toggle-track {
-        border-color: #6757b0;
-        background: #7563c7;
+        border-color: #087653;
+        background: #087653;
       }
 
       .cpk-launcher-hud[data-color-scheme="light"]