@copilotkit/web-inspector 1.71.0 → 1.71.1

package/dist/index.cjs

@@ -503,6 +503,10 @@ const AGENT_EVENT_TYPES = [
 	"ACTIVITY_SNAPSHOT",
 	"ACTIVITY_DELTA"
 ];
+const THREADS_LOCKED_COPY = {
+	heading: "Production-grade chat threads without the complexity. Self hostable.",
+	description: "Chat threads that go beyond text with generative UI and multimodal inputs, built to replay missed events and stay in sync across tabs, sessions, and devices."
+};
 const EMPTY_INSPECTOR_MESSAGES = [];
 function textFromUnknownContent(content) {
 	if (typeof content === "string") return content;
@@ -5261,14 +5265,14 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 			const clipboard = this.getClipboard(event);
 			if (!clipboard?.writeText) return false;
 			try {
-				await clipboard.writeText(require_home_briefing.homeFeatureImplementationPrompt(service, { onboardingRunId }));
+				await clipboard.writeText(require_onboarding_prompt.createFeatureOnboardingPrompt(service.id, onboardingRunId));
 				return true;
 			} catch {
 				return false;
 			}
 		};
 		this.handleLearningSetupCopy = async (event, recopy = false) => {
-			const service = this.getHomeFeaturePromptTarget("threads");
+			const service = this.getHomeFeaturePromptTarget("memory");
 			if (!service || !this.core?.runtimeUrl) return;
 			const request = ++this.learningSetupCopyRequest;
 			const copied = await this.copyFeaturePromptToClipboard(service, event, this.getOnboardingRunId());
@@ -8540,6 +8544,24 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
         );
       }
 
+      /* With no news or setup actions, the dismissal is the whole HUD. */
+      .cpk-launcher-hud[data-cpk-hud-dismiss-only] {
+        --hud-dismiss-day-height: 36px;
+        width: max-content;
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-dismiss-only][data-cpk-hud-vertical="top"] {
+        top: calc((var(--cpk-launcher-size) - var(--hud-dismiss-day-height)) / 2);
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-dismiss-only][data-cpk-hud-vertical="bottom"] {
+        bottom: calc((var(--cpk-launcher-size) - var(--hud-dismiss-day-height)) / 2);
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-dismiss-only] .cpk-launcher-hud__card {
+        width: max-content;
+      }
+
       .cpk-launcher-hud__list {
         margin: 0;
         padding: 0;
@@ -8706,6 +8728,11 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
           color 120ms ease;
       }
 
+      .cpk-launcher-hud[data-cpk-hud-dismiss-only] .cpk-launcher-hud__dismiss-day {
+        font-size: 11px;
+        white-space: nowrap;
+      }
+
       .cpk-launcher-hud__dismiss-day:hover,
       .cpk-launcher-hud__dismiss-day:focus-visible {
         border-color: var(--hud-accent);
@@ -9925,6 +9952,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		return titleCharacters.length > HUD_ANNOUNCEMENT_TITLE_LIMIT ? `${titleCharacters.slice(0, HUD_ANNOUNCEMENT_TITLE_LIMIT).join("").trimEnd()}...` : title;
 	}
 	renderHudRow(args) {
+		if (args.connected) return lit.nothing;
 		const detailId = `cpk-hud-detail-${args.id}`;
 		return lit.html`
       <li
@@ -9996,11 +10024,13 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		const learningOn = homeModel.services.some((service) => service.id === "memory" && service.enabled);
 		const announcementTitle = this.getUnreadAnnouncementTitle();
 		const featureBlockIntroIndex = announcementTitle ? 1 : 0;
+		const dismissOnly = !announcementTitle && threadsOn && learningOn;
 		return lit.html`
       <div
         class="cpk-launcher-hud"
         id="cpk-launcher-hud"
         data-cpk-launcher-hud
+        ?data-cpk-hud-dismiss-only=${dismissOnly}
         data-cpk-hud-side=${this.launcherHudSide}
         data-cpk-hud-vertical=${this.contextState.button.anchor.vertical}
         data-cpk-hud-intro=${this.launcherHudIntro ? "true" : lit.nothing}
@@ -10010,7 +10040,9 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 			"--cpk-launcher-hud-waterfall-duration": `${LAUNCHER_HUD_INTRO_MS.waterfallDuration}ms`
 		})}
       >
-        <span class="cpk-launcher-hud__arrow" aria-hidden="true"></span>
+        ${dismissOnly ? lit.nothing : lit.html`
+                <span class="cpk-launcher-hud__arrow" aria-hidden="true"></span>
+              `}
         <div class="cpk-launcher-hud__card">
           ${announcementTitle ? lit.html`
                   <div
@@ -10049,31 +10081,33 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
                     </div>
                   </div>
                 ` : lit.nothing}
-          <ul
-            class="cpk-launcher-hud__list cpk-launcher-hud__feature-list"
-            role="list"
-            style=${(0, lit_directives_style_map_js.styleMap)({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(featureBlockIntroIndex) })}
-          >
-            ${this.renderHudRow({
+          ${threadsOn && learningOn ? lit.nothing : lit.html`
+                  <ul
+                    class="cpk-launcher-hud__list cpk-launcher-hud__feature-list"
+                    role="list"
+                    style=${(0, lit_directives_style_map_js.styleMap)({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(featureBlockIntroIndex) })}
+                  >
+                    ${this.renderHudRow({
 			id: "threads",
 			label: HUD_THREADS_LABEL,
 			icon: "MessageSquare",
 			connected: threadsOn,
 			introIndex: featureBlockIntroIndex + 1
 		})}
-            ${this.renderHudRow({
+                    ${this.renderHudRow({
 			id: "learning",
 			label: HUD_LEARNING_LABEL,
 			icon: "Brain",
 			connected: learningOn,
-			introIndex: featureBlockIntroIndex + 2
+			introIndex: featureBlockIntroIndex + (threadsOn ? 1 : 2)
 		})}
-          </ul>
+                  </ul>
+                `}
           <button
             type="button"
             class="cpk-launcher-hud__dismiss-day"
             data-cpk-dismiss-inspector="day"
-            style=${(0, lit_directives_style_map_js.styleMap)({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(featureBlockIntroIndex + 3) })}
+            style=${(0, lit_directives_style_map_js.styleMap)({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(dismissOnly ? 0 : featureBlockIntroIndex + Number(!threadsOn) + Number(!learningOn) + 1) })}
             @click=${this.handleHudDismissDayClick}
             @pointerdown=${(event) => event.stopPropagation()}
           >
@@ -13482,23 +13516,6 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
       </div>
     `;
 	}
-	getThreadsLockedCopy() {
-		switch (this.inspectorMetadataProjection.licenseState) {
-			case "valid": return {
-				heading: "Finish setting up Rich Threads",
-				description: "Copy this prompt into your coding agent to finish the setup."
-			};
-			case "none":
-			case "unknown": return {
-				heading: "Production-grade chat threads without the complexity. Self hostable.",
-				description: "Chat threads that go beyond text with generative UI and multimodal inputs, built to replay missed events and stay in sync across tabs, sessions, and devices."
-			};
-			case "expired": return {
-				heading: "Renew Intelligence to inspect Threads.",
-				description: "Your Intelligence access has expired. Renew it to inspect saved thread history."
-			};
-		}
-	}
 	/**
 	* Renders the realtime-connection indicator in the memory-store header.
 	* Only `"connected"` shows the live (green-dot) state; `"connecting"` shows a
@@ -13549,7 +13566,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 			videoTitle: "CopilotKit Learning overview",
 			outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE,
 			setupPrompt: {
-				serviceId: "threads",
+				serviceId: "memory",
 				copyState: this.learningPromptCopyState,
 				onClick: (event) => void this.handleLearningSetupCopy(event)
 			}
@@ -13565,7 +13582,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
         .setupActive=${this.isLearningSetupActive()}
         .copyState=${this.learningPromptCopyState}
         .recopyState=${this.learningPromptRecopyState}
-        .setupPrompt=${this.getHomeFeaturePromptTarget("threads") ? require_home_briefing.homeFeatureImplementationPrompt(this.getHomeFeaturePromptTarget("threads"), { onboardingRunId: this.getOnboardingRunId() }) : ""}
+        .setupPrompt=${require_onboarding_prompt.createFeatureOnboardingPrompt("memory", 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)}
@@ -13807,12 +13824,11 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 	renderThreadsView() {
 		if (!this.areThreadEndpointsAvailable()) {
 			this.trackThreadsViewStateOnce("locked");
-			const lockedCopy = this.getThreadsLockedCopy();
 			return this.renderLockedFeatureOverview({
 				serviceId: "threads",
 				featureName: "Rich Threads",
-				heading: lockedCopy.heading,
-				description: lockedCopy.description,
+				heading: THREADS_LOCKED_COPY.heading,
+				description: THREADS_LOCKED_COPY.description,
 				videoUrl: THREADS_LOCKED_VIDEO_URL,
 				videoTitle: "Rich Threads overview",
 				outlineItems: THREADS_LOCKED_FEATURE_OUTLINE