@copilotkit/web-inspector 1.77.0 → 1.77.1

package/dist/index.cjs

@@ -1,6 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_notifications = require('./lib/notifications.cjs');
 const require_notification_loader = require('./lib/notification-loader.cjs');
+const require_hud_config = require('./lib/hud-config.cjs');
+const require_hud_loader = require('./lib/hud-loader.cjs');
+const require_hud_defaults = require('./lib/hud-defaults.cjs');
 const require_persistence = require('./lib/persistence.cjs');
 const require_generated = require('./styles/generated.cjs');
 const require_notification_article = require('./styles/notification-article.cjs');
@@ -121,9 +124,6 @@ const EVENT_ERROR_GUIDANCE = {
 const PILL_SUBLINE_LABEL = "Open Inspector for details";
 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: 10080 * 60 * 1e3,
@@ -5225,6 +5225,9 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 		this.announcementId = null;
 		this.announcementLoaded = false;
 		this.announcementPromise = null;
+		this.hudFeed = null;
+		this.hudFeedPromise = null;
+		this.hudContent = require_hud_defaults.HUD_DEFAULT_CONTENT;
 		this.newsSignalArmed = false;
 		this.pulsingSignal = null;
 		this.pendingPulseSignal = null;
@@ -5567,7 +5570,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 				control,
 				trigger
 			}));
-			this.hudLandingMenu = row === "threads" ? "threads" : row === "learning" ? "memories" : "home";
+			const destination = this.hudContent[row].destination;
+			this.hudLandingMenu = require_inspector_nav.isInspectorMenuKey(destination) && this.menuItems.some((item) => item.key === destination) ? destination : row === "threads" ? "threads" : "memories";
 			this.closeLauncherHud();
 			this.openInspector("floating_button");
 		};
@@ -8890,6 +8894,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 
       .cpk-launcher-hud__label {
         min-width: 0;
+        /* Remote copy can be one long word; wrap it inside the row. */
+        overflow-wrap: anywhere;
       }
 
       .cpk-launcher-hud__feature-icon {
@@ -9692,7 +9698,8 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
           <div data-inspector-portal-anchor></div>
         ` : this.renderButton();
 	}
-	willUpdate() {
+	willUpdate(changed) {
+		if (changed.has("notificationContext")) this.refreshHudContent();
 		this.evaluateErrorSignals();
 		this.reconcileSelectedMenuVisibility();
 		if (this.isOpen && this.dockMode === "docked-left") this.setAttribute("data-docked", "true");
@@ -10077,6 +10084,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 	renderHudRow(args) {
 		if (args.connected) return lit.nothing;
 		const detailId = `cpk-hud-detail-${args.id}`;
+		const { label, description } = this.hudContent[args.id];
 		return lit.html`
       <li
         class="cpk-launcher-hud__row"
@@ -10090,7 +10098,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
             type="button"
             class="cpk-launcher-hud__action"
             data-cpk-hud-action
-            aria-label=${`Open ${args.label} in Inspector`}
+            aria-label=${`Open ${label} in Inspector`}
             @click=${(event) => this.handleHudActionClick(event, args.id, "action")}
             @pointerdown=${(event) => event.stopPropagation()}
           >
@@ -10100,13 +10108,13 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
               aria-hidden="true"
               >${this.renderIcon(args.icon)}</span
             >
-            <span class="cpk-launcher-hud__label">${args.label}</span>
+            <span class="cpk-launcher-hud__label">${label}</span>
           </button>
           <span
             class="cpk-launcher-hud__tooltip"
             id=${detailId}
             role="tooltip"
-            >${HUD_LEARN_MORE_LABEL}</span
+            >${description}</span
           >
         </span>
         <span class="cpk-launcher-hud__controls">
@@ -10114,7 +10122,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
             type="button"
             class="cpk-launcher-hud__learn-more"
             data-cpk-hud-learn-more=${args.id}
-            aria-label=${`Learn more about ${args.label}`}
+            aria-label=${`Learn more about ${label}`}
             aria-describedby=${detailId}
             @click=${(event) => this.handleHudActionClick(event, args.id, "learn_more")}
             @pointerdown=${(event) => event.stopPropagation()}
@@ -10126,7 +10134,7 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
             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`}
+            aria-label=${args.connected ? `${label} is enabled` : `Open ${label} in Inspector`}
             ?disabled=${args.connected}
             @click=${(event) => this.handleHudActionClick(event, args.id, "toggle")}
             @pointerdown=${(event) => event.stopPropagation()}
@@ -10212,14 +10220,12 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
                   >
                     ${this.renderHudRow({
 			id: "threads",
-			label: HUD_THREADS_LABEL,
 			icon: "MessageSquare",
 			connected: threadsOn,
 			introIndex: featureBlockIntroIndex + 1
 		})}
                     ${this.renderHudRow({
 			id: "learning",
-			label: HUD_LEARNING_LABEL,
 			icon: "Brain",
 			connected: learningOn,
 			introIndex: featureBlockIntroIndex + (threadsOn ? 1 : 2)
@@ -16056,9 +16062,23 @@ var WebInspectorElement = class WebInspectorElement extends lit.LitElement {
 			require_telemetry.trackWhatsNewSignalViewed(props);
 		}
 	}
+	/** Start the development-only remote feeds; neither blocks rendering. */
 	ensureAnnouncementLoading() {
-		if (this.isInspectorDismissed || !this.notificationContext.development || !this.isConnected || this.announcementPromise || typeof window === "undefined" || typeof fetch === "undefined") return;
-		this.announcementPromise = this.fetchAnnouncement();
+		if (this.isInspectorDismissed || !this.notificationContext.development || !this.isConnected || typeof window === "undefined" || typeof fetch === "undefined") return;
+		this.announcementPromise ??= this.fetchAnnouncement();
+		this.hudFeedPromise ??= this.fetchHudFeed();
+	}
+	async fetchHudFeed() {
+		this.hudFeed = await require_hud_loader.loadHudFeed();
+		this.refreshHudContent();
+		this.requestUpdate();
+	}
+	/** Overlay the matching feed rule on the built-in HUD content. */
+	refreshHudContent() {
+		this.hudContent = require_hud_config.resolveHudContent(this.hudFeed, this.notificationContext, {
+			defaults: require_hud_defaults.HUD_DEFAULT_CONTENT,
+			supportedDestinations: require_inspector_nav.INSPECTOR_MENU_KEYS
+		});
 	}
 	async fetchAnnouncement() {
 		try {