@memberjunction/ng-dashboards 6.2.0-edge.5 → 6.2.0-edge.7

package/dist/MCP/mcp-dashboard.component.js

@@ -3537,25 +3537,48 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
         return n;
     }
     /** Values record consumed by the centralized <mj-filter-panel>, scoped to the current tab. */
+    _mcpFilterValuesCache = {};
+    _mcpFilterValuesKey = '';
+    /**
+     * Filter values object passed to `<mj-filter-panel>`.
+     * Memoized on filter field signature so template bindings do not allocate a fresh object on every CD pass.
+     */
     get McpFilterValues() {
         const f = this.Filters$.value;
-        return {
-            serverStatus: f.serverStatus,
-            connectionStatus: f.connectionStatus,
-            toolStatus: f.toolStatus,
-            logStatus: f.logStatus,
-            toolsServer: f.toolsServer,
-            toolsCategory: f.toolsCategory,
-            favoritesOnly: f.favoritesOnly,
-            recentOnly: f.recentOnly,
-        };
+        const key = `${f.serverStatus}|${f.connectionStatus}|${f.toolStatus}|${f.logStatus}|${f.toolsServer ?? ''}|${f.toolsCategory ?? ''}|${f.favoritesOnly ? 1 : 0}|${f.recentOnly ? 1 : 0}`;
+        if (key !== this._mcpFilterValuesKey) {
+            this._mcpFilterValuesKey = key;
+            this._mcpFilterValuesCache = {
+                serverStatus: f.serverStatus,
+                connectionStatus: f.connectionStatus,
+                toolStatus: f.toolStatus,
+                logStatus: f.logStatus,
+                toolsServer: f.toolsServer,
+                toolsCategory: f.toolsCategory,
+                favoritesOnly: f.favoritesOnly,
+                recentOnly: f.recentOnly,
+            };
+        }
+        return this._mcpFilterValuesCache;
     }
     /** @deprecated Use {@link McpFilterValues}. */
     get mcpFilterValues() {
         return this.McpFilterValues;
     }
-    /** Field config built dynamically based on the active tab. */
+    _mcpFilterFieldsCache = [];
+    _mcpFilterFieldsKey = '';
+    /**
+     * Field config built dynamically based on the active tab.
+     * Memoized on active tab and available servers/categories so `<mj-filter-panel>` receives a stable reference across CD ticks.
+     */
     get McpFilterFields() {
+        const srvSig = this.ActiveTab === 'tools' ? this.ToolsAvailableServers.map(s => s.ID).join(',') : '';
+        const catSig = this.ActiveTab === 'tools' ? this.ToolsAvailableCategories.map(c => `${c.category}:${c.count}`).join(',') : '';
+        const key = `${this.ActiveTab}|${srvSig}|${catSig}`;
+        if (key === this._mcpFilterFieldsKey) {
+            return this._mcpFilterFieldsCache;
+        }
+        this._mcpFilterFieldsKey = key;
         const fields = [];
         if (this.ActiveTab === 'tools') {
             fields.push({
@@ -3657,6 +3680,7 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
                 ],
             });
         }
+        this._mcpFilterFieldsCache = fields;
         return fields;
     }
     /** @deprecated Use {@link McpFilterFields}. */
@@ -4726,43 +4750,57 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     trackPagedTool(_index, tool) {
         return this.TrackPagedTool(_index, tool);
     }
+    _visiblePagedToolsCache = [];
+    _visiblePagedToolsKey = '';
+    _testRecentToolIDsCache = [];
+    _testRecentToolIDSetCache = new Set();
+    _testRecentToolIDsSource = null;
+    _testRecentToolIDsLen = -1;
+    _testComboboxToolsCache = [];
+    _testComboboxToolsKey = '';
     /** Part 3.6 — Scale mode display. When a client-side filter (Favorites/Recently-used) is active,
      *  bypass server pagination and filter the fully-loaded local `this.tools` list so the filter
-     *  considers ALL tools, not just the current 50-row page. */
+     *  considers ALL tools, not just the current 50-row page.
+     *  Memoized on filter state, tool count, favorite count, and log count to avoid repeated array allocation per CD pass. */
     get VisiblePagedTools() {
         const f = this.Filters$.value;
         if (f.favoritesOnly || f.recentOnly) {
-            const search = (f.searchTerm || '').toLowerCase();
-            const recent = f.recentOnly ? this.RecentToolIDSet() : null;
-            return this.tools
-                .filter(t => {
-                if (f.favoritesOnly && !this.IsFavorited(t.ID))
-                    return false;
-                if (recent && !recent.has(NormalizeUUID(t.ID)))
-                    return false;
-                if (f.toolsServer && f.toolsServer !== 'all' && !UUIDsEqual(t.MCPServerID, f.toolsServer))
-                    return false;
-                if (f.toolsCategory && f.toolsCategory !== 'all') {
-                    const idx = t.ToolName.indexOf('_');
-                    const cat = idx > 0 ? t.ToolName.substring(0, idx) : t.ToolName;
-                    if (cat !== f.toolsCategory)
+            const key = `${f.favoritesOnly ? 1 : 0}|${f.recentOnly ? 1 : 0}|${f.toolsServer ?? ''}|${f.toolsCategory ?? ''}|${f.searchTerm ?? ''}|${this.tools.length}|${this.FavoritedToolIDs.size}|${this.ExecutionLogs.length}`;
+            if (key !== this._visiblePagedToolsKey) {
+                this._visiblePagedToolsKey = key;
+                const search = (f.searchTerm || '').toLowerCase();
+                const recent = f.recentOnly ? this.RecentToolIDSet() : null;
+                this._visiblePagedToolsCache = this.tools
+                    .filter(t => {
+                    if (f.favoritesOnly && !this.IsFavorited(t.ID))
                         return false;
-                }
-                if (search && !(t.ToolName.toLowerCase().includes(search) ||
-                    (t.ToolTitle?.toLowerCase().includes(search) ?? false) ||
-                    (t.ToolDescription?.toLowerCase().includes(search) ?? false)))
-                    return false;
-                return true;
-            })
-                .map(t => ({
-                ID: t.ID,
-                MCPServerID: t.MCPServerID,
-                ToolName: t.ToolName,
-                ToolTitle: t.ToolTitle ?? null,
-                ToolDescription: t.ToolDescription ?? null,
-                Status: t.Status,
-                ServerName: t.ServerName ?? null
-            }));
+                    if (recent && !recent.has(NormalizeUUID(t.ID)))
+                        return false;
+                    if (f.toolsServer && f.toolsServer !== 'all' && !UUIDsEqual(t.MCPServerID, f.toolsServer))
+                        return false;
+                    if (f.toolsCategory && f.toolsCategory !== 'all') {
+                        const idx = t.ToolName.indexOf('_');
+                        const cat = idx > 0 ? t.ToolName.substring(0, idx) : t.ToolName;
+                        if (cat !== f.toolsCategory)
+                            return false;
+                    }
+                    if (search && !(t.ToolName.toLowerCase().includes(search) ||
+                        (t.ToolTitle?.toLowerCase().includes(search) ?? false) ||
+                        (t.ToolDescription?.toLowerCase().includes(search) ?? false)))
+                        return false;
+                    return true;
+                })
+                    .map(t => ({
+                    ID: t.ID,
+                    MCPServerID: t.MCPServerID,
+                    ToolName: t.ToolName,
+                    ToolTitle: t.ToolTitle ?? null,
+                    ToolDescription: t.ToolDescription ?? null,
+                    Status: t.Status,
+                    ServerName: t.ServerName ?? null
+                }));
+            }
+            return this._visiblePagedToolsCache;
         }
         return this.PagedTools;
     }
