@copilotkit/web-inspector 1.70.0 → 1.70.2

package/dist/index.mjs

@@ -1,14 +1,17 @@
 import generated_default from "./styles/generated.mjs";
 import inspector_logo_default from "./assets/inspector-logo.mjs";
 import inspector_logo_kite_default from "./assets/inspector-logo-kite.mjs";
+import { deriveLearningViewState } from "./components/learning-view.mjs";
 import { applyAnchorPosition, centerContext, clampSize, constrainToViewport, keepPositionWithinViewport, updateAnchorFromPosition, updateSizeFromElement } from "./lib/context-helpers.mjs";
-import { clearLegacyAnnouncementReadState, isValidAnchor, isValidDockMode, isValidPosition, isValidSize, loadAnnouncementPulsedTimestamp, loadAnnouncementReadTimestamp, loadInspectorState, saveAnnouncementPulsedTimestamp, saveAnnouncementReadTimestamp, saveInspectorState } from "./lib/persistence.mjs";
+import { INSPECTOR_DISMISSAL_MAX_DURATION_MS, clearLegacyAnnouncementReadState, isValidAnchor, isValidDockMode, isValidPosition, isValidSize, loadAnnouncementPulsedTimestamp, loadAnnouncementReadTimestamp, loadInspectorDismissedUntil, loadInspectorState, saveAnnouncementPulsedTimestamp, saveAnnouncementReadTimestamp, saveInspectorDismissedUntil, saveInspectorState } from "./lib/persistence.mjs";
+import { clearLearningSetupMarker, learningSetupMarkerMatches, readLearningSetupMarker, subscribeToLearningSetupMarker, writeLearningSetupMarker } from "./lib/learning-setup.mjs";
+import { InspectorLearningUnsupportedError, fetchInspectorLearning } from "./lib/inspector-learning.mjs";
 import { buildPopOutFeatures, ensureBrandFont, openPopOutWindow } from "./lib/pop-out.mjs";
 import { projectInspectorMetadata } from "./lib/inspector-metadata.mjs";
-import { buildHomeModel, runtimeConnectionNeedsAttention } from "./lib/home-briefing.mjs";
+import { buildHomeModel, homeFeatureImplementationPrompt, runtimeConnectionNeedsAttention } from "./lib/home-briefing.mjs";
 import { INSPECTOR_GROUPS, INSPECTOR_NAV_SECTIONS, getGroupForMenu, isInspectorMenuKey, shouldUseIconRail } from "./lib/inspector-nav.mjs";
 import { selectVisibleRealThreadId } from "./lib/thread-selection.mjs";
-import { TELEMETRY_DOCS_URL, ensureTelemetryDistinctId, getRuntimeUrlType, getTelemetryDistinctIdForUrl, maybeShowDisclosure, trackErrorSignalViewed, trackHomeCtaClicked, trackHomePromptCopied, trackHomeStoryBeatSelected, trackHomeViewed, trackInspectorOpened, trackMemoriesTabClicked, trackMetadataActionClicked, trackMetadataModuleViewed, trackTalkToEngineerClicked, trackThreadsEmptyEnabledViewed, trackThreadsEnabledViewed, trackThreadsExampleSelected, trackThreadsExampleTourCompleted, trackThreadsExampleTourDismissed, trackThreadsExampleTourReopened, trackThreadsExampleTourStarted, trackThreadsExampleTourStepViewed, trackThreadsExampleViewed, trackThreadsIntelligenceSignupClicked, trackThreadsLockedViewed, trackThreadsTabClicked, trackThreadsTalkToEngineerClicked, trackThreadsTryFromHereClicked, trackWhatsNewClicked, trackWhatsNewSignalViewed, trackWhatsNewViewed } from "./lib/telemetry.mjs";
+import { TELEMETRY_DOCS_URL, ensureTelemetryDistinctId, getRuntimeUrlType, getTelemetryDistinctIdForUrl, learningCountBucket, learningDurationBucket, maybeShowDisclosure, trackErrorSignalViewed, trackHomeCtaClicked, trackHomeFeaturePromptClicked, trackHomePromptCopied, trackHomeStoryBeatSelected, trackHomeViewed, trackInspectorOpened, trackLearningEvidenceOpened, trackLearningPageChanged, trackLearningPaneViewed, trackLearningSetupPromptClicked, trackLearningSkillToggled, trackLearningSnapshotLoaded, trackLearningWebAppOpened, trackMemoriesTabClicked, trackMetadataActionClicked, trackMetadataModuleViewed, trackTalkToEngineerClicked, trackThreadsEmptyEnabledViewed, trackThreadsEnabledViewed, trackThreadsExampleSelected, trackThreadsExampleTourCompleted, trackThreadsExampleTourDismissed, trackThreadsExampleTourReopened, trackThreadsExampleTourStarted, trackThreadsExampleTourStepViewed, trackThreadsExampleViewed, trackThreadsIntelligenceSignupClicked, trackThreadsLockedViewed, trackThreadsTabClicked, trackThreadsTalkToEngineerClicked, trackThreadsTryFromHereClicked, trackWhatsNewClicked, trackWhatsNewSignalViewed, trackWhatsNewViewed } from "./lib/telemetry.mjs";
 import { createOnboardingPrompt, createOnboardingRunId } from "./lib/onboarding-prompt.mjs";
 import { LitElement, css, html, nothing, render, unsafeCSS } from "lit";
 import { marked } from "marked";
@@ -111,20 +114,15 @@ const EVENT_ERROR_GUIDANCE = {
 * an announcement, and it would double the spoken length.
 */
 const PILL_SUBLINE_LABEL = "Open Inspector for details";
-const HUD_OPEN_INSPECTOR_LABEL = "Open Inspector";
-const HUD_THREADS_OFF_LABEL = "Turn on Threads";
-const HUD_THREADS_ON_LABEL = "Threads on";
-const HUD_INTELLIGENCE_OFF_LABEL = "Turn on Intelligence";
-const HUD_INTELLIGENCE_ON_LABEL = "Intelligence connected";
-const HUD_THREADS_OFF_DETAIL = "Inspect conversations from this app.";
-const HUD_THREADS_ON_DETAIL = "Threads is on. Opens the Threads view.";
-const HUD_INTELLIGENCE_OFF_DETAIL = "Connect Intelligence to use Threads and Learning.";
-const HUD_INTELLIGENCE_ON_DETAIL = "Intelligence is connected. Opens Home.";
-const HUD_LEARNING_OFF_LABEL = "Turn on Learning";
-const HUD_LEARNING_ON_LABEL = "Learning on";
-const HUD_LEARNING_OFF_DETAIL = "Connect Intelligence to use Learning.";
-const HUD_LEARNING_ON_DETAIL = "Learning is on. Opens the Learning view.";
-const HUD_OPEN_INSPECTOR_DETAIL = "Same as clicking the circle. Opens the full Inspector.";
+const HUD_INSPECTOR_LABEL = "CopilotKit Inspector";
+const HUD_ANNOUNCEMENT_TITLE_LIMIT = 80;
+const HUD_THREADS_LABEL = "Rich Threads";
+const HUD_LEARNING_LABEL = "Automatic Learning";
+const HUD_LEARN_MORE_LABEL = "Click to learn more";
+const INSPECTOR_DISMISSAL_MS = {
+	day: 1440 * 60 * 1e3,
+	week: INSPECTOR_DISMISSAL_MAX_DURATION_MS
+};
 const LAUNCHER_SIGNALS = {
 	"whats-new": {
 		tone: "news",
@@ -242,22 +240,24 @@ const THREAD_LIST_DEBOUNCE_MS = 300;
 const LAUNCHER_BASE_LABEL = "Web Inspector";
 const EDGE_MARGIN = 16;
 /** HUD card plus the hover bridge. Used to pick left vs right. */
-const LAUNCHER_HUD_WIDTH = 248;
+const LAUNCHER_HUD_WIDTH = 258;
 /**
 * One page-load preview of the launcher's feature HUD.
 *
-* The card arrives after the host page has had a beat to settle. Its four rows
-* then come online in order, stay readable, and leave together. Nothing is
-* persisted: a new Inspector element means a new preview.
+* The card arrives after the host page has had a beat to settle. Its feature
+* contents then arrive from top to bottom, stay readable, and leave together.
+* Nothing is persisted: a new Inspector element means a new preview.
 */
 const LAUNCHER_HUD_INTRO_MS = {
 	delay: 500,
 	duration: 3400,
-	rowStart: 180,
-	rowStagger: 170,
-	rowDuration: 300,
+	waterfallStart: 180,
+	waterfallStagger: 170,
+	waterfallDuration: 300,
 	blockedRetry: 250
 };
+/** Return the staggered reveal delay for one launcher HUD layer. */
+const launcherHudWaterfallDelay = (introIndex) => `${LAUNCHER_HUD_INTRO_MS.waterfallStart + introIndex * LAUNCHER_HUD_INTRO_MS.waterfallStagger}ms`;
 const DRAG_THRESHOLD = 6;
 const MIN_WINDOW_WIDTH = 880;
 const MIN_WINDOW_WIDTH_DOCKED_LEFT = 640;
@@ -286,17 +286,7 @@ function createPlaygroundThreadId() {
 	return globalThis.crypto?.randomUUID?.() ?? `playground-${Date.now()}`;
 }
 const THREADS_DOCS_URL = "https://docs.copilotkit.ai/threads";
-const THREADS_RUNTIME_SETUP_DOCS_URL = "https://docs.copilotkit.ai/backend/runtime-endpoints#enable-rich-threads-routes";
-const THREADS_RUNTIME_SETUP_PROMPT = [
-	`Read ${THREADS_RUNTIME_SETUP_DOCS_URL} and finish setting up Rich Threads in this repository.`,
-	"",
-	"First inspect the repository's agent instructions, installed CopilotKit versions, Runtime adapter, frontend provider, route or proxy setup, and existing authentication. Preserve the current framework and deployment model. Preserve existing authentication middleware and access checks on every Runtime route.",
-	"",
-	"Follow the guide to enable the multi-route Runtime, align the frontend transport, scope identifyUser to the existing server-verified signed-in application user, and expose the full Runtime subtree for GET, POST, PATCH, and DELETE. Never use a fixed demo identity in production. If no trusted user identity exists, stop and ask me which auth source to use.",
-	"",
-	"Start the app and verify GET {basePath}/info reports threadEndpoints.list, inspect, mutations, and realtimeMetadata as true. Run focused tests, lint, and typecheck. Report the files changed, commands run, and verification result. If blocked, explain the missing input; do not invent setup."
-].join("\n");
-const SELF_HOSTED_INTELLIGENCE_URL = "https://docs.copilotkit.ai/premium/self-hosting";
+const SELF_HOSTED_INTELLIGENCE_URL = "https://docs.copilotkit.ai/intelligence/self-hosting";
 const INTELLIGENCE_STORY_BEATS = [
 	{
 		id: "threads",
@@ -401,6 +391,52 @@ const INTELLIGENCE_STORY_CHAIN = [
 ];
 const THREADS_EXAMPLE_OVERVIEW_VIDEO_URL = "https://cdn.copilotkit.ai/corp-site/videos/copilotkit-generative-ui-agentic-frontend-demo.webm";
 const THREADS_EXAMPLE_OVERVIEW_VIDEO_FALLBACK = "The demo video is unavailable. Use the example threads to explore Messages, AG-UI Events, and State.";
+const THREADS_LOCKED_VIDEO_URL = "https://www.loom.com/embed/79817778d29e490c97225127d2f17b3a?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true&hide_speed=true";
+const LEARNING_LOCKED_VIDEO_URL = "https://www.loom.com/embed/2978fbfe42324e509057ac5fd46b7a70?hide_owner=true&hide_share=true&hide_title=true&hideEmbedTopBar=true&hide_speed=true";
+const THREADS_LOCKED_FEATURE_OUTLINE = [
+	{
+		icon: "MessagesSquare",
+		title: "The whole conversation comes back",
+		description: "Rich Threads restores the complete interaction, not just a transcript. Messages, tool calls, shared state, generated interfaces, and supported files return together when a user reopens the thread."
+	},
+	{
+		icon: "LayoutGrid",
+		title: "Generated UI stays in the thread",
+		description: "Cards, charts, A2UI surfaces, MCP Apps, and tool renderers remain part of the conversation. The demo above shows a generated spending chart returning after a reload."
+	},
+	{
+		icon: "RefreshCw",
+		title: "Return without starting over",
+		description: "Users can move across sessions and devices while thread lists stay synchronized across open tabs. Rich Threads replays missed events and reconnects to work already in progress."
+	},
+	{
+		icon: "Server",
+		title: "Infrastructure you do not have to rebuild",
+		description: "CopilotKit handles durable event storage, replay, synchronization, lifecycle APIs, and thread locks on one portable AG-UI history model. Use CopilotKit Cloud or deploy Intelligence in your own Kubernetes environment."
+	}
+];
+const LEARNING_LOCKED_FEATURE_OUTLINE = [
+	{
+		icon: "History",
+		title: "Memory across sessions",
+		description: "Keep useful facts, preferences, and decisions after the thread closes. Learning gives future conversations the context they need without asking users to repeat themselves."
+	},
+	{
+		icon: "Search",
+		title: "Recall by meaning",
+		description: "Surface relevant memories by what they mean, not by an exact phrase. Your agent can bring the right context into a new interaction even when the user asks in a completely different way."
+	},
+	{
+		icon: "Layers",
+		title: "Built-in structure",
+		description: "Turn raw interactions into organized topical, episodic, and operational knowledge. Learning separates enduring facts from individual experiences and useful instructions automatically."
+	},
+	{
+		icon: "Eye",
+		title: "Full visibility",
+		description: "Inspect exactly what your agent learned and trace each memory back to the threads that shaped it. Review the stored context instead of treating memory like a black box."
+	}
+];
 const THREADS_EXAMPLE_TOUR_STORAGE_KEY = "cpk:inspector:threads-example-tour:v1";
 const THREADS_EXAMPLE_AGENT_ID = "threads-feature";
 /** Keep one row per thread id when flattening per-agent stores. */
@@ -4866,6 +4902,21 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this._memoryUnsub = null;
 		this._memorySubscribed = false;
 		this._memoryStoreUnsupported = false;
+		this.learningSnapshot = null;
+		this.learningSnapshotScope = null;
+		this.learningProjectIdentity = null;
+		this.learningLoading = false;
+		this.learningRefreshing = false;
+		this.learningError = null;
+		this.learningSupported = false;
+		this.learningRequestGeneration = 0;
+		this.learningAbortController = null;
+		this.learningPollTimer = null;
+		this.learningPollFailureCount = 0;
+		this.learningSetupMarker = null;
+		this.learningSetupUnsubscribe = null;
+		this.learningPromptCopyState = "idle";
+		this.learningViewedState = null;
 		this._recallResults = null;
 		this._recallLoading = false;
 		this._recallError = null;
@@ -5023,11 +5074,12 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.pillTimeoutId = null;
 		this.launcherHudOpen = false;
 		this.launcherHudSide = "left";
-		this.launcherHudHelp = null;
 		this.launcherHudCloseTimer = null;
 		this.launcherHudIntro = false;
 		this.launcherHudIntroStartTimer = null;
 		this.launcherHudIntroEndTimer = null;
+		this.inspectorDismissedUntil = null;
+		this.inspectorDismissalTimer = null;
 		this.hudLandingMenu = null;
 		this.pillOutcome = null;
 		this.viewedNewsSignalIds = /* @__PURE__ */ new Set();
@@ -5055,9 +5107,9 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.threadsExampleOverviewVideoPlayAttemptGeneration = 0;
 		this.threadsExampleOverviewVideoPlayPromise = null;
 		this.threadsExampleOverviewVideoPlayOnNextBind = false;
-		this.threadsSetupPromptCopyState = "idle";
-		this.threadsSetupPromptCopyResetTimeoutId = null;
-		this.threadsSetupPromptCopyGeneration = 0;
+		this.homeFeaturePromptCopyState = null;
+		this.homeFeaturePromptCopyResetTimeoutId = null;
+		this.homeFeaturePromptCopyGeneration = 0;
 		this.contextState = {
 			button: {
 				position: {
@@ -5101,9 +5153,158 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.resizeEdge = "se";
 		this.isResizing = false;
 		this.customTabIcons = { threads: `<svg class="h-3.5 w-3.5" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.04167 15C8.29167 15 7.65972 14.7431 7.14583 14.2292C6.63194 13.7153 6.375 13.0972 6.375 12.375C6.375 11.3194 6.80208 10.3646 7.65625 9.51042C8.51042 8.65625 9.57639 8.125 10.8542 7.91667C10.8125 7.41667 10.6875 7.03819 10.4792 6.78125C10.2708 6.52431 9.98611 6.39583 9.625 6.39583C9.20833 6.39583 8.75694 6.56944 8.27083 6.91667C7.78472 7.26389 7.20833 7.83333 6.54167 8.625C5.45833 9.91667 4.66319 10.7569 4.15625 11.1458C3.64931 11.5347 3.10417 11.7292 2.52083 11.7292C1.8125 11.7292 1.21528 11.4653 0.729167 10.9375C0.243056 10.4097 0 9.77083 0 9.02083C0 8.27083 0.163194 7.50347 0.489583 6.71875C0.815972 5.93403 1.36806 4.99306 2.14583 3.89583C2.40972 3.53472 2.60417 3.22917 2.72917 2.97917C2.85417 2.72917 2.91667 2.52778 2.91667 2.375C2.91667 2.27778 2.89931 2.20486 2.86458 2.15625C2.82986 2.10764 2.77778 2.08333 2.70833 2.08333C2.56944 2.08333 2.39583 2.17014 2.1875 2.34375C1.97917 2.51736 1.73611 2.78472 1.45833 3.14583L0 1.66667C0.444444 1.125 0.895833 0.711806 1.35417 0.427083C1.8125 0.142361 2.26389 0 2.70833 0C3.34722 0 3.88889 0.222222 4.33333 0.666667C4.77778 1.11111 5 1.66667 5 2.33333C5 2.73611 4.89583 3.18056 4.6875 3.66667C4.47917 4.15278 4.13194 4.73611 3.64583 5.41667C3.11806 6.16667 2.72569 6.82639 2.46875 7.39583C2.21181 7.96528 2.08333 8.46528 2.08333 8.89583C2.08333 9.13194 2.12153 9.31597 2.19792 9.44792C2.27431 9.57986 2.38194 9.64583 2.52083 9.64583C2.65972 9.64583 2.78125 9.60764 2.88542 9.53125C2.98958 9.45486 3.18056 9.27083 3.45833 8.97917C3.63889 8.78472 3.85417 8.54514 4.10417 8.26042C4.35417 7.97569 4.65972 7.625 5.02083 7.20833C5.89583 6.16667 6.6875 5.42361 7.39583 4.97917C8.10417 4.53472 8.84722 4.3125 9.625 4.3125C10.5556 4.3125 11.3194 4.625 11.9167 5.25C12.5139 5.875 12.8542 6.72917 12.9375 7.8125H15V9.89583H12.9375C12.8264 11.4514 12.4201 12.691 11.7188 13.6146C11.0174 14.5382 10.125 15 9.04167 15ZM9.08333 12.9167C9.52778 12.9167 9.90278 12.6632 10.2083 12.1562C10.5139 11.6493 10.7222 10.9444 10.8333 10.0417C10.1944 10.1944 9.63889 10.4965 9.16667 10.9479C8.69444 11.3993 8.45833 11.8472 8.45833 12.2917C8.45833 12.4861 8.51389 12.6389 8.625 12.75C8.73611 12.8611 8.88889 12.9167 9.08333 12.9167Z" fill="currentColor"/></svg>` };
+		this.refreshLearningSnapshot = async (options = {}) => {
+			const core = this.core;
+			const runtimeUrl = core?.runtimeUrl;
+			this.learningSupported = Boolean(core?.inspectorLearning);
+			if (!core || !runtimeUrl || !this.learningSupported) {
+				this.clearLearningSnapshot();
+				this.requestUpdate();
+				this.trackLearningViewState();
+				return;
+			}
+			this.cancelLearningPoll();
+			const startedAt = performance.now();
+			let loadOutcome = "failure";
+			let loadedSkills = 0;
+			let loadedInsights = 0;
+			let loadedPendingThreads = 0;
+			let resetSkillsPage = false;
+			let resetInsightsPage = false;
+			const previousSnapshot = this.learningSnapshot;
+			const agentId = this.getLearningAgentId();
+			const requestContext = `${runtimeUrl.replace(/\/+$/u, "")}|${agentId ?? ""}`;
+			if (this.learningSnapshotScope && !this.learningSnapshotScope.startsWith(`${requestContext}|`)) this.clearLearningSnapshot();
+			const generation = ++this.learningRequestGeneration;
+			this.learningAbortController?.abort();
+			const controller = new AbortController();
+			this.learningAbortController = controller;
+			const preserve = options.preserve === true && this.learningSnapshot !== null;
+			this.learningLoading = !preserve;
+			this.learningRefreshing = preserve;
+			this.learningError = null;
+			this.requestUpdate();
+			try {
+				const snapshot = await fetchInspectorLearning({
+					runtimeUrl,
+					runtimeTransport: core.runtimeTransport,
+					request: {
+						...agentId ? { agentId } : {},
+						skillsPage: options.skillsPage ?? this.learningSnapshot?.skillsPage.page ?? 1,
+						insightsPage: options.insightsPage ?? this.learningSnapshot?.insightsPage.page ?? 1
+					},
+					fetch: core.ɵruntimeFetch,
+					headers: core.headers,
+					credentials: core.credentials,
+					signal: controller.signal
+				});
+				if (generation !== this.learningRequestGeneration) return;
+				if (snapshot.pendingThreadCount > 0 && !snapshot.links.runs || snapshot.pendingCandidateCount > 0 && !snapshot.links.candidates) throw new Error("Learning snapshot is missing a required web-app link.");
+				const containerId = snapshot.configuration.state === "configured" ? snapshot.configuration.container.id : "";
+				const previousContainerId = previousSnapshot?.configuration.state === "configured" ? previousSnapshot.configuration.container.id : "";
+				const scopeChanged = previousSnapshot !== null && (previousSnapshot.projectKey !== snapshot.projectKey || previousContainerId !== containerId);
+				const isBackgroundRefresh = options.skillsPage === void 0 && options.insightsPage === void 0;
+				resetSkillsPage = Boolean(isBackgroundRefresh && previousSnapshot && previousSnapshot.skillsPage.page > 1 && (scopeChanged || JSON.stringify([previousSnapshot.skillsPage.total, previousSnapshot.skillsPage.items.map((skill) => [skill.id, skill.revision])]) !== JSON.stringify([snapshot.skillsPage.total, snapshot.skillsPage.items.map((skill) => [skill.id, skill.revision])])));
+				resetInsightsPage = Boolean(isBackgroundRefresh && previousSnapshot && previousSnapshot.insightsPage.page > 1 && (scopeChanged || JSON.stringify([previousSnapshot.insightsPage.total, previousSnapshot.insightsPage.items.map((insight) => insight.id)]) !== JSON.stringify([snapshot.insightsPage.total, snapshot.insightsPage.items.map((insight) => insight.id)])));
+				this.learningSnapshot = snapshot;
+				loadOutcome = "success";
+				loadedSkills = snapshot.skillsPage.total;
+				loadedInsights = snapshot.insightsPage.total;
+				loadedPendingThreads = snapshot.pendingThreadCount;
+				this.learningSnapshotScope = `${requestContext}|${snapshot.projectKey}|${containerId}`;
+				this.learningError = null;
+				this.learningPollFailureCount = 0;
+				if (snapshot.configuration.state === "configured") {
+					clearLearningSetupMarker();
+					this.learningSetupMarker = null;
+				}
+			} catch (error) {
+				if (generation !== this.learningRequestGeneration || controller.signal.aborted) return;
+				if (error instanceof InspectorLearningUnsupportedError) {
+					loadOutcome = "unsupported";
+					this.learningSupported = false;
+					this.learningSnapshot = null;
+				} else {
+					this.learningError = error instanceof Error ? error.message : "Learning data is unavailable.";
+					this.learningPollFailureCount += 1;
+				}
+			} finally {
+				if (generation === this.learningRequestGeneration) {
+					this.learningLoading = false;
+					this.learningRefreshing = false;
+					this.learningAbortController = null;
+					if (!core.telemetryDisabled) trackLearningSnapshotLoaded({
+						outcome: loadOutcome,
+						duration_bucket: learningDurationBucket(performance.now() - startedAt),
+						skills_bucket: learningCountBucket(loadedSkills),
+						insights_bucket: learningCountBucket(loadedInsights),
+						pending_threads_bucket: learningCountBucket(loadedPendingThreads)
+					});
+					this.scheduleLearningPoll();
+					this.requestUpdate();
+					this.trackLearningViewState();
+					if (resetSkillsPage || resetInsightsPage) this.refreshLearningSnapshot({
+						preserve: true,
+						...resetSkillsPage ? { skillsPage: 1 } : {},
+						...resetInsightsPage ? { insightsPage: 1 } : {}
+					});
+				}
+			}
+		};
+		this.copyFeaturePromptToClipboard = async (service, event, onboardingRunId = createOnboardingRunId()) => {
+			const clipboard = this.getClipboard(event);
+			if (!clipboard?.writeText) return false;
+			try {
+				await clipboard.writeText(homeFeatureImplementationPrompt(service, { onboardingRunId }));
+				return true;
+			} catch {
+				return false;
+			}
+		};
+		this.handleLearningSetupCopy = async (event) => {
+			const service = this.getHomeFeaturePromptTarget("threads");
+			if (!service || !this.core?.runtimeUrl) return;
+			const copied = await this.copyFeaturePromptToClipboard(service, event, this.getOnboardingRunId());
+			if (!this.core.telemetryDisabled) trackLearningSetupPromptClicked({ outcome: copied ? "success" : "failure" });
+			if (!copied) {
+				this.learningPromptCopyState = "error";
+				this.requestUpdate();
+				return;
+			}
+			this.learningPromptCopyState = "copied";
+			this.learningSetupMarker = writeLearningSetupMarker({
+				runtimeUrl: this.core.runtimeUrl,
+				agentId: this.getLearningAgentId()
+			});
+			this.selectedMenu = "memories";
+			this.persistState();
+			this.requestUpdate();
+			this.refreshLearningSnapshot({ preserve: false });
+		};
+		this.handleLearningPage = (event) => {
+			const { section, page } = event.detail;
+			const currentPage = section === "skills" ? this.learningSnapshot?.skillsPage.page ?? 1 : this.learningSnapshot?.insightsPage.page ?? 1;
+			if (!this.core?.telemetryDisabled) trackLearningPageChanged({
+				section,
+				direction: page < currentPage ? "previous" : "next"
+			});
+			this.refreshLearningSnapshot({
+				preserve: true,
+				...section === "skills" ? { skillsPage: page } : { insightsPage: page }
+			});
+		};
+		this.handleLearningEvidence = (event) => {
+			this.focusThread({
+				threadId: event.detail.threadId,
+				...event.detail.messageId ? { messageId: event.detail.messageId } : {}
+			});
+		};
 		this.handleDocumentVisibilityChange = () => {
 			this.accountCtaMotionPaused = document.visibilityState !== "visible";
-			if (document.visibilityState === "visible" && !this.isOpen) this.flushPendingSignalPulse();
+			this.refreshInspectorDismissalState();
+			if (document.visibilityState === "visible" && !this.isOpen && !this.isInspectorDismissed) this.flushPendingSignalPulse();
+			if (document.visibilityState === "visible" && this.isOpen && this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: true });
+			else this.cancelLearningPoll();
 			this.requestUpdate();
 		};
 		this.handlePillClick = (event) => {
@@ -5143,21 +5344,33 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.handleHudActionClick = (event, row) => {
 			event.preventDefault();
 			event.stopPropagation();
-			this.hudLandingMenu = row === "inspector" ? null : row === "threads" ? "threads" : row === "learning" ? "memories" : "home";
+			this.hudLandingMenu = row === "threads" ? "threads" : row === "learning" ? "memories" : "home";
 			this.closeLauncherHud();
 			this.openInspector("floating_button");
 		};
-		this.handleHudHelpClick = (event, row) => {
-			event.preventDefault();
-			event.stopPropagation();
-			this.launcherHudHelp = this.launcherHudHelp === row ? null : row;
-			this.requestUpdate();
-		};
 		this.handleHudRowClick = (event, row) => {
 			const target = event.target;
-			if (target instanceof Element && target.closest(".cpk-launcher-hud__help, [data-cpk-hud-action]")) return;
+			if (target instanceof Element && target.closest(".cpk-launcher-hud__controls, [data-cpk-hud-action]")) return;
 			this.handleHudActionClick(event, row);
 		};
+		this.handleHudNewsClick = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			this.hudLandingMenu = WHATS_NEW_MENU_KEY;
+			this.closeLauncherHud();
+			this.openInspector("floating_button");
+		};
+		this.handleHudNewsDismissClick = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			this.clearNewsSignal();
+			this.activeRoot.querySelector(".console-button")?.focus({ preventScroll: true });
+		};
+		this.handleHudDismissDayClick = (event) => {
+			event.preventDefault();
+			event.stopPropagation();
+			this.dismissInspectorFor("day");
+		};
 		this.handleSidebarToggle = () => {
 			this.sidebarRailTooltip = null;
 			this.sidebarCollapsed = !this.sidebarCollapsed;
@@ -5200,6 +5413,22 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			this.applyEventErrorLanding(key);
 			this.requestUpdate();
 		};
+		this.handleHomeFeaturePromptCopy = async (service, event) => {
+			const generation = this.homeFeaturePromptCopyGeneration += 1;
+			if (this.homeFeaturePromptCopyResetTimeoutId !== null) {
+				window.clearTimeout(this.homeFeaturePromptCopyResetTimeoutId);
+				this.homeFeaturePromptCopyResetTimeoutId = null;
+			}
+			this.homeFeaturePromptCopyState = null;
+			this.requestUpdate();
+			const onboardingRunId = createOnboardingRunId();
+			if (!this.core?.telemetryDisabled) trackHomeFeaturePromptClicked({
+				feature_id: service.id,
+				onboarding_run_id: onboardingRunId
+			});
+			if (await this.copyFeaturePromptToClipboard(service, event, onboardingRunId)) this.showHomeFeaturePromptCopyState(service.id, "copied", generation);
+			else this.showHomeFeaturePromptCopyState(service.id, "error", generation);
+		};
 		this.handleIntelligencePromptCopy = async (event) => {
 			this.clearIntelligencePromptReset();
 			const runId = this.getOnboardingRunId();
@@ -5679,26 +5908,6 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			}
 			this.playThreadsExampleOverviewVideo(video, lifecycleGeneration);
 		};
-		this.handleThreadsSetupPromptCopy = async (event) => {
-			const generation = this.threadsSetupPromptCopyGeneration += 1;
-			if (this.threadsSetupPromptCopyResetTimeoutId !== null) {
-				window.clearTimeout(this.threadsSetupPromptCopyResetTimeoutId);
-				this.threadsSetupPromptCopyResetTimeoutId = null;
-			}
-			this.threadsSetupPromptCopyState = "idle";
-			this.requestUpdate();
-			const clipboard = this.getClipboard(event);
-			if (!clipboard?.writeText) {
-				this.showThreadsSetupPromptCopyState("error", generation);
-				return;
-			}
-			try {
-				await clipboard.writeText(THREADS_RUNTIME_SETUP_PROMPT);
-				this.showThreadsSetupPromptCopyState("copied", generation);
-			} catch {
-				this.showThreadsSetupPromptCopyState("error", generation);
-			}
-		};
 		this.handleClearEvents = () => {
 			if (this.selectedContext === "all-agents") {
 				this.agentEvents.clear();
@@ -6044,9 +6253,6 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 	getThreadsDocsUrl() {
 		return this.appendRefParam(THREADS_DOCS_URL, "cpk-inspector-threads");
 	}
-	getThreadsRuntimeSetupDocsUrl() {
-		return this.appendRefParam(THREADS_RUNTIME_SETUP_DOCS_URL, "cpk-inspector-threads");
-	}
 	getThreadsIntelligenceSignupUrl() {
 		return this.appendRefParam(INTELLIGENCE_SIGNUP_URL, "cpk-inspector-threads");
 	}
@@ -6074,6 +6280,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			this._threadsByAgent.set(agentId, threads);
 			this.rebuildFlattenedThreads();
 			this.autoSelectLatestThread();
+			if (this.selectedMenu === "memories" && this.shouldPollLearningSetup() && !this.learningLoading && !this.learningRefreshing) this.refreshLearningSnapshot({ preserve: true });
 			this.requestUpdate();
 		});
 		const statusSub = store.select(createThreadStoreStatusSelector()).subscribe(({ error, isLoading }) => {
@@ -6254,6 +6461,8 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.clearAllEventErrors();
 		const supportsInspectorMetadata = this.coreSupportsInspectorMetadata(core);
 		this.updateInspectorMetadataProjection(this.readCoreInspectorMetadata(core));
+		this.learningSupported = core.inspectorLearning;
+		this.learningProjectIdentity = JSON.stringify(this.inspectorMetadataProjection.identity ?? null);
 		this.coreSubscriber = {
 			onRuntimeConnectionStatusChanged: ({ status }) => {
 				this.runtimeStatus = status;
@@ -6261,16 +6470,22 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 				const threadCapabilityWasEnabled = this.threadCapabilityEnabled === true;
 				this.synchronizeThreadCapability();
 				if (status === "connected") {
+					this.learningSupported = core.inspectorLearning;
 					if (!core.telemetryDisabled) {
 						ensureTelemetryDistinctId();
 						maybeShowDisclosure();
 					}
 					this.flushPendingWhatsNewTelemetry();
+					if (this.isOpen && this.selectedMenu === "memories") {
+						this.clearLearningSnapshot();
+						this.refreshLearningSnapshot({ preserve: false });
+					}
 					if (threadCapabilityWasEnabled && this.areThreadEndpointsAvailable()) for (const agentId of this._ownedThreadStores.keys()) this.refreshOwnedThreadStore(agentId);
 				} else {
 					this._threadsByAgent.clear();
 					this._threads = [];
 					this.clearInspectorUsageRefresh();
+					this.clearLearningSnapshot();
 				}
 				this.requestUpdate();
 			},
@@ -6285,6 +6500,12 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			...supportsInspectorMetadata ? { onInspectorMetadataChanged: ({ inspectorMetadata }) => {
 				if (this._core !== core) return;
 				this.updateInspectorMetadataProjection(inspectorMetadata);
+				const identity = JSON.stringify(this.inspectorMetadataProjection.identity ?? null);
+				if (identity !== this.learningProjectIdentity) {
+					this.learningProjectIdentity = identity;
+					this.clearLearningSnapshot();
+					if (this.isOpen && this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: false });
+				}
 				this.requestUpdate();
 			} } : {},
 			onError: ({ code, error, context }) => {
@@ -6444,6 +6665,64 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this._recallQuery = "";
 		this.requestUpdate();
 	}
+	getLearningAgentId() {
+		if (this.selectedContext !== "all-agents" && this.core?.agents[this.selectedContext]) return this.selectedContext;
+		return null;
+	}
+	isLearningSetupActive() {
+		const runtimeUrl = this.core?.runtimeUrl;
+		if (!runtimeUrl) return false;
+		return learningSetupMarkerMatches(this.learningSetupMarker, runtimeUrl, this.getLearningAgentId());
+	}
+	trackLearningViewState() {
+		if (!this.isOpen || this.selectedMenu !== "memories" || this.core?.telemetryDisabled) return;
+		const state = deriveLearningViewState({
+			supported: this.learningSupported,
+			loading: this.learningLoading,
+			error: this.learningError,
+			snapshot: this.learningSnapshot,
+			setupActive: this.isLearningSetupActive()
+		});
+		if (state === this.learningViewedState) return;
+		this.learningViewedState = state;
+		trackLearningPaneViewed({ state });
+	}
+	cancelLearningPoll() {
+		if (this.learningPollTimer !== null) {
+			clearTimeout(this.learningPollTimer);
+			this.learningPollTimer = null;
+		}
+	}
+	shouldPollLearningSetup() {
+		if (!this.isOpen || this.selectedMenu !== "memories" || document.visibilityState !== "visible" || !this.learningSupported) return false;
+		const snapshot = this.learningSnapshot;
+		if (!snapshot) return this.isLearningSetupActive();
+		if (snapshot.configuration.state === "not_configured") return this.isLearningSetupActive();
+		return snapshot.configuration.state === "configured" && !snapshot.run.hasEverSucceeded && !snapshot.run.hasActiveRun && snapshot.pendingThreadCount === 0 && snapshot.skillsPage.total === 0 && snapshot.insightsPage.total === 0;
+	}
+	scheduleLearningPoll() {
+		this.cancelLearningPoll();
+		if (!this.shouldPollLearningSetup()) return;
+		const delay = this.learningPollFailureCount === 0 ? 5e3 : this.learningPollFailureCount === 1 ? 1e4 : 3e4;
+		this.learningPollTimer = setTimeout(() => {
+			this.learningPollTimer = null;
+			this.refreshLearningSnapshot({ preserve: true });
+		}, delay);
+	}
+	clearLearningSnapshot() {
+		this.cancelLearningRequest();
+		this.learningSnapshot = null;
+		this.learningSnapshotScope = null;
+		this.learningError = null;
+		this.learningLoading = false;
+		this.learningRefreshing = false;
+		this.cancelLearningPoll();
+	}
+	cancelLearningRequest() {
+		this.learningRequestGeneration += 1;
+		this.learningAbortController?.abort();
+		this.learningAbortController = null;
+	}
 	detachFromCore() {
 		this.threadCapabilityGeneration += 1;
 		this.threadCapabilityEnabled = null;
@@ -6470,6 +6749,8 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this._recallLoading = false;
 		this._recallError = null;
 		this._recallQuery = "";
+		this.clearLearningSnapshot();
+		this.learningSupported = false;
 		this.coreSubscriber = null;
 		this.runtimeStatus = null;
 		this.cancelThreadRefreshDebounce();
@@ -6496,6 +6777,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.eventCounter = 0;
 	}
 	processAgentsChanged(agents) {
+		const previousLearningAgentId = this.getLearningAgentId();
 		this.synchronizeThreadCapability();
 		const seenAgentIds = /* @__PURE__ */ new Set();
 		for (const agent of Object.values(agents)) {
@@ -6511,6 +6793,15 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			this.agentStates.delete(agentId);
 		}
 		this.updateContextOptions(seenAgentIds);
+		const learningAgentId = this.getLearningAgentId();
+		if (learningAgentId && this.core?.runtimeUrl && this.learningSetupMarker?.agentId === null && learningSetupMarkerMatches(this.learningSetupMarker, this.core.runtimeUrl, null)) this.learningSetupMarker = writeLearningSetupMarker({
+			runtimeUrl: this.core.runtimeUrl,
+			agentId: learningAgentId
+		});
+		if (previousLearningAgentId !== learningAgentId && this.isOpen && this.selectedMenu === "memories") {
+			this.clearLearningSnapshot();
+			this.refreshLearningSnapshot({ preserve: false });
+		}
 		this.refreshToolsSnapshot();
 		this.requestUpdate();
 	}
@@ -8095,56 +8386,66 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 
       .cpk-launcher-hud {
         --hud-fill: var(--cpk-inspector-surface-dark);
-        --hud-line: rgb(190 194 255 / 0.5);
+        --hud-line: rgb(190 194 255 / 0.38);
+        --hud-accent: #b8adf5;
+        --hud-accent-soft: rgb(184 173 245 / 0.13);
+        --hud-hover-fill: #252231;
         --hud-blur: blur(12px) saturate(1.2);
+        --hud-card-gap: 8px;
+        --hud-dismiss-day-height: 32px;
         position: absolute;
-        top: 0;
         z-index: 4;
-        padding-right: 14px;
+        width: 258px;
         pointer-events: none;
         opacity: 0;
         visibility: hidden;
-        transform: translateX(8px);
         transition:
           opacity 160ms ease,
           transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
       }
 
+      .cpk-launcher-hud[data-cpk-hud-vertical="top"] {
+        top: 0;
+        bottom: auto;
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-vertical="bottom"] {
+        top: auto;
+        bottom: 0;
+      }
+
       .cpk-launcher-hud[data-cpk-hud-side="left"] {
         right: 100%;
+        left: auto;
         padding-right: 14px;
-        padding-left: 0;
+        transform: translateX(8px);
       }
 
       .cpk-launcher-hud[data-cpk-hud-side="right"] {
         left: 100%;
         right: auto;
-        padding-right: 0;
         padding-left: 14px;
         transform: translateX(-8px);
       }
 
-      .console-button-wrapper[data-cpk-hud="open"]
-        .cpk-launcher-hud[data-cpk-hud-side="right"] {
+      .console-button-wrapper[data-cpk-hud="open"] .cpk-launcher-hud {
         transform: none;
       }
 
       .cpk-launcher-hud__card {
         position: relative;
-        width: 228px;
-        padding: 4px;
-        border: 1px dotted var(--hud-line);
-        border-radius: var(--cpk-inspector-shell-radius);
-        background: var(--hud-fill);
+        display: grid;
+        width: 244px;
+        gap: var(--hud-card-gap);
         color: #fff;
-        backdrop-filter: var(--hud-blur);
-        -webkit-backdrop-filter: var(--hud-blur);
-        box-shadow: 0 8px 20px rgb(1 5 7 / 0.18);
       }
 
       .cpk-launcher-hud[data-color-scheme="light"] {
         --hud-fill: #fff;
-        --hud-line: #d8d8e8;
+        --hud-line: #ddd6f4;
+        --hud-accent: #6757b0;
+        --hud-accent-soft: #f1edff;
+        --hud-hover-fill: #f1edff;
       }
 
       .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__card {
@@ -8154,205 +8455,543 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
       .cpk-launcher-hud__arrow {
         position: absolute;
         top: calc(var(--cpk-launcher-size) / 2);
-        z-index: 1;
+        z-index: 2;
         width: 10px;
         height: 10px;
         border: 0;
-        /* The card frosts the page behind it, so it reads lighter than the
-           raw fill. Mix a little white so the arrow matches the glass card
-           without going lighter than the HUD. */
-        background: color-mix(in srgb, var(--hud-fill) 88%, white 12%);
-        transform: translateY(-50%) rotate(45deg);
+        background: var(--hud-fill);
+        transform: rotate(45deg);
+        transition: background 120ms ease;
       }
 
       .cpk-launcher-hud[data-cpk-hud-side="left"] .cpk-launcher-hud__arrow {
         right: 9px;
+        border-top: 1px solid var(--hud-line);
+        border-right: 1px solid var(--hud-line);
       }
 
       .cpk-launcher-hud[data-cpk-hud-side="right"] .cpk-launcher-hud__arrow {
         left: 9px;
+        border-bottom: 1px solid var(--hud-line);
+        border-left: 1px solid var(--hud-line);
       }
 
-      .cpk-launcher-hud__list {
-        margin: 0;
-        padding: 0;
-        list-style: none;
+      .cpk-launcher-hud[data-cpk-hud-vertical="top"] .cpk-launcher-hud__arrow {
+        top: calc(var(--cpk-launcher-size) / 2 - 5px);
       }
 
-      .cpk-launcher-hud__list + .cpk-launcher-hud__list {
-        margin-top: 4px;
-        padding-top: 4px;
-        border-top: 1px dotted var(--hud-line);
+      .cpk-launcher-hud[data-cpk-hud-vertical="bottom"]
+        .cpk-launcher-hud__arrow {
+        top: auto;
+        bottom: calc(var(--cpk-launcher-size) / 2 - 5px);
       }
 
-      .cpk-launcher-hud__row {
-        position: relative;
-        display: grid;
-        grid-template-columns: 1fr 28px;
-        align-items: start;
-        border-radius: 7px;
-        cursor: pointer;
+      /* A bottom-anchored HUD can end with the narrower dismissal bubble.
+         Keep the pointer attached to the full-width feature panel instead of
+         letting it float in the empty space beside that final action. */
+      .cpk-launcher-hud[data-cpk-hud-vertical="bottom"]:has(
+          .cpk-launcher-hud__dismiss-day
+        )
+        .cpk-launcher-hud__arrow {
+        bottom: calc(
+          var(--hud-dismiss-day-height) + var(--hud-card-gap) + 2px
+        );
       }
 
-      .cpk-launcher-hud__row + .cpk-launcher-hud__row {
-        margin-top: 1px;
+      .cpk-launcher-hud__list {
+        margin: 0;
+        padding: 0;
+        list-style: none;
       }
 
-      .cpk-launcher-hud__row:hover,
-      .cpk-launcher-hud__row:focus-within,
-      .cpk-launcher-hud__row[data-cpk-hud-help="open"] {
-        background: rgb(255 255 255 / 0.06);
+      .cpk-launcher-hud__masthead {
+        position: relative;
+        z-index: 1;
+        margin-top: 6px;
+        padding: 0;
+        border: 1px solid var(--hud-line);
+        border-radius: var(--cpk-inspector-shell-radius);
+        background: var(--hud-fill);
+        backdrop-filter: var(--hud-blur);
+        -webkit-backdrop-filter: var(--hud-blur);
+        box-shadow: 0 10px 28px rgb(46 37 91 / 0.16);
+        transition: background 120ms ease;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__row:hover,
-      .cpk-launcher-hud[data-color-scheme="light"]
-        .cpk-launcher-hud__row:focus-within,
-      .cpk-launcher-hud[data-color-scheme="light"]
-        .cpk-launcher-hud__row[data-cpk-hud-help="open"] {
-        background: #f0f0f4;
+      .cpk-launcher-hud__news-wrap {
+        position: relative;
+        margin: 0;
       }
 
-      .cpk-launcher-hud__action {
+      .cpk-launcher-hud__news {
+        position: relative;
         display: flex;
-        gap: 8px;
-        min-height: 32px;
-        align-items: center;
-        padding: 6px 8px;
+        width: 100%;
+        min-width: 0;
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 18px 12px 11px;
         border: 0;
-        border-radius: 7px;
+        border-radius: calc(var(--cpk-inspector-shell-radius) - 1px);
         background: transparent;
         color: #fff;
         font-family: inherit;
-        font-size: 12px;
-        font-weight: 600;
+        line-height: 1;
         text-align: start;
         cursor: pointer;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__action {
-        color: #010507;
+      .cpk-launcher-hud__news:hover,
+      .cpk-launcher-hud__news:focus-visible {
+        background: transparent;
       }
 
-      /* Stretch the row action over the whole tab, including the detail
-         copy. The help mark sits above this layer. */
-      .cpk-launcher-hud__action::after {
-        content: "";
-        position: absolute;
-        inset: 0;
+      .cpk-launcher-hud__masthead:has(.cpk-launcher-hud__news:hover),
+      .cpk-launcher-hud__masthead:has(.cpk-launcher-hud__news:focus-visible),
+      .cpk-launcher-hud:has(.cpk-launcher-hud__news:hover)
+        .cpk-launcher-hud__arrow,
+      .cpk-launcher-hud:has(.cpk-launcher-hud__news:focus-visible)
+        .cpk-launcher-hud__arrow {
+        background: var(--hud-hover-fill);
       }
 
-      .cpk-launcher-hud__check {
-        flex: none;
-        width: 14px;
-        height: 14px;
-        color: #34d399;
+      .cpk-launcher-hud__news:focus-visible {
+        outline: 2px solid #bec2ff;
+        outline-offset: 1px;
       }
 
-      .cpk-launcher-hud__help {
-        position: relative;
-        z-index: 1;
+      .cpk-launcher-hud__news-title {
+        display: block;
+        font-size: 12px;
+        font-weight: 650;
+        line-height: 1.32;
+        overflow-wrap: anywhere;
+        white-space: normal;
+      }
+
+      .cpk-launcher-hud__news-label {
+        position: absolute;
+        top: -9px;
+        left: 12px;
         display: inline-flex;
-        width: 28px;
-        height: 32px;
+        min-height: 20px;
+        align-items: center;
+        padding: 3px 8px;
+        border-radius: 6px;
+        background: #7563c7;
+        color: #fff;
+        box-shadow: 0 3px 8px rgb(46 37 91 / 0.18);
+        font-size: 9px;
+        font-weight: 700;
+        line-height: 1;
+      }
+
+      .cpk-launcher-hud__news-dismiss {
+        position: absolute;
+        top: -1px;
+        right: 2px;
+        z-index: 2;
+        display: inline-flex;
+        width: 20px;
+        height: 20px;
         align-items: center;
         justify-content: center;
         padding: 0;
         border: 0;
+        border-radius: 4px;
         background: transparent;
-        color: rgb(255 255 255 / 0.78);
-        font-size: 12px;
-        font-weight: 600;
+        color: rgb(255 255 255 / 0.68);
         cursor: pointer;
       }
 
-      .cpk-launcher-hud__help span {
-        display: inline-flex;
-        width: 16px;
-        height: 16px;
-        align-items: center;
-        justify-content: center;
-        border: 1px dotted rgb(190 194 255 / 0.55);
-        border-radius: 50%;
-        line-height: 1;
+      .cpk-launcher-hud__news-dismiss:hover,
+      .cpk-launcher-hud__news-dismiss:focus-visible {
+        background: var(--hud-accent-soft);
+        color: #fff;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__help {
-        color: #68686e;
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__news-dismiss {
+        color: #6e697c;
       }
 
-      .cpk-launcher-hud__help:focus-visible,
-      .cpk-launcher-hud__action:focus-visible {
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__news-dismiss:hover,
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__news-dismiss:focus-visible {
+        color: #27233a;
+      }
+
+      .cpk-launcher-hud__news-dismiss:focus-visible {
         outline: 2px solid #bec2ff;
         outline-offset: 1px;
       }
 
-      .cpk-launcher-hud__detail {
-        grid-column: 1 / -1;
-        max-height: 0;
+      .cpk-launcher-hud__news-dismiss svg {
+        width: 7px;
+        height: 7px;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__news {
+        color: #17131f;
+      }
+
+      .cpk-launcher-hud__dismiss-day {
+        position: relative;
+        z-index: 1;
+        display: flex;
+        width: auto;
+        min-height: var(--hud-dismiss-day-height);
+        align-items: center;
+        justify-content: center;
+        justify-self: center;
+        gap: 6px;
         margin: 0;
-        padding: 0 8px;
-        overflow: hidden;
-        color: rgb(255 255 255 / 0.78);
-        font-size: 11px;
-        font-weight: 400;
-        line-height: 1.4;
-        opacity: 0;
-        pointer-events: none;
-        transform: translateY(-6px);
+        padding: 7px 13px;
+        border: 1px solid var(--hud-line);
+        border-radius: var(--cpk-inspector-shell-radius);
+        background: var(--hud-fill);
+        color: #c9cad3;
+        box-shadow: 0 8px 20px rgb(17 14 29 / 0.18);
+        font-family: inherit;
+        font-size: 10px;
+        font-weight: 650;
+        line-height: 1.2;
+        cursor: pointer;
         transition:
-          max-height 200ms cubic-bezier(0.16, 1, 0.3, 1),
-          opacity 150ms ease-out,
-          transform 200ms cubic-bezier(0.16, 1, 0.3, 1),
-          padding-bottom 200ms cubic-bezier(0.16, 1, 0.3, 1);
+          border-color 120ms ease,
+          background 120ms ease,
+          color 120ms ease;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__detail {
-        color: #68686e;
+      .cpk-launcher-hud__dismiss-day:hover,
+      .cpk-launcher-hud__dismiss-day:focus-visible {
+        border-color: var(--hud-accent);
+        background: var(--hud-hover-fill);
+        color: #f3f4f8;
       }
 
-      .cpk-launcher-hud__row:hover .cpk-launcher-hud__detail,
-      .cpk-launcher-hud__row:focus-within .cpk-launcher-hud__detail,
-      .cpk-launcher-hud__row[data-cpk-hud-help="open"]
-        .cpk-launcher-hud__detail {
-        max-height: 72px;
-        padding: 0 8px 7px;
-        opacity: 1;
-        transform: none;
+      .cpk-launcher-hud__dismiss-day:focus-visible {
+        outline: 2px solid #bec2ff;
+        outline-offset: 1px;
       }
 
-      @media (prefers-reduced-motion: reduce) {
-        .cpk-launcher-hud,
-        .cpk-launcher-hud__detail {
-          transition: none;
-        }
+      .cpk-launcher-hud__dismiss-day svg {
+        width: 12px;
+        height: 12px;
       }
 
-      /*
-       * On mount, borrow the hover HUD for one short introduction. The card
-       * establishes the destination first; its rows then resolve in order so
-       * the eye can count the available features instead of receiving one
-       * undifferentiated block. Only opacity and transform move.
-       */
-      @keyframes cpk-launcher-hud-intro {
-        0% {
-          opacity: 0;
-          transform: translateX(8px);
-        }
-        8%,
-        88% {
-          opacity: 1;
-          transform: none;
-        }
-        100% {
-          opacity: 0;
-          transform: translateX(4px);
-        }
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__dismiss-day {
+        box-shadow: 0 8px 20px rgb(46 37 91 / 0.12);
+        color: #5f6068;
       }
 
-      @keyframes cpk-launcher-hud-intro-right {
-        0% {
-          opacity: 0;
-          transform: translateX(-8px);
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__dismiss-day:hover,
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__dismiss-day:focus-visible {
+        color: #36373d;
+      }
+
+      .cpk-launcher-hud__feature-list {
+        position: relative;
+        z-index: 1;
+        padding: 5px;
+        border: 1px solid var(--hud-line);
+        border-radius: var(--cpk-inspector-shell-radius);
+        background: var(--hud-fill);
+        backdrop-filter: var(--hud-blur);
+        -webkit-backdrop-filter: var(--hud-blur);
+        box-shadow: 0 10px 28px rgb(46 37 91 / 0.16);
+      }
+
+      .cpk-launcher-hud__row {
+        position: relative;
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) auto;
+        align-items: center;
+        min-height: 54px;
+        border-radius: 9px;
+        cursor: pointer;
+      }
+
+      .cpk-launcher-hud__row + .cpk-launcher-hud__row {
+        border-top: 1px solid var(--hud-line);
+        border-radius: 0 0 9px 9px;
+      }
+
+      .cpk-launcher-hud__row:hover,
+      .cpk-launcher-hud__row:focus-within {
+        background: rgb(255 255 255 / 0.06);
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__row:hover,
+      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__row:focus-within {
+        background: #f7f5ff;
+      }
+
+      .cpk-launcher-hud__primary {
+        position: relative;
+        display: flex;
+        min-width: 0;
+      }
+
+      .cpk-launcher-hud__action {
+        display: flex;
+        width: 100%;
+        gap: 8px;
+        min-height: 52px;
+        align-items: center;
+        padding: 7px 4px;
+        border: 0;
+        border-radius: 9px;
+        background: transparent;
+        color: #fff;
+        font-family: inherit;
+        font-size: 12px;
+        font-weight: 600;
+        text-align: start;
+        cursor: pointer;
+      }
+
+      .cpk-launcher-hud__label {
+        min-width: 0;
+      }
+
+      .cpk-launcher-hud__feature-icon {
+        display: inline-flex;
+        width: 28px;
+        height: 32px;
+        flex: none;
+        align-items: center;
+        justify-content: center;
+        background: transparent;
+        color: var(--hud-accent);
+      }
+
+      .cpk-launcher-hud__feature-icon svg {
+        width: 17px;
+        height: 17px;
+        stroke-width: 1.8;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__action {
+        color: #010507;
+      }
+
+      /* Stretch the row action over the whole tab. The icon controls sit
+         above this layer and keep their own focused interactions. */
+      .cpk-launcher-hud__action::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+      }
+
+      .cpk-launcher-hud__controls {
+        position: relative;
+        z-index: 1;
+        display: flex;
+        gap: 0;
+        align-items: center;
+        padding-right: 5px;
+      }
+
+      .cpk-launcher-hud__learn-more {
+        display: inline-flex;
+        width: 24px;
+        height: 44px;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        color: rgb(190 194 255 / 0.72);
+        cursor: pointer;
+      }
+
+      .cpk-launcher-hud__learn-more:hover,
+      .cpk-launcher-hud__learn-more:focus-visible {
+        color: #fff;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__learn-more {
+        color: #777080;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__learn-more:hover,
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__learn-more:focus-visible {
+        color: #4b416b;
+      }
+
+      .cpk-launcher-hud__learn-more svg {
+        width: 16px;
+        height: 16px;
+        stroke-width: 1.8;
+      }
+
+      .cpk-launcher-hud__toggle {
+        display: inline-flex;
+        width: 38px;
+        height: 44px;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+        border: 0;
+        background: transparent;
+        color: rgb(255 255 255 / 0.78);
+        font-size: 12px;
+        font-weight: 600;
+        cursor: pointer;
+      }
+
+      .cpk-launcher-hud__toggle:disabled {
+        cursor: not-allowed;
+        opacity: 1;
+      }
+
+      .cpk-launcher-hud__toggle-track {
+        position: relative;
+        display: block;
+        width: 34px;
+        height: 20px;
+        border: 1px solid rgb(190 194 255 / 0.38);
+        border-radius: 999px;
+        background: rgb(255 255 255 / 0.08);
+        transition:
+          border-color 120ms ease,
+          background 120ms ease;
+      }
+
+      .cpk-launcher-hud__toggle-track::after {
+        content: "";
+        position: absolute;
+        top: 2px;
+        left: 2px;
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        background: #8c8e99;
+        transition:
+          background 120ms ease,
+          transform 120ms ease;
+      }
+
+      .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);
+      }
+
+      .cpk-launcher-hud__toggle[data-enabled="true"]
+        .cpk-launcher-hud__toggle-track::after {
+        background: #fff;
+        transform: translateX(14px);
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__toggle-track {
+        border-color: #c9c9d2;
+        background: #e7e7ec;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__toggle-track::after {
+        background: #777780;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__toggle[data-enabled="true"]
+        .cpk-launcher-hud__toggle-track {
+        border-color: #6757b0;
+        background: #7563c7;
+      }
+
+      .cpk-launcher-hud[data-color-scheme="light"]
+        .cpk-launcher-hud__toggle[data-enabled="true"]
+        .cpk-launcher-hud__toggle-track::after {
+        background: #fff;
+      }
+
+      .cpk-launcher-hud__toggle:focus-visible,
+      .cpk-launcher-hud__learn-more:focus-visible,
+      .cpk-launcher-hud__action:focus-visible {
+        outline: 2px solid #bec2ff;
+        outline-offset: 1px;
+      }
+
+      .cpk-launcher-hud__tooltip {
+        position: absolute;
+        top: 50%;
+        z-index: 30;
+        width: max-content;
+        max-width: min(220px, 52vw);
+        padding: 7px 9px;
+        border: 1px solid #3a3d49;
+        border-radius: 4px;
+        background: #15171e;
+        color: #f3f4f8;
+        box-shadow: 0 8px 20px rgb(1 5 7 / 0.18);
+        font-size: 10px;
+        font-weight: 500;
+        line-height: 1.45;
+        opacity: 0;
+        pointer-events: none;
+        transform: translate(3px, -50%);
+        white-space: normal;
+        transition:
+          opacity 120ms ease,
+          transform 120ms ease;
+      }
+
+      .cpk-launcher-hud__row:has(.cpk-launcher-hud__learn-more:hover)
+        .cpk-launcher-hud__tooltip,
+      .cpk-launcher-hud__row:has(.cpk-launcher-hud__learn-more:focus-visible)
+        .cpk-launcher-hud__tooltip {
+        opacity: 1;
+        transform: translate(0, -50%);
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-side="left"] .cpk-launcher-hud__tooltip {
+        right: calc(100% + 8px);
+        left: auto;
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-side="right"] .cpk-launcher-hud__tooltip {
+        right: auto;
+        left: calc(100% + 8px);
+        transform: translate(-3px, -50%);
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-side="right"]
+        .cpk-launcher-hud__row:has(.cpk-launcher-hud__learn-more:hover)
+        .cpk-launcher-hud__tooltip,
+      .cpk-launcher-hud[data-cpk-hud-side="right"]
+        .cpk-launcher-hud__row:has(.cpk-launcher-hud__learn-more:focus-visible)
+        .cpk-launcher-hud__tooltip {
+        transform: translate(0, -50%);
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .cpk-launcher-hud,
+        .cpk-launcher-hud__tooltip {
+          transition: none;
+        }
+      }
+
+      /*
+       * On mount, borrow the hover HUD for one short introduction. The card
+       * establishes the destination first; notification, features, and hide
+       * action then fall into place from top to bottom. Only opacity and
+       * transform move.
+       */
+      @keyframes cpk-launcher-hud-intro {
+        0% {
+          opacity: 0;
+          transform: translateY(-4px);
         }
         8%,
         88% {
@@ -8361,14 +9000,14 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         }
         100% {
           opacity: 0;
-          transform: translateX(-4px);
+          transform: translateY(3px);
         }
       }
 
-      @keyframes cpk-launcher-hud-row-online {
+      @keyframes cpk-launcher-hud-waterfall {
         from {
           opacity: 0;
-          transform: translateY(4px);
+          transform: translateY(-8px);
         }
         to {
           opacity: 1;
@@ -8376,43 +9015,33 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         }
       }
 
-      @keyframes cpk-launcher-hud-check-online {
-        from {
-          opacity: 0;
-          transform: scale(0.65);
-        }
-        to {
-          opacity: 1;
-          transform: scale(1);
-        }
-      }
-
       .cpk-launcher-hud[data-cpk-hud-intro="true"] {
         animation: cpk-launcher-hud-intro var(--cpk-launcher-hud-intro-duration)
           cubic-bezier(0.16, 1, 0.3, 1) both;
       }
 
-      .cpk-launcher-hud[data-cpk-hud-intro="true"][data-cpk-hud-side="right"] {
-        animation-name: cpk-launcher-hud-intro-right;
-      }
-
-      .cpk-launcher-hud[data-cpk-hud-intro="true"] .cpk-launcher-hud__row {
-        animation: cpk-launcher-hud-row-online
-          var(--cpk-launcher-hud-row-duration) cubic-bezier(0.16, 1, 0.3, 1)
-          both;
-        animation-delay: var(--cpk-hud-row-delay);
-      }
-
-      .cpk-launcher-hud[data-cpk-hud-intro="true"] .cpk-launcher-hud__check {
-        animation: cpk-launcher-hud-check-online 220ms
+      .cpk-launcher-hud[data-cpk-hud-intro="true"]
+        :is(
+          .cpk-launcher-hud__masthead,
+          .cpk-launcher-hud__feature-list,
+          .cpk-launcher-hud__row,
+          .cpk-launcher-hud__dismiss-day
+        ) {
+        animation: cpk-launcher-hud-waterfall
+          var(--cpk-launcher-hud-waterfall-duration)
           cubic-bezier(0.16, 1, 0.3, 1) both;
-        animation-delay: calc(var(--cpk-hud-row-delay) + 90ms);
+        animation-delay: var(--cpk-hud-waterfall-delay);
       }
 
       @media (prefers-reduced-motion: reduce) {
         .cpk-launcher-hud[data-cpk-hud-intro="true"],
-        .cpk-launcher-hud[data-cpk-hud-intro="true"] .cpk-launcher-hud__row,
-        .cpk-launcher-hud[data-cpk-hud-intro="true"] .cpk-launcher-hud__check {
+        .cpk-launcher-hud[data-cpk-hud-intro="true"]
+          :is(
+            .cpk-launcher-hud__masthead,
+            .cpk-launcher-hud__feature-list,
+            .cpk-launcher-hud__row,
+            .cpk-launcher-hud__dismiss-day
+          ) {
           animation: none !important;
           opacity: 1;
           transform: none;
@@ -8456,15 +9085,15 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
       }
 
       .inspector-account-strip {
-        background: linear-gradient(
-          90deg,
-          #ffffff 0%,
-          #f3f1ff 58%,
-          #eefbf7 100%
-        ) !important;
+        background: #f7f6fd !important;
         color: #010507 !important;
       }
 
+      .inspector-window[data-color-scheme="dark"] .drag-handle,
+      .inspector-window[data-color-scheme="dark"] .inspector-account-strip {
+        background: #15171e !important;
+      }
+
       /* ── Tab buttons ─────────────────────────────────────────────── */
       /*
        * Named classes owned by this component — no Tailwind conflict.
@@ -8524,6 +9153,11 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         height: 100%;
         object-fit: cover;
       }
+      .cpk-threads-overview-video-embed {
+        width: 100%;
+        height: 100%;
+        border: 0;
+      }
 
       /* ── Header controls on the branded account strip ──────────── */
       .drag-handle > div[data-inspector-account-strip] button {
@@ -8827,11 +9461,18 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			const viteHot = import.meta.hot;
 			if (viteHot) viteHot.on("vite:beforeUpdate", this.handleAppBeforeUnload);
 			this.hydrateStateFromStorageEarly();
+			this.learningSetupMarker = readLearningSetupMarker();
+			this.learningSetupUnsubscribe = subscribeToLearningSetupMarker((marker) => {
+				this.learningSetupMarker = marker;
+				this.requestUpdate();
+				this.scheduleLearningPoll();
+			});
+			this.refreshInspectorDismissalState();
 			this.subscribeToSystemColorScheme();
 			this.exampleTourDismissed = this.readThreadsExampleTourDismissed();
 			clearLegacyAnnouncementReadState();
 			this.tryAutoAttachCore();
-			this.ensureAnnouncementLoading();
+			if (!this.isInspectorDismissed) this.ensureAnnouncementLoading();
 			this.subscribeToInspectorThreadBridge();
 		}
 		this.requestUpdate();
@@ -8857,17 +9498,21 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		}
 		this.clearIconRailContextCloseTimer();
 		this.unsubscribeFromInspectorThreadBridge();
+		this.learningSetupUnsubscribe?.();
+		this.learningSetupUnsubscribe = null;
+		this.clearLearningSnapshot();
 		this.stopIntelligenceStory();
 		this.clearIntelligencePromptReset();
-		this.threadsSetupPromptCopyGeneration += 1;
-		if (this.threadsSetupPromptCopyResetTimeoutId !== null) {
-			window.clearTimeout(this.threadsSetupPromptCopyResetTimeoutId);
-			this.threadsSetupPromptCopyResetTimeoutId = null;
+		this.homeFeaturePromptCopyGeneration += 1;
+		if (this.homeFeaturePromptCopyResetTimeoutId !== null) {
+			window.clearTimeout(this.homeFeaturePromptCopyResetTimeoutId);
+			this.homeFeaturePromptCopyResetTimeoutId = null;
 		}
-		this.threadsSetupPromptCopyState = "idle";
+		this.homeFeaturePromptCopyState = null;
 		this.stopSignalPulse();
 		this.cancelGestureTail();
 		this.cancelLauncherHudIntro();
+		this.clearInspectorDismissalTimer();
 		this.cancelThreadRefreshDebounce();
 		this.clearInspectorUsageRefresh();
 		this.cleanupThreadsExampleOverviewVideo();
@@ -8902,11 +9547,13 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.applyAnchorPosition("button");
 		if (this.dockMode === "floating") if (this.hasCustomPosition.window) this.applyAnchorPosition("window");
 		else this.centerContext("window");
-		this.ensureAnnouncementLoading();
+		if (this.isInspectorDismissed) this.persistState();
+		else this.ensureAnnouncementLoading();
 		this.updateHostTransform(this.isOpen ? "window" : "button");
-		this.scheduleLauncherHudIntro();
+		if (!this.isInspectorDismissed) this.scheduleLauncherHudIntro();
 	}
 	render() {
+		if (this.isInspectorDismissed) return nothing;
 		return this.isOpen ? html`
           <div data-inspector-portal-anchor></div>
         ` : this.renderButton();
@@ -8999,7 +9646,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
           aria-expanded=${this.launcherHudOpen ? "true" : "false"}
           aria-controls=${this.launcherHudOpen ? "cpk-launcher-hud" : nothing}
           aria-label=${signal && signal.tone === "error" ? `${LAUNCHER_BASE_LABEL}, ${signal.accessibleLabel}` : LAUNCHER_BASE_LABEL}
-          title=${activeSignal === NEWS_SIGNAL_ID ? `${WHATS_NEW_VIEW_LABEL} — unread` : nothing}
+          title=${HUD_INSPECTOR_LABEL}
           data-drag-context="button"
           data-cpk-signal=${signal ? signal.tone : nothing}
           data-cpk-signal-pulsing=${activeSignal !== null && this.pulsingSignal === activeSignal ? "true" : nothing}
@@ -9084,14 +9731,78 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
       </span>
     `;
 	}
+	/** Whether a persisted temporary dismissal is still active. */
+	get isInspectorDismissed() {
+		return this.inspectorDismissedUntil !== null && this.inspectorDismissedUntil > Date.now();
+	}
+	/** Cancel the timer that restores Inspector after a temporary dismissal. */
+	clearInspectorDismissalTimer() {
+		if (this.inspectorDismissalTimer === null) return;
+		clearTimeout(this.inspectorDismissalTimer);
+		this.inspectorDismissalTimer = null;
+	}
+	/** Schedule Inspector to return just after its persisted deadline. */
+	scheduleInspectorDismissalExpiry() {
+		this.clearInspectorDismissalTimer();
+		if (this.inspectorDismissedUntil === null) return;
+		const delay = Math.max(0, this.inspectorDismissedUntil - Date.now() + 25);
+		this.inspectorDismissalTimer = setTimeout(() => {
+			this.inspectorDismissalTimer = null;
+			this.refreshInspectorDismissalState();
+		}, delay);
+	}
+	/** Reconcile this tab with host-scoped dismissal state from other ports. */
+	refreshInspectorDismissalState() {
+		const hadDismissal = this.inspectorDismissedUntil !== null;
+		this.inspectorDismissedUntil = loadInspectorDismissedUntil();
+		this.clearInspectorDismissalTimer();
+		if (this.inspectorDismissedUntil !== null) {
+			this.closePopOut();
+			this.closeInspector();
+			this.scheduleInspectorDismissalExpiry();
+			if (!hadDismissal) this.requestUpdate();
+			return;
+		}
+		if (!hadDismissal || !this.isConnected) return;
+		this.ensureAnnouncementLoading();
+		this.requestUpdate();
+		this.updateComplete.then(() => {
+			if (!this.isConnected || this.isInspectorDismissed) return;
+			this.measureContext("button");
+			this.applyAnchorPosition("button");
+			this.scheduleLauncherHudIntro();
+			this.flushPendingSignalPulse();
+		});
+	}
+	/** Hide Inspector for a supported duration and persist it for this host. */
+	dismissInspectorFor(duration) {
+		const now = Date.now();
+		const until = now + INSPECTOR_DISMISSAL_MS[duration];
+		saveInspectorDismissedUntil(until, now);
+		this.inspectorDismissedUntil = until;
+		this.scheduleInspectorDismissalExpiry();
+		this.settingsOpen = false;
+		this.closeLauncherHud();
+		this.stopSignalPulse();
+		this.cancelGestureTail();
+		this.cancelLauncherHudIntro();
+		this.closePopOut();
+		if (this.isOpen) {
+			this.closeInspector();
+			return;
+		}
+		this.persistState();
+		this.requestUpdate();
+	}
 	isLauncherHudBlocked() {
-		return this.gestureSignal !== null;
+		return this.gestureSignal !== null || this.isInspectorDismissed;
 	}
 	scheduleLauncherHudIntro(delay = LAUNCHER_HUD_INTRO_MS.delay) {
+		if (this.isInspectorDismissed) return;
 		if (this.launcherHudIntroStartTimer !== null) clearTimeout(this.launcherHudIntroStartTimer);
 		this.launcherHudIntroStartTimer = setTimeout(() => {
 			this.launcherHudIntroStartTimer = null;
-			if (!this.isConnected || this.isOpen) return;
+			if (!this.isConnected || this.isOpen || this.isInspectorDismissed) return;
 			if (this.isLauncherHudBlocked()) {
 				this.scheduleLauncherHudIntro(LAUNCHER_HUD_INTRO_MS.blockedRetry);
 				return;
@@ -9104,7 +9815,6 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 				this.launcherHudIntroEndTimer = null;
 				this.launcherHudIntro = false;
 				this.launcherHudOpen = false;
-				this.launcherHudHelp = null;
 				this.requestUpdate();
 			}, LAUNCHER_HUD_INTRO_MS.duration);
 		}, delay);
@@ -9155,67 +9865,78 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			clearTimeout(this.launcherHudCloseTimer);
 			this.launcherHudCloseTimer = null;
 		}
-		if (!this.launcherHudOpen && this.launcherHudHelp === null) return;
+		if (!this.launcherHudOpen) return;
 		this.launcherHudOpen = false;
-		this.launcherHudHelp = null;
 		this.requestUpdate();
 	}
-	renderHudCheck() {
-		return html`
-      <svg
-        class="cpk-launcher-hud__check"
-        viewBox="0 0 16 16"
-        aria-hidden="true"
-        focusable="false"
-        data-cpk-hud-check
-      >
-        <path
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          d="M3 8.5 6.5 12 13 4.5"
-        />
-      </svg>
-    `;
+	getUnreadAnnouncementTitle() {
+		if (!this.newsSignalArmed || !this.announcementLoaded) return null;
+		const title = this.announcementPreviewText?.trim() || "New in CopilotKit";
+		const titleCharacters = Array.from(title);
+		return titleCharacters.length > HUD_ANNOUNCEMENT_TITLE_LIMIT ? `${titleCharacters.slice(0, HUD_ANNOUNCEMENT_TITLE_LIMIT).join("").trimEnd()}...` : title;
 	}
 	renderHudRow(args) {
-		const helpOpen = this.launcherHudHelp === args.id;
 		const detailId = `cpk-hud-detail-${args.id}`;
 		return html`
       <li
         class="cpk-launcher-hud__row"
         data-cpk-hud-row=${args.id}
-        data-cpk-hud-help=${helpOpen ? "open" : nothing}
-        style=${styleMap({
-			"--cpk-hud-row-index": `${args.introIndex}`,
-			"--cpk-hud-row-delay": `${LAUNCHER_HUD_INTRO_MS.rowStart + args.introIndex * LAUNCHER_HUD_INTRO_MS.rowStagger}ms`
-		})}
+        data-cpk-hud-action-kind="navigate"
+        style=${styleMap({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(args.introIndex) })}
         @click=${(event) => this.handleHudRowClick(event, args.id)}
       >
-        <button
-          type="button"
-          class="cpk-launcher-hud__action"
-          data-cpk-hud-action
-          aria-describedby=${detailId}
-          @click=${(event) => this.handleHudActionClick(event, args.id)}
-          @pointerdown=${(event) => event.stopPropagation()}
-        >
-          ${args.connected ? this.renderHudCheck() : nothing}${args.label}
-        </button>
-        <button
-          type="button"
-          class="cpk-launcher-hud__help"
-          aria-expanded=${helpOpen ? "true" : "false"}
-          aria-controls=${detailId}
-          aria-label=${`About ${args.label}`}
-          @click=${(event) => this.handleHudHelpClick(event, args.id)}
-          @pointerdown=${(event) => event.stopPropagation()}
-        >
-          <span aria-hidden="true">?</span>
-        </button>
-        <p class="cpk-launcher-hud__detail" id=${detailId}>${args.detail}</p>
+        <span class="cpk-launcher-hud__primary">
+          <button
+            type="button"
+            class="cpk-launcher-hud__action"
+            data-cpk-hud-action
+            aria-label=${`Open ${args.label} in Inspector`}
+            @click=${(event) => this.handleHudActionClick(event, args.id)}
+            @pointerdown=${(event) => event.stopPropagation()}
+          >
+            <span
+              class="cpk-launcher-hud__feature-icon"
+              data-cpk-hud-icon=${args.id}
+              aria-hidden="true"
+              >${this.renderIcon(args.icon)}</span
+            >
+            <span class="cpk-launcher-hud__label">${args.label}</span>
+          </button>
+          <span
+            class="cpk-launcher-hud__tooltip"
+            id=${detailId}
+            role="tooltip"
+            >${HUD_LEARN_MORE_LABEL}</span
+          >
+        </span>
+        <span class="cpk-launcher-hud__controls">
+          <button
+            type="button"
+            class="cpk-launcher-hud__learn-more"
+            data-cpk-hud-learn-more=${args.id}
+            aria-label=${`Learn more about ${args.label}`}
+            aria-describedby=${detailId}
+            @click=${(event) => this.handleHudActionClick(event, args.id)}
+            @pointerdown=${(event) => event.stopPropagation()}
+          >
+            ${this.renderIcon("CircleHelp")}
+          </button>
+          <button
+            type="button"
+            class="cpk-launcher-hud__toggle"
+            data-cpk-hud-toggle=${args.id}
+            data-enabled=${args.connected ? "true" : "false"}
+            aria-label=${args.connected ? `${args.label} is enabled` : `Open ${args.label} in Inspector`}
+            ?disabled=${args.connected}
+            @click=${(event) => this.handleHudActionClick(event, args.id)}
+            @pointerdown=${(event) => event.stopPropagation()}
+          >
+            <span
+              class="cpk-launcher-hud__toggle-track"
+              aria-hidden="true"
+            ></span>
+          </button>
+        </span>
       </li>
     `;
 	}
@@ -9224,53 +9945,92 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		const homeModel = this.getHomeModel();
 		const threadsOn = homeModel.services.some((service) => service.id === "threads" && service.enabled);
 		const learningOn = homeModel.services.some((service) => service.id === "memory" && service.enabled);
-		const intelligenceOn = homeModel.hero.connection === "connected";
+		const announcementTitle = this.getUnreadAnnouncementTitle();
+		const featureBlockIntroIndex = announcementTitle ? 1 : 0;
 		return html`
       <div
         class="cpk-launcher-hud"
         id="cpk-launcher-hud"
         data-cpk-launcher-hud
         data-cpk-hud-side=${this.launcherHudSide}
+        data-cpk-hud-vertical=${this.contextState.button.anchor.vertical}
         data-cpk-hud-intro=${this.launcherHudIntro ? "true" : nothing}
         data-color-scheme=${this.colorScheme}
         style=${styleMap({
 			"--cpk-launcher-hud-intro-duration": `${LAUNCHER_HUD_INTRO_MS.duration}ms`,
-			"--cpk-launcher-hud-row-duration": `${LAUNCHER_HUD_INTRO_MS.rowDuration}ms`
+			"--cpk-launcher-hud-waterfall-duration": `${LAUNCHER_HUD_INTRO_MS.waterfallDuration}ms`
 		})}
       >
         <span class="cpk-launcher-hud__arrow" aria-hidden="true"></span>
         <div class="cpk-launcher-hud__card">
-          <ul class="cpk-launcher-hud__list" role="list">
-            ${this.renderHudRow({
-			id: "inspector",
-			label: HUD_OPEN_INSPECTOR_LABEL,
-			detail: HUD_OPEN_INSPECTOR_DETAIL,
-			introIndex: 0
-		})}
-          </ul>
-          <ul class="cpk-launcher-hud__list" role="list">
+          ${announcementTitle ? html`
+                  <div
+                    class="cpk-launcher-hud__masthead"
+                    style=${styleMap({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(0) })}
+                  >
+                    <div class="cpk-launcher-hud__news-wrap">
+                      <button
+                        type="button"
+                        class="cpk-launcher-hud__news"
+                        data-cpk-hud-news
+                        aria-label=${`Open new notification: ${announcementTitle}`}
+                        @click=${this.handleHudNewsClick}
+                        @pointerdown=${(event) => event.stopPropagation()}
+                      >
+                        <span
+                          class="cpk-launcher-hud__news-label"
+                          data-cpk-hud-news-label
+                          aria-hidden="true"
+                          >New</span
+                        >
+                        <span class="cpk-launcher-hud__news-title"
+                          >${announcementTitle}</span
+                        >
+                      </button>
+                      <button
+                        type="button"
+                        class="cpk-launcher-hud__news-dismiss"
+                        data-cpk-hud-news-dismiss
+                        aria-label="Dismiss notification"
+                        @click=${this.handleHudNewsDismissClick}
+                        @pointerdown=${(event) => event.stopPropagation()}
+                      >
+                        ${this.renderIcon("X")}
+                      </button>
+                    </div>
+                  </div>
+                ` : nothing}
+          <ul
+            class="cpk-launcher-hud__list cpk-launcher-hud__feature-list"
+            role="list"
+            style=${styleMap({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(featureBlockIntroIndex) })}
+          >
             ${this.renderHudRow({
 			id: "threads",
-			label: threadsOn ? HUD_THREADS_ON_LABEL : HUD_THREADS_OFF_LABEL,
-			detail: threadsOn ? HUD_THREADS_ON_DETAIL : HUD_THREADS_OFF_DETAIL,
+			label: HUD_THREADS_LABEL,
+			icon: "MessageSquare",
 			connected: threadsOn,
-			introIndex: 1
-		})}
-            ${this.renderHudRow({
-			id: "intelligence",
-			label: intelligenceOn ? HUD_INTELLIGENCE_ON_LABEL : HUD_INTELLIGENCE_OFF_LABEL,
-			detail: intelligenceOn ? HUD_INTELLIGENCE_ON_DETAIL : HUD_INTELLIGENCE_OFF_DETAIL,
-			connected: intelligenceOn,
-			introIndex: 2
+			introIndex: featureBlockIntroIndex + 1
 		})}
             ${this.renderHudRow({
 			id: "learning",
-			label: learningOn ? HUD_LEARNING_ON_LABEL : HUD_LEARNING_OFF_LABEL,
-			detail: learningOn ? HUD_LEARNING_ON_DETAIL : HUD_LEARNING_OFF_DETAIL,
+			label: HUD_LEARNING_LABEL,
+			icon: "Brain",
 			connected: learningOn,
-			introIndex: 3
+			introIndex: featureBlockIntroIndex + 2
 		})}
           </ul>
+          <button
+            type="button"
+            class="cpk-launcher-hud__dismiss-day"
+            data-cpk-dismiss-inspector="day"
+            style=${styleMap({ "--cpk-hud-waterfall-delay": launcherHudWaterfallDelay(featureBlockIntroIndex + 3) })}
+            @click=${this.handleHudDismissDayClick}
+            @pointerdown=${(event) => event.stopPropagation()}
+          >
+            <span aria-hidden="true">${this.renderIcon("Clock")}</span>
+            Hide Inspector for a day
+          </button>
         </div>
       </div>
     `;
@@ -9491,7 +10251,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 				type: lastRuntimeEvent.type,
 				timestamp: lastRuntimeEvent.timestamp
 			} : void 0,
-			memoriesOn: this._memoriesAvailable,
+			memoriesOn: this._memorySubscribed && !this._memoriesLoading && this._memoriesAvailable,
 			a2uiOn: this._core?.a2uiEnabled === true,
 			openGenUiOn: this._core?.openGenerativeUIEnabled === true,
 			suggestionsOn: this._core?.suggestions === true,
@@ -9899,23 +10659,67 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 	renderHomeFeatures(model) {
 		const enabledServices = model.services.filter((service) => service.enabled);
 		const disabledServices = model.services.filter((service) => !service.enabled);
-		const renderService = (service) => html`
-      <a
+		const renderService = (service) => {
+			const copyState = this.homeFeaturePromptCopyState?.serviceId === service.id ? this.homeFeaturePromptCopyState.state : "idle";
+			const stateDescription = `${service.label} is ${service.enabled ? "enabled in your runtime" : "not enabled in your runtime"}`;
+			const copyLabel = copyState === "copied" ? "Copied" : copyState === "error" ? "Copy failed" : "Copy prompt";
+			const copyTitle = copyLabel;
+			return html`
+      <div
         class="inspector-home-feature"
         data-inspector-service=${service.id}
         data-state=${service.enabled ? "on" : "off"}
-        href=${this.appendRefParam(service.docsUrl, "cpk-inspector-home")}
-        target="_blank"
-        rel="noopener noreferrer"
-        aria-label="Learn more about ${service.label}, currently ${service.enabled ? "on" : "off"}"
+        role="listitem"
       >
-        <span>${service.label}</span>
-        <small>${service.enabled ? "On" : "Off"}</small>
-        <span class="inspector-home-feature-arrow" aria-hidden="true">
-          ${this.renderIcon("ArrowUpRight")}
+        <span
+          class="inspector-home-feature-status"
+          role="img"
+          aria-label=${stateDescription}
+          title=${stateDescription}
+        >
+          <span aria-hidden="true"></span>
         </span>
-      </a>
+        <a
+          class="inspector-home-feature-label"
+          data-inspector-home-feature-docs=${service.id}
+          href=${this.appendRefParam(service.docsUrl, "cpk-inspector-home")}
+          target="_blank"
+          rel="noopener noreferrer"
+          aria-label="Open ${service.label} documentation in a new tab"
+        >
+          <span>${service.label}</span>
+          <span class="inspector-home-feature-label-icon" aria-hidden="true"
+            >${this.renderIcon("ArrowUpRight")}</span
+          >
+        </a>
+        <span class="inspector-home-feature-actions">
+          ${service.enabled ? nothing : html`
+                  <button
+                    type="button"
+                    class="inspector-home-feature-action inspector-system-health-url"
+                    data-inspector-home-feature-prompt=${service.id}
+                    data-copy-state=${copyState}
+                    data-full-value=${copyTitle}
+                    aria-label="${copyLabel} for ${service.label}"
+                    @click=${(event) => this.handleHomeFeaturePromptCopy(service, event)}
+                  >
+                    <span class="inspector-home-feature-action-icon" aria-hidden="true"
+                      >${this.renderIcon(copyState === "copied" ? "Check" : "Bot")}</span
+                    >
+                    <span class="inspector-home-feature-action-label"
+                      >${copyTitle}</span
+                    >
+                  </button>
+                `}
+          ${service.enabled ? nothing : html`
+                  <span class="sr-only" aria-live="polite">
+                    ${copyState === "copied" ? `${service.label} implementation prompt copied.` : copyState === "error" ? `Could not copy the ${service.label} implementation prompt.` : ""}
+                  </span>
+                `}
+        </span>
+      </div>
     `;
+		};
 		return html`
       <section
         class="inspector-home-section inspector-home-features"
@@ -9924,7 +10728,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         <header class="inspector-home-section-header">
           <h2 class="inspector-home-section-title">Features</h2>
           <span>
-            ${enabledServices.length} active, ${disabledServices.length} off
+            ${enabledServices.length} enabled, ${disabledServices.length} available
           </span>
         </header>
         ${model.services.length === 0 ? html`
@@ -9936,13 +10740,13 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
                 <section
                   class="inspector-home-feature-group"
                   data-feature-state-group="active"
-                  aria-label="Active features"
+                  aria-label="Enabled features"
                 >
                   <header class="inspector-home-feature-group-header">
-                    <strong>Active</strong>
+                    <strong>Enabled</strong>
                     <span>${enabledServices.length}</span>
                   </header>
-                  <div class="inspector-home-feature-list">
+                  <div class="inspector-home-feature-list" role="list">
                     ${enabledServices.length > 0 ? enabledServices.map(renderService) : html`
                             <p class="inspector-home-feature-group-empty">None enabled</p>
                           `}
@@ -9951,13 +10755,13 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
                 <section
                   class="inspector-home-feature-group"
                   data-feature-state-group="available"
-                  aria-label="Available features"
+                  aria-label="Features available to add"
                 >
                   <header class="inspector-home-feature-group-header">
-                    <strong>Available</strong>
+                    <strong>Available to add</strong>
                     <span>${disabledServices.length}</span>
                   </header>
-                  <div class="inspector-home-feature-list">
+                  <div class="inspector-home-feature-list" role="list">
                     ${disabledServices.length > 0 ? disabledServices.map(renderService) : html`
                             <p class="inspector-home-feature-group-empty">Everything is active</p>
                           `}
@@ -9966,6 +10770,47 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
               </div>
             `}
       </section>
+    `;
+	}
+	showHomeFeaturePromptCopyState(serviceId, state, generation) {
+		if (!this.isConnected || generation !== this.homeFeaturePromptCopyGeneration) return;
+		if (this.homeFeaturePromptCopyResetTimeoutId !== null) window.clearTimeout(this.homeFeaturePromptCopyResetTimeoutId);
+		this.homeFeaturePromptCopyState = {
+			serviceId,
+			state
+		};
+		this.requestUpdate();
+		this.homeFeaturePromptCopyResetTimeoutId = window.setTimeout(() => {
+			if (!this.isConnected || generation !== this.homeFeaturePromptCopyGeneration) return;
+			this.homeFeaturePromptCopyState = null;
+			this.homeFeaturePromptCopyResetTimeoutId = null;
+			this.requestUpdate();
+		}, 2e3);
+	}
+	getHomeFeaturePromptTarget(serviceId) {
+		return this.getHomeModel().services.find((service) => service.id === serviceId);
+	}
+	renderFeatureSetupPrompt(serviceId, className, options) {
+		const service = this.getHomeFeaturePromptTarget(serviceId);
+		if (!service) return nothing;
+		const copyState = options?.copyState ?? (this.homeFeaturePromptCopyState?.serviceId === service.id ? this.homeFeaturePromptCopyState.state : "idle");
+		const label = copyState === "copied" ? "Copied" : copyState === "error" ? "Copy blocked" : "Copy setup prompt";
+		return html`
+      <button
+        type="button"
+        class=${className}
+        data-inspector-feature-setup-prompt=${service.id}
+        data-inspector-threads-setup-prompt=${service.id === "threads" ? "" : nothing}
+        data-copy-state=${copyState}
+        aria-label=${copyState === "copied" ? `${service.label} setup prompt copied` : copyState === "error" ? `Could not copy the ${service.label} setup prompt. Try again` : `Copy setup prompt for ${service.label}`}
+        @click=${(event) => options?.onClick ? options.onClick(event) : this.handleHomeFeaturePromptCopy(service, event)}
+      >
+        ${this.renderIcon(copyState === "copied" ? "Check" : "Copy")}
+        ${label}
+      </button>
+      <span class="sr-only" aria-live="polite">
+        ${copyState === "copied" ? `${service.label} setup prompt copied.` : copyState === "error" ? `Could not copy the ${service.label} setup prompt.` : ""}
+      </span>
     `;
 	}
 	handleHomeHeroCta(action) {
@@ -10961,6 +11806,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.draggedDuringInteraction = false;
 	}
 	openInspector(source, options = {}) {
+		if (this.isInspectorDismissed) return;
 		if (options.threadId) this.focusThread(options);
 		if (this.isPoppedOut) return;
 		if (this.isOpen) return;
@@ -10972,10 +11818,8 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.closeLauncherHud();
 		const hudMenu = this.hudLandingMenu;
 		this.hudLandingMenu = null;
-		if (hudMenu) {
-			this.selectedMenu = hudMenu;
-			this.lastSelectedMenuByGroup[getGroupForMenu(hudMenu)] = hudMenu;
-		} else if (activeSignalAtOpen !== null && source === "floating_button") {
+		if (hudMenu) this.handleMenuSelect(hudMenu);
+		else if (activeSignalAtOpen !== null && source === "floating_button") {
 			const landing = LAUNCHER_SIGNALS[activeSignalAtOpen].landingTarget;
 			this.selectedMenu = landing;
 			this.lastSelectedMenuByGroup[getGroupForMenu(landing)] = landing;
@@ -10985,6 +11829,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		}
 		this.ensureAnnouncementLoading();
 		this.isOpen = true;
+		if (this.selectedMenu === "memories") this.refreshLearningSnapshot({ preserve: this.learningSnapshot !== null });
 		this.cancelGestureTail();
 		this.persistState();
 		this.trackOpened(source, hadUnseenAnnouncement, firstOpen, activeSignalAtOpen);
@@ -11002,6 +11847,9 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		if (this.isPoppedOut) return;
 		if (!this.isOpen) return;
 		this.isOpen = false;
+		this.cancelLearningPoll();
+		this.cancelLearningRequest();
+		this.learningViewedState = null;
 		if (this.dockMode !== "floating") this.removeDockStyles();
 		this.persistState();
 		this.updateHostTransform("button");
@@ -11849,6 +12697,40 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
             </a>
           </div>
         </section>
+
+        <section
+          class="inspector-settings-section"
+          aria-labelledby="inspector-settings-visibility-title"
+        >
+          <div class="inspector-settings-section-heading">
+            <span class="inspector-settings-section-icon" aria-hidden="true">
+              ${this.renderIcon("EyeOff")}
+            </span>
+            <div>
+              <h2 id="inspector-settings-visibility-title">Visibility</h2>
+              <p>Temporarily hide the Inspector on this domain.</p>
+            </div>
+          </div>
+
+          <div class="inspector-settings-visibility">
+            <div>
+              <h3>Take a break from the Inspector</h3>
+              <p>
+                Hide the Inspector for seven days. It will return automatically
+                when the week is over.
+              </p>
+            </div>
+            <button
+              type="button"
+              class="inspector-settings-dismiss"
+              data-cpk-dismiss-inspector="week"
+              @click=${() => this.dismissInspectorFor("week")}
+            >
+              <span aria-hidden="true">${this.renderIcon("Clock")}</span>
+              Hide Inspector for one week
+            </button>
+          </div>
+        </section>
       </div>
     `;
 	}
@@ -11869,15 +12751,11 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		});
 	}
 	getVisibleInspectorMetadataAction() {
-		const { threadsFooterAction, lockedAction } = this.inspectorMetadataProjection;
-		if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads") return {
+		const { threadsFooterAction } = this.inspectorMetadataProjection;
+		if (threadsFooterAction && !this.settingsOpen && this.selectedMenu === "threads" && this.areThreadEndpointsAvailable()) return {
 			action: threadsFooterAction,
 			placement: "threads-footer"
 		};
-		if (lockedAction && !this.settingsOpen && this.selectedMenu === "threads" && !this.areThreadEndpointsAvailable()) return {
-			action: lockedAction,
-			placement: "locked"
-		};
 	}
 	/** Return paired stable navigation keys, or neither for an invalid leaf. */
 	getMetadataTelemetryNavigation() {
@@ -11978,8 +12856,8 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		else if (state === "empty_enabled") trackThreadsEmptyEnabledViewed(props);
 		else trackThreadsEnabledViewed(props);
 	}
-	shouldRenderExampleThreads(locked, displayThreads, threadsErrorMessage, threadsLoading) {
-		return locked || !threadsErrorMessage && !threadsLoading && displayThreads.length === 0;
+	shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading) {
+		return !threadsErrorMessage && !threadsLoading && displayThreads.length === 0;
 	}
 	isExampleThreadId(threadId) {
 		return THREADS_EXAMPLE_THREADS.some((thread) => thread.id === threadId);
@@ -12390,82 +13268,112 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
           ` : nothing}
     `;
 	}
-	/** Show a copy result briefly and announce it to assistive technology. */
-	showThreadsSetupPromptCopyState(state, generation) {
-		if (!this.isConnected || generation !== this.threadsSetupPromptCopyGeneration) return;
-		if (this.threadsSetupPromptCopyResetTimeoutId !== null) window.clearTimeout(this.threadsSetupPromptCopyResetTimeoutId);
-		this.threadsSetupPromptCopyState = state;
-		this.requestUpdate();
-		this.threadsSetupPromptCopyResetTimeoutId = window.setTimeout(() => {
-			if (!this.isConnected || generation !== this.threadsSetupPromptCopyGeneration) return;
-			this.threadsSetupPromptCopyState = "idle";
-			this.threadsSetupPromptCopyResetTimeoutId = null;
-			this.requestUpdate();
-		}, 2e3);
-	}
-	renderThreadsExampleOverview(locked) {
-		const lockedCopy = locked ? this.getThreadsLockedCopy() : void 0;
-		const { lockedAction } = this.inspectorMetadataProjection;
+	renderThreadsExampleOverview() {
 		const onboardingAction = this.getThreadsEmptyOnboardingAction();
 		return html`
       <div class="cpk-threads-overview">
         <div class="cpk-threads-overview-content">
           <h2 class="cpk-threads-overview-title">
-            ${lockedCopy?.heading ?? "Threads are persistent, inspectable conversations"}
+            Threads are persistent, inspectable conversations
           </h2>
           ${this.renderThreadsExampleOverviewVideo()}
           <p class="cpk-threads-overview-copy">
-            ${lockedCopy?.description ?? "Take a tour with the example threads in the sidebar. Then, start chatting in your app to create the first real thread."}
+            Take a tour with the example threads in the sidebar. Then, start
+            chatting in your app to create the first real thread.
           </p>
-          ${locked ? this.renderRuntimeEntitlementDiagnostic(this.getRuntimeEntitlementDiagnostic()) : nothing}
           <div class="cpk-threads-overview-actions">
-            ${locked ? html`
-                  ${this.inspectorMetadataProjection.licenseState === "valid" ? html`
-                        <button
-                          data-inspector-threads-setup-prompt
-                          type="button"
-                          aria-label=${this.threadsSetupPromptCopyState === "copied" ? "Setup prompt copied" : this.threadsSetupPromptCopyState === "error" ? "Copy setup prompt failed. Try again" : "Copy setup prompt for your coding agent"}
-                          @click=${this.handleThreadsSetupPromptCopy}
-                        >
-                          ${this.renderIcon(this.threadsSetupPromptCopyState === "copied" ? "Check" : "Copy")}
-                          ${this.threadsSetupPromptCopyState === "copied" ? "Copied" : this.threadsSetupPromptCopyState === "error" ? "Copy blocked" : "Copy prompt for your agent"}
-                        </button>
-                        <a
-                          data-inspector-threads-setup-link
-                          href=${this.getThreadsRuntimeSetupDocsUrl()}
-                          target="_blank"
-                          rel="noopener"
-                          aria-label="Open setup guide (opens in a new tab)"
-                        >
-                          Open setup guide
-                        </a>
-                        <span
-                          class="sr-only"
-                          data-inspector-threads-setup-copy-status
-                          aria-live="polite"
-                          >${this.threadsSetupPromptCopyState === "copied" ? "Setup prompt copied." : this.threadsSetupPromptCopyState === "error" ? "Setup prompt copy failed. Open the setup guide and copy it manually." : ""}</span
-                        >
-                      ` : nothing}
-                  ${lockedAction ? this.renderInspectorAction(lockedAction, "locked") : nothing}
-                ` : html`
-                  <a
-                    href=${this.getThreadsDocsUrl()}
-                    target="_blank"
-                    rel="noopener"
-                    class="cpk-threads-overview-action cpk-threads-overview-action-primary"
-                  >
-                    Learn how Threads work
-                  </a>
-                  <a
-                    href=${onboardingAction.href}
-                    target="_blank"
-                    rel="noopener"
-                    class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
-                  >
-                    ${onboardingAction.label}
-                  </a>
-                `}
+            <a
+              href=${this.getThreadsDocsUrl()}
+              target="_blank"
+              rel="noopener"
+              class="cpk-threads-overview-action cpk-threads-overview-action-primary"
+            >
+              Learn how Threads work
+            </a>
+            <a
+              href=${onboardingAction.href}
+              target="_blank"
+              rel="noopener"
+              class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
+            >
+              ${onboardingAction.label}
+            </a>
+          </div>
+        </div>
+      </div>
+    `;
+	}
+	renderLockedFeatureOverview({ serviceId, featureName, heading, description, videoUrl, videoTitle, outlineItems, setupPrompt }) {
+		return html`
+      <div
+        class="cpk-locked-feature"
+        data-inspector-locked-feature=${serviceId}
+      >
+        <div class="cpk-locked-feature-layout">
+          <div class="cpk-locked-feature-hero">
+            <div class="cpk-locked-feature-copy">
+              <div class="cpk-locked-feature-name">
+                <span class="cpk-locked-feature-icon" aria-hidden="true">
+                  ${serviceId === "threads" ? unsafeHTML(this.customTabIcons.threads) : this.renderIcon("Brain")}
+                </span>
+                ${featureName}
+              </div>
+              <h2 class="cpk-locked-feature-title">${heading}</h2>
+              <p class="cpk-locked-feature-description">${description}</p>
+              <div class="cpk-threads-overview-actions">
+                ${this.renderFeatureSetupPrompt(setupPrompt?.serviceId ?? serviceId, "inspector-account-cta cpk-locked-feature-setup-cta", setupPrompt ? {
+			copyState: setupPrompt.copyState,
+			onClick: setupPrompt.onClick
+		} : void 0)}
+                <a
+                  data-inspector-locked-feature-talk=${serviceId}
+                  href=${this.getTalkToEngineerUrl()}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  aria-label="Talk to an Engineer (opens in a new tab)"
+                  class="cpk-threads-overview-action cpk-threads-overview-action-secondary"
+                  @click=${this.handleThreadsTalkToEngineerClick}
+                >
+                  Talk to an Engineer
+                </a>
+              </div>
+            </div>
+            <div class="cpk-locked-feature-media">
+              <div class="cpk-threads-overview-video-frame cpk-locked-feature-video">
+                <iframe
+                  class="cpk-threads-overview-video-embed"
+                  data-inspector-feature-video=${serviceId}
+                  src=${videoUrl}
+                  title=${videoTitle}
+                  loading="lazy"
+                  allow="fullscreen; picture-in-picture"
+                  allowfullscreen
+                ></iframe>
+              </div>
+            </div>
           </div>
+          <section
+            class="cpk-locked-feature-outline"
+            data-inspector-feature-outline=${serviceId}
+            aria-label="${featureName} capabilities"
+          >
+            <div class="cpk-locked-feature-outline-list">
+              ${outlineItems.map((item) => html`
+                  <section class="cpk-locked-feature-outline-item">
+                    <h3>
+                      <span
+                        class="cpk-locked-feature-outline-icon"
+                        aria-hidden="true"
+                      >
+                        ${this.renderIcon(item.icon)}
+                      </span>
+                      ${item.title}
+                    </h3>
+                    <p>${item.description}</p>
+                  </section>
+                `)}
+            </div>
+          </section>
         </div>
       </div>
     `;
@@ -12523,56 +13431,6 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
           </div>
         </div>
       </div>
-    `;
-	}
-	renderThreadsLockedBackgroundMockup() {
-		return html`
-      <div aria-hidden="true" class="cpk-locked-preview">
-        <div class="cpk-locked-preview-sidebar">
-          ${[
-			{
-				width: 74,
-				accent: true
-			},
-			{ width: 92 },
-			{ width: 68 },
-			{ width: 84 },
-			{ width: 58 },
-			{ width: 76 }
-		].map((row) => html`
-              <div
-                class="cpk-locked-preview-row"
-                data-accent=${row.accent ? "true" : "false"}
-              >
-                <div
-                  class="cpk-locked-preview-bar cpk-locked-preview-row-title"
-                  style="--preview-width: ${row.width}%;"
-                ></div>
-                <div
-                  class="cpk-locked-preview-bar cpk-locked-preview-row-line"
-                ></div>
-                <div
-                  class="cpk-locked-preview-bar cpk-locked-preview-row-line"
-                ></div>
-              </div>
-            `)}
-        </div>
-        <div class="cpk-locked-preview-main">
-          <div class="cpk-locked-preview-bar cpk-locked-preview-heading"></div>
-          <div class="cpk-locked-preview-bar cpk-locked-preview-copy"></div>
-          <div class="cpk-locked-preview-bar cpk-locked-preview-copy"></div>
-          <div class="cpk-locked-preview-cards">
-            <div class="cpk-locked-preview-card"></div>
-            <div class="cpk-locked-preview-card"></div>
-          </div>
-          <div
-            class="cpk-locked-preview-bar cpk-locked-preview-footer-line"
-          ></div>
-          <div
-            class="cpk-locked-preview-bar cpk-locked-preview-footer-line"
-          ></div>
-        </div>
-      </div>
     `;
 	}
 	getThreadsLockedCopy() {
@@ -12581,89 +13439,18 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 				heading: "Finish setting up Rich Threads",
 				description: "Copy this prompt into your coding agent to finish the setup."
 			};
-			case "none": return {
-				heading: "Enable Intelligence to inspect Threads.",
-				description: "Persist conversations and inspect saved thread history from the Inspector."
+			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."
 			};
-			case "unknown": return {
-				heading: "Threads are unavailable.",
-				description: "This runtime does not expose Threads for the Inspector."
-			};
 		}
 	}
 	/**
-	* Prefer the Runtime's structured entitlement diagnostic and derive a
-	* compatibility diagnostic only when an older Core exposes legacy status.
-	*/
-	getRuntimeEntitlementDiagnostic() {
-		const runtimeEntitlements = this.core?.runtimeEntitlements;
-		if (runtimeEntitlements) return runtimeEntitlements.status === "ready" ? { status: runtimeEntitlements.status } : {
-			status: runtimeEntitlements.status,
-			error: runtimeEntitlements.error
-		};
-		switch (this.core?.licenseStatus) {
-			case "valid": return { status: "ready" };
-			case "expired": return {
-				status: "degraded",
-				error: {
-					code: "legacy_license_expired",
-					message: "Legacy Runtime license has expired.",
-					retryable: false
-				}
-			};
-			case "expiring": return {
-				status: "degraded",
-				error: {
-					code: "legacy_license_expiring",
-					message: "Legacy Runtime license is expiring.",
-					retryable: false
-				}
-			};
-			case "invalid": return {
-				status: "misconfigured",
-				error: {
-					code: "legacy_license_invalid",
-					message: "Legacy Runtime license is invalid.",
-					retryable: false
-				}
-			};
-			case "none":
-			case "unknown": return { status: "unavailable" };
-			default: return null;
-		}
-	}
-	/** Render exact Runtime entitlement correlation details without gating UI. */
-	renderRuntimeEntitlementDiagnostic(diagnostic) {
-		if (!diagnostic) return nothing;
-		return html`
-      <div
-        role="status"
-        data-runtime-entitlement-status=${diagnostic.status}
-        style="
-          margin: -8px auto 18px;
-          max-width: 380px;
-          font-size: 11px;
-          line-height: 1.5;
-          color: #57575b;
-        "
-      >
-        <div style="font-weight: 600;">
-          Runtime entitlement: ${diagnostic.status}
-        </div>
-        ${diagnostic.error ? html`
-              <div>${diagnostic.error.message}</div>
-              <div>Code: ${diagnostic.error.code}</div>
-              ${diagnostic.error.requestId ? html`<div>Request ID: ${diagnostic.error.requestId}</div>` : nothing}
-              ${diagnostic.error.traceId ? html`<div>Trace ID: ${diagnostic.error.traceId}</div>` : nothing}
-            ` : nothing}
-      </div>
-    `;
-	}
-	/**
 	* Renders the realtime-connection indicator in the memory-store header.
 	* Only `"connected"` shows the live (green-dot) state; `"connecting"` shows a
 	* muted amber "reconnecting" and `"unavailable"` a muted grey "offline", so
@@ -12698,43 +13485,64 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
     `;
 	}
 	renderMemoriesView() {
-		if (!this.core?.intelligence || !this._memoriesAvailable) return html`
-        <div class="cpk-memory-locked">
-          ${this.renderThreadsLockedBackgroundMockup()}
-          <div aria-hidden="true" class="cpk-memory-locked-scrim"></div>
-          <div class="cpk-memory-locked-content">
-            <div aria-hidden="true" class="cpk-memory-locked-icon-wrap">
-              <div class="cpk-memory-locked-icon">
-                ${this.renderIcon("Lock")}
-              </div>
-            </div>
-            <h2 class="cpk-memory-locked-title">Learning</h2>
-            <p class="cpk-memory-locked-copy">
-              ${this._memoryStoreUnsupported ? "Learning is unavailable in this version of the @copilotkit SDK. Upgrade @copilotkit/core (and @copilotkit/react) to a version that supports long-term memory." : "Learning turns durable information from agent interactions into reusable context. It isn't enabled on this deployment."}
-            </p>
-            <div class="cpk-memory-locked-actions">
-              <a
-                href=${this.getTalkToEngineerUrl()}
-                target="_blank"
-                rel="noopener"
-                class="cpk-memory-locked-action"
-                @click=${this.handleThreadsTalkToEngineerClick}
-              >
-                Talk to an Engineer
-              </a>
-              <a
-                href=${this.getIntelligenceSignupUrl()}
-                target="_blank"
-                rel="noopener"
-                class="cpk-memory-locked-action cpk-memory-locked-action-secondary"
-                @click=${this.handleThreadsIntelligenceSignupClick}
-              >
-                Sign up for Intelligence
-              </a>
-            </div>
-          </div>
-        </div>
-      `;
+		if (deriveLearningViewState({
+			supported: this.learningSupported,
+			loading: this.learningLoading,
+			error: this.learningError,
+			snapshot: this.learningSnapshot,
+			setupActive: this.isLearningSetupActive()
+		}) === "landing") return this.renderLockedFeatureOverview({
+			serviceId: "memory",
+			featureName: "Learning",
+			heading: "Turn every interaction into reusable context.",
+			description: "Learning captures durable information from agent interactions and brings it back when it matters, so your product gets more useful over time.",
+			videoUrl: LEARNING_LOCKED_VIDEO_URL,
+			videoTitle: "CopilotKit Learning overview",
+			outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE,
+			setupPrompt: {
+				serviceId: "threads",
+				copyState: this.learningPromptCopyState,
+				onClick: (event) => void this.handleLearningSetupCopy(event)
+			}
+		});
+		return html`
+      <cpk-learning-view
+        data-color-scheme=${this.colorScheme}
+        .supported=${this.learningSupported}
+        .loading=${this.learningLoading}
+        .refreshing=${this.learningRefreshing}
+        .error=${this.learningError}
+        .snapshot=${this.learningSnapshot}
+        .setupActive=${this.isLearningSetupActive()}
+        .copyState=${this.learningPromptCopyState}
+        .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-page=${(event) => this.handleLearningPage(event)}
+        @learning-open-evidence=${(event) => this.handleLearningEvidence(event)}
+        @learning-evidence-opened=${() => {
+			if (!this.core?.telemetryDisabled) trackLearningEvidenceOpened();
+		}}
+        @learning-skill-toggle=${(event) => {
+			if (!this.core?.telemetryDisabled) trackLearningSkillToggled({ action: event.detail.action });
+		}}
+        @learning-web-link=${(event) => {
+			if (!this.core?.telemetryDisabled) trackLearningWebAppOpened({ category: event.detail.category });
+		}}
+      ></cpk-learning-view>
+    `;
+	}
+	/** Legacy Memory rendering kept isolated while published Memory APIs remain. */
+	renderLegacyMemoriesView() {
+		if (!this.getHomeModel().services.some((service) => service.id === "memory" && service.enabled)) return this.renderLockedFeatureOverview({
+			serviceId: "memory",
+			featureName: "Learning",
+			heading: this._memoryStoreUnsupported ? "Upgrade to enable Learning" : "Turn every interaction into reusable context.",
+			description: this._memoryStoreUnsupported ? "Learning requires a newer version of @copilotkit/core and @copilotkit/react. Copy the setup prompt to upgrade and add long-term memory." : "Learning captures durable information from agent interactions and brings it back when it matters, so your product gets more useful over time.",
+			videoUrl: LEARNING_LOCKED_VIDEO_URL,
+			videoTitle: "CopilotKit Learning overview",
+			outlineItems: LEARNING_LOCKED_FEATURE_OUTLINE
+		});
 		if (this._memoriesError && this._memories.length === 0) return html`
         <div
           style="
@@ -12945,16 +13753,27 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
     `;
 	}
 	renderThreadsView() {
-		const locked = !this.areThreadEndpointsAvailable();
+		if (!this.areThreadEndpointsAvailable()) {
+			this.trackThreadsViewStateOnce("locked");
+			const lockedCopy = this.getThreadsLockedCopy();
+			return this.renderLockedFeatureOverview({
+				serviceId: "threads",
+				featureName: "Rich Threads",
+				heading: lockedCopy.heading,
+				description: lockedCopy.description,
+				videoUrl: THREADS_LOCKED_VIDEO_URL,
+				videoTitle: "Rich Threads overview",
+				outlineItems: THREADS_LOCKED_FEATURE_OUTLINE
+			});
+		}
 		const { displayThreads, threadsErrorMessage, threadsLoading } = this.getActiveThreadsState();
-		const loadingWithoutRows = !locked && threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
-		const showingExamples = this.shouldRenderExampleThreads(locked, displayThreads, threadsErrorMessage, threadsLoading);
-		const visibleThreads = !locked && (threadsErrorMessage || loadingWithoutRows) ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
+		const loadingWithoutRows = threadsLoading && !threadsErrorMessage && displayThreads.length === 0;
+		const showingExamples = this.shouldRenderExampleThreads(displayThreads, threadsErrorMessage, threadsLoading);
+		const visibleThreads = threadsErrorMessage || loadingWithoutRows ? [] : showingExamples ? THREADS_EXAMPLE_THREADS : displayThreads;
 		if (showingExamples) this.trackThreadsExampleViewedOnce();
 		const selectedThread = this.selectedThreadId != null ? visibleThreads.find((t) => t.id === this.selectedThreadId) ?? null : null;
 		const selectedThreadIsLocalExample = selectedThread !== null && selectedThread.id === this.selectedLocalExampleThreadId;
-		if (locked) this.trackThreadsViewStateOnce("locked");
-		else if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
+		if (!threadsErrorMessage && (!threadsLoading || displayThreads.length > 0)) this.trackThreadsViewStateOnce(displayThreads.length === 0 ? "empty_enabled" : "enabled");
 		return html`
       <div
         style="display:flex;height:100%;overflow:hidden;flex-direction:column;"
@@ -12992,7 +13811,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
           <div
             style="flex:1;min-width:0;overflow:hidden;display:flex;position:relative;"
           >
-            ${!locked && threadsErrorMessage ? html`
+            ${threadsErrorMessage ? html`
                   <div
                     role="alert"
                     style="
@@ -13055,7 +13874,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			this.handleTryFromHere(event.detail);
 		}}
                       ></cpk-thread-details>
-                      ${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : nothing}` : showingExamples ? this.renderThreadsExampleOverview(locked) : html`
+                      ${selectedThreadIsLocalExample ? this.renderThreadsExampleTour() : nothing}` : showingExamples ? this.renderThreadsExampleOverview() : html`
                         <div
                           style="
                         flex: 1;
@@ -13747,8 +14566,13 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		}
 		if (key === "playground" && !this.playgroundAgent) this.startPlaygroundSession(false);
 		if (key === "memories") {
-			this.ensureMemorySubscription();
+			this.learningSupported = Boolean(this.core?.inspectorLearning);
+			if (previousMenu !== "memories" || this.learningSnapshot === null) this.refreshLearningSnapshot({ preserve: previousMenu === "memories" });
 			if (previousMenu !== "memories" && !this.core?.telemetryDisabled) trackMemoriesTabClicked(this.getMemoriesTelemetryProps());
+		} else if (previousMenu === "memories") {
+			this.learningViewedState = null;
+			this.cancelLearningPoll();
+			this.cancelLearningRequest();
 		}
 		if (key === "home" && previousMenu !== "home") this.homeViewedThisOpen = false;
 		if (key === "ag-ui-events" || key === "agents") {
@@ -13782,6 +14606,10 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			this.expandedRows.clear();
 			this.autoSelectLatestThread();
 			if (this.selectedMenu === "playground") this.startPlaygroundSession(false);
+			else if (this.selectedMenu === "memories") {
+				this.clearLearningSnapshot();
+				this.refreshLearningSnapshot({ preserve: false });
+			}
 		}
 		this.contextMenuOpen = false;
 		this.persistState();
@@ -14509,12 +15337,12 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 	/**
 	* Requests one beat for a signal, running it now or deferring it.
 	*
-	* There is a single pending slot and four reasons a beat cannot land. All
-	* four are the same situation — "cannot land now, run later" — and treating
+	* There is a single pending slot and five reasons a beat cannot land. All
+	* five are the same situation — "cannot land now, run later" — and treating
 	* them alike is the point: three separate behaviours for one situation would
 	* not survive a third signal.
 	*
-	* Reason 3 is not cosmetic. Starting a beat while one runs does not restart
+	* Reason 4 is not cosmetic. Starting a beat while one runs does not restart
 	* the animation, because the attribute it binds to does not change value and
 	* the pseudo-element selectors match on attribute *presence*; the running
 	* beat would merely change colour mid-flight. A failure that arms during an
@@ -14523,11 +15351,11 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 	*
 	* A failure's beat is followed by a pill, and the whole 3.4-second gesture
 	* holds this one slot for its full duration. That is not a second scheduling
-	* concept: reason 3 already says "another beat is running", and a gesture is
+	* concept: reason 4 already says "another beat is running", and a gesture is
 	* simply a longer beat.
 	*/
 	startSignalPulse(key) {
-		if (this.isOpen || typeof document !== "undefined" && document.visibilityState !== "visible" || this.gestureSlotSignal !== null && this.gestureSlotSignal !== key || this.getActiveLauncherSignal() !== key) {
+		if (this.isOpen || this.isInspectorDismissed || typeof document !== "undefined" && document.visibilityState !== "visible" || this.gestureSlotSignal !== null && this.gestureSlotSignal !== key || this.getActiveLauncherSignal() !== key) {
 			const pending = this.pendingPulseSignal;
 			if (pending === null || LAUNCHER_SIGNALS[key].priority >= LAUNCHER_SIGNALS[pending].priority) this.pendingPulseSignal = key;
 			this.requestUpdate();
@@ -14592,7 +15420,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 	}
 	/**
 	* The signal holding the single gesture slot: a beat in flight, or the pill
-	* and spoken sentence that follow it. One slot, not two — see reason 3 in
+	* and spoken sentence that follow it. One slot, not two — see reason 4 in
 	* `startSignalPulse`.
 	*/
 	get gestureSlotSignal() {