@copilotkit/web-inspector 1.70.0 → 1.70.1

package/dist/index.mjs

@@ -2,13 +2,13 @@ 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 { 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 { 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, maybeShowDisclosure, trackErrorSignalViewed, trackHomeCtaClicked, trackHomeFeaturePromptClicked, 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 { createOnboardingPrompt, createOnboardingRunId } from "./lib/onboarding-prompt.mjs";
 import { LitElement, css, html, nothing, render, unsafeCSS } from "lit";
 import { marked } from "marked";
@@ -111,20 +111,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 +237,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 +283,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",
@@ -5023,11 +5010,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 +5043,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: {
@@ -5103,7 +5091,8 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		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.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();
 			this.requestUpdate();
 		};
 		this.handlePillClick = (event) => {
@@ -5143,21 +5132,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 +5201,31 @@ 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
+			});
+			const clipboard = this.getClipboard(event);
+			if (!clipboard?.writeText) {
+				this.showHomeFeaturePromptCopyState(service.id, "error", generation);
+				return;
+			}
+			try {
+				await clipboard.writeText(homeFeatureImplementationPrompt(service, { onboardingRunId }));
+				this.showHomeFeaturePromptCopyState(service.id, "copied", generation);
+			} catch {
+				this.showHomeFeaturePromptCopyState(service.id, "error", generation);
+			}
+		};
 		this.handleIntelligencePromptCopy = async (event) => {
 			this.clearIntelligencePromptReset();
 			const runId = this.getOnboardingRunId();
@@ -5679,26 +5705,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 +6050,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");
 	}
@@ -8095,56 +8098,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,23 +8167,47 @@ 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[data-cpk-hud-vertical="top"] .cpk-launcher-hud__arrow {
+        top: calc(var(--cpk-launcher-size) / 2 - 5px);
+      }
+
+      .cpk-launcher-hud[data-cpk-hud-vertical="bottom"]
+        .cpk-launcher-hud__arrow {
+        top: auto;
+        bottom: calc(var(--cpk-launcher-size) / 2 - 5px);
+      }
+
+      /* 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__list {
@@ -8179,47 +8216,248 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         list-style: none;
       }
 
-      .cpk-launcher-hud__list + .cpk-launcher-hud__list {
-        margin-top: 4px;
-        padding-top: 4px;
-        border-top: 1px dotted var(--hud-line);
+      .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__news-wrap {
+        position: relative;
+        margin: 0;
+      }
+
+      .cpk-launcher-hud__news {
+        position: relative;
+        display: flex;
+        width: 100%;
+        min-width: 0;
+        flex-direction: column;
+        align-items: flex-start;
+        padding: 18px 12px 11px;
+        border: 0;
+        border-radius: calc(var(--cpk-inspector-shell-radius) - 1px);
+        background: transparent;
+        color: #fff;
+        font-family: inherit;
+        line-height: 1;
+        text-align: start;
+        cursor: pointer;
+      }
+
+      .cpk-launcher-hud__news:hover,
+      .cpk-launcher-hud__news:focus-visible {
+        background: transparent;
+      }
+
+      .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__news:focus-visible {
+        outline: 2px solid #bec2ff;
+        outline-offset: 1px;
+      }
+
+      .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;
+        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.68);
+        cursor: pointer;
+      }
+
+      .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__news-dismiss {
+        color: #6e697c;
+      }
+
+      .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__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: 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:
+          border-color 120ms ease,
+          background 120ms ease,
+          color 120ms ease;
+      }
+
+      .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__dismiss-day:focus-visible {
+        outline: 2px solid #bec2ff;
+        outline-offset: 1px;
+      }
+
+      .cpk-launcher-hud__dismiss-day svg {
+        width: 12px;
+        height: 12px;
+      }
+
+      .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;
+      }
+
+      .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: 1fr 28px;
-        align-items: start;
-        border-radius: 7px;
+        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 {
-        margin-top: 1px;
+        border-top: 1px solid var(--hud-line);
+        border-radius: 0 0 9px 9px;
       }
 
       .cpk-launcher-hud__row:hover,
-      .cpk-launcher-hud__row:focus-within,
-      .cpk-launcher-hud__row[data-cpk-hud-help="open"] {
+      .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,
-      .cpk-launcher-hud[data-color-scheme="light"]
-        .cpk-launcher-hud__row[data-cpk-hud-help="open"] {
-        background: #f0f0f4;
+      .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: 32px;
+        min-height: 52px;
         align-items: center;
-        padding: 6px 8px;
+        padding: 7px 4px;
         border: 0;
-        border-radius: 7px;
+        border-radius: 9px;
         background: transparent;
         color: #fff;
         font-family: inherit;
@@ -8229,114 +8467,243 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         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, including the detail
-         copy. The help mark sits above this layer. */
+      /* 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__check {
-        flex: none;
-        width: 14px;
-        height: 14px;
-        color: #34d399;
-      }
-
-      .cpk-launcher-hud__help {
+      .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: 28px;
-        height: 32px;
+        width: 24px;
+        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;
+        color: rgb(190 194 255 / 0.72);
         cursor: pointer;
       }
 
-      .cpk-launcher-hud__help span {
-        display: inline-flex;
+      .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;
-        border: 1px dotted rgb(190 194 255 / 0.55);
+        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%;
-        line-height: 1;
+        background: #8c8e99;
+        transition:
+          background 120ms ease,
+          transform 120ms ease;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__help {
-        color: #68686e;
+      .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__help:focus-visible,
+      .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__detail {
-        grid-column: 1 / -1;
-        max-height: 0;
-        margin: 0;
-        padding: 0 8px;
-        overflow: hidden;
-        color: rgb(255 255 255 / 0.78);
-        font-size: 11px;
-        font-weight: 400;
-        line-height: 1.4;
+      .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: translateY(-6px);
+        transform: translate(3px, -50%);
+        white-space: normal;
         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);
+          opacity 120ms ease,
+          transform 120ms ease;
       }
 
-      .cpk-launcher-hud[data-color-scheme="light"] .cpk-launcher-hud__detail {
-        color: #68686e;
+      .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__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[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__detail {
+        .cpk-launcher-hud__tooltip {
           transition: none;
         }
       }
 
       /*
        * 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.
+       * 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: translateX(8px);
+          transform: translateY(-4px);
         }
         8%,
         88% {
@@ -8345,30 +8712,14 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
         }
         100% {
           opacity: 0;
-          transform: translateX(4px);
+          transform: translateY(3px);
         }
       }
 
-      @keyframes cpk-launcher-hud-intro-right {
-        0% {
-          opacity: 0;
-          transform: translateX(-8px);
-        }
-        8%,
-        88% {
-          opacity: 1;
-          transform: none;
-        }
-        100% {
-          opacity: 0;
-          transform: translateX(-4px);
-        }
-      }
-
-      @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 +8727,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 +8797,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.
@@ -8827,11 +9168,12 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 			const viteHot = import.meta.hot;
 			if (viteHot) viteHot.on("vite:beforeUpdate", this.handleAppBeforeUnload);
 			this.hydrateStateFromStorageEarly();
+			this.refreshInspectorDismissalState();
 			this.subscribeToSystemColorScheme();
 			this.exampleTourDismissed = this.readThreadsExampleTourDismissed();
 			clearLegacyAnnouncementReadState();
 			this.tryAutoAttachCore();
-			this.ensureAnnouncementLoading();
+			if (!this.isInspectorDismissed) this.ensureAnnouncementLoading();
 			this.subscribeToInspectorThreadBridge();
 		}
 		this.requestUpdate();
@@ -8859,15 +9201,16 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
 		this.unsubscribeFromInspectorThreadBridge();
 		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 +9245,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 +9344,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 +9429,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 +9513,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 +9563,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 +9643,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 +9949,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 +10357,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 +10426,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 +10438,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 +10453,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 +10468,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) {
+		const service = this.getHomeFeaturePromptTarget(serviceId);
+		if (!service) return nothing;
+		const 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) => 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 +11504,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 +11516,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;
@@ -11849,6 +12391,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>
     `;
 	}
@@ -12390,19 +12966,6 @@ 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;
@@ -12420,32 +12983,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
           ${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}
+                  ${this.renderFeatureSetupPrompt("threads", "cpk-threads-overview-action cpk-threads-overview-action-primary")}
                   ${lockedAction ? this.renderInspectorAction(lockedAction, "locked") : nothing}
                 ` : html`
                   <a
@@ -12698,7 +13236,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
     `;
 	}
 	renderMemoriesView() {
-		if (!this.core?.intelligence || !this._memoriesAvailable) return html`
+		if (!this.getHomeModel().services.some((service) => service.id === "memory" && service.enabled)) return html`
         <div class="cpk-memory-locked">
           ${this.renderThreadsLockedBackgroundMockup()}
           <div aria-hidden="true" class="cpk-memory-locked-scrim"></div>
@@ -12713,6 +13251,7 @@ var WebInspectorElement = class WebInspectorElement extends LitElement {
               ${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">
+              ${this.renderFeatureSetupPrompt("memory", "cpk-memory-locked-action")}
               <a
                 href=${this.getTalkToEngineerUrl()}
                 target="_blank"
@@ -14509,12 +15048,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 +15062,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 +15131,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() {