@@ -4784,36 +4822,51 @@ let MCPDashboardComponent = class MCPDashboardComponent extends BaseDashboard {
     scaleDenominator() {
         return this.ScaleDenominator();
     }
-    /** Part 3.5 — recently used tool IDs derived from execution logs (dedup, max 5) */
+    /** Part 3.5 — recently used tool IDs derived from execution logs (dedup, max 5), memoized on `ExecutionLogs`. */
     get TestRecentToolIDs() {
-        const seen = new Set();
-        const out = [];
-        for (const log of this.ExecutionLogs) {
-            if (!log.ToolID)
-                continue;
-            if (seen.has(log.ToolID))
-                continue;
-            seen.add(log.ToolID);
-            out.push(log.ToolID);
-            if (out.length >= 5)
-                break;
+        if (this._testRecentToolIDsSource !== this.ExecutionLogs ||
+            this._testRecentToolIDsLen !== this.ExecutionLogs.length) {
+            this._testRecentToolIDsSource = this.ExecutionLogs;
+            this._testRecentToolIDsLen = this.ExecutionLogs.length;
+            const seen = new Set();
+            const out = [];
+            for (const log of this.ExecutionLogs) {
+                if (!log.ToolID)
+                    continue;
+                if (seen.has(log.ToolID))
+                    continue;
+                seen.add(log.ToolID);
+                out.push(log.ToolID);
+                if (out.length >= 5)
+                    break;
+            }
+            this._testRecentToolIDsCache = out;
+            this._testRecentToolIDSetCache = seen;
         }
-        return out;
+        return this._testRecentToolIDsCache;
     }
-    /** Part 3.5 — Test dialog combobox: filtered tools with recent-first ordering */
+    /** Part 3.5 — Test dialog combobox: filtered tools with recent-first ordering, memoized on inputs. */
     get TestComboboxTools() {
         const term = this.TestToolSearch.trim().toLowerCase();
-        const base = this.TestFilteredTools.filter(t => !term ||
-            t.ToolName.toLowerCase().includes(term) ||
-            (t.ToolTitle && t.ToolTitle.toLowerCase().includes(term)) ||
-            (t.ToolDescription && t.ToolDescription.toLowerCase().includes(term)));
-        const recentSet = new Set(this.TestRecentToolIDs);
-        const recent = base.filter(t => recentSet.has(t.ID));
-        const rest = base.filter(t => !recentSet.has(t.ID));
-        return [...recent, ...rest];
+        const base = this.TestFilteredTools;
+        const recentIds = this.TestRecentToolIDs;
+        const key = `${term}|${base.length}|${base[0]?.ID ?? ''}|${recentIds.join(',')}`;
+        if (key !== this._testComboboxToolsKey) {
+            this._testComboboxToolsKey = key;
+            const filtered = base.filter(t => !term ||
+                t.ToolName.toLowerCase().includes(term) ||
+                (t.ToolTitle && t.ToolTitle.toLowerCase().includes(term)) ||
+                (t.ToolDescription && t.ToolDescription.toLowerCase().includes(term)));
+            const recentSet = this._testRecentToolIDSetCache;
+            const recent = filtered.filter(t => recentSet.has(t.ID));
+            const rest = filtered.filter(t => !recentSet.has(t.ID));
+            this._testComboboxToolsCache = [...recent, ...rest];
+        }
+        return this._testComboboxToolsCache;
     }
     IsRecentTestTool(toolID) {
-        return this.TestRecentToolIDs.includes(toolID);
+        void this.TestRecentToolIDs;
+        return this._testRecentToolIDSetCache.has(toolID);
     }
     /** @deprecated Use {@link IsRecentTestTool}. */
     isRecentTestTool(toolID) {