@copilotkit/web-inspector 1.71.1 → 1.71.2

package/dist/index.cjs

@@ -4982,6 +4982,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		};
 		this.lastScrolledAgentNavigationLayout = null;
 		this.selectedThreadId = null;
+		this.ephemeralThreadsSetupOpen = false;
 		this.inAppThreadId = null;
 		this.inAppAgentId = null;
 		this.inAppSource = null;
@@ -6068,6 +6069,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		if (oldValue === value) return;
 		this.detachFromCore();
 		const hadResolvedCore = this.hasResolvedCore;
+		this.ephemeralThreadsSetupOpen = false;
 		this._core = value ?? null;
 		if (this._core) this.hasResolvedCore = true;
 		if (!hadResolvedCore && this._core) this.resolvePendingPersistedMenu();
@@ -6237,7 +6239,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 	}
 	/** Report only real rows visible in the active, settled Threads view. */
 	hasActiveVisibleThreads() {
-		if (this.selectedMenu !== "threads" || this.settingsOpen || !this.areThreadEndpointsAvailable()) return false;
+		if (this.selectedMenu !== "threads" || this.settingsOpen || this.ephemeralThreadsSetupOpen || !this.areThreadEndpointsAvailable()) return false;
 		const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
 		return !threadsErrorMessage && !threadsLoading && displayThreads.length > 0;
 	}
@@ -13822,9 +13824,27 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
     `;
 	}
 	renderThreadsView() {
-		if (!this.areThreadEndpointsAvailable()) {
+		const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
+		const ephemeral = !this._core?.intelligence;
+		const available = this.areThreadEndpointsAvailable();
+		const hasEphemeralThreads = ephemeral && available && displayThreads.length > 0;
+		if (!ephemeral) this.ephemeralThreadsSetupOpen = false;
+		if (!available || ephemeral && displayThreads.length === 0 && !threadsLoading && !threadsErrorMessage || this.ephemeralThreadsSetupOpen) {
 			this.trackThreadsViewStateOnce("locked");
-			return this.renderLockedFeatureOverview({
+			return lit.html`
+        ${hasEphemeralThreads ? lit.html`
+          <nav class="cpk-threads-setup-navigation" aria-label="Threads setup navigation">
+            <button type="button" class="cpk-threads-setup-back"
+              data-inspector-ephemeral-back
+              @click=${() => {
+				this.ephemeralThreadsSetupOpen = false;
+				this.requestUpdate();
+			}}>
+              <span aria-hidden="true">←</span> Back to your threads
+            </button>
+          </nav>
+        ` : lit.nothing}
+        ${this.renderLockedFeatureOverview({
 				serviceId: "threads",
 				featureName: "Rich Threads",
 				heading: THREADS_LOCKED_COPY.heading,
@@ -13832,9 +13852,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 				videoUrl: THREADS_LOCKED_VIDEO_URL,
 				videoTitle: "Rich Threads overview",
 				outlineItems: THREADS_LOCKED_FEATURE_OUTLINE
-			});
+			})}`;
 		}
-		const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
 		const loadingWithoutRows = threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
 		const showingExamples = this.shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading);
 		const visibleThreads = threadsErrorMessage || loadingWithoutRows ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
@@ -13851,6 +13870,24 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
           <div
             style="width:${this.threadListWidth}px;flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #DBDBE5;"
           >
+        ${ephemeral ? lit.html`
+          <button type="button" class="cpk-ephemeral-threads-banner"
+            data-inspector-ephemeral-banner data-inspector-ephemeral-upgrade
+            aria-label="Make threads permanent. Ephemeral history can disappear on restart."
+            @click=${() => {
+			this.ephemeralThreadsSetupOpen = true;
+			this.requestUpdate();
+		}}>
+            <span class="cpk-ephemeral-threads-icon" aria-hidden="true">${this.renderIcon("Clock")}</span>
+            <span class="cpk-ephemeral-threads-copy">
+              <span class="cpk-ephemeral-threads-headline">
+                <strong>Keep your threads.</strong>
+              </span>
+              <span class="cpk-ephemeral-threads-description">Ephemeral history can disappear on restart.</span>
+              <span class="cpk-ephemeral-threads-upgrade">Make them permanent <span aria-hidden="true">${this.renderIcon("ArrowRight")}</span></span>
+            </span>
+          </button>
+        ` : lit.nothing}
             <cpk-thread-list
               style="min-height:0;flex:1;"
               data-color-scheme=${this.colorScheme}