@copilotkit/web-inspector 1.70.3 → 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;
     }
@@ -2381,7 +2416,7 @@ Implement the smallest complete integration: wire every feature-required client
 
 //#endregion
 //#region package.json
-	var version = "1.70.3";
+	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;
@@ -9650,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;
@@ -9672,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;
@@ -10343,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();
@@ -14375,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=${() => {