@memberjunction/ng-explorer-core 5.23.0 → 5.25.0

package/dist/lib/resource-wrappers/search-results-resource.component.js

@@ -4,39 +4,666 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component } from '@angular/core';
+import { Component, ChangeDetectorRef, inject } from '@angular/core';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
 import { RegisterClass } from '@memberjunction/global';
-import { Metadata } from '@memberjunction/core';
+import { FileOpenService } from '@memberjunction/ng-file-storage';
+import { SearchService, } from '@memberjunction/ng-search';
 import * as i0 from "@angular/core";
-import * as i1 from "../single-search-result/single-search-result.component";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-shared-generic";
+import * as i3 from "@memberjunction/ng-search";
+import * as i4 from "@memberjunction/ng-word-cloud";
+function SearchResultsResource_Conditional_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 24);
+    i0.ɵɵlistener("click", function SearchResultsResource_Conditional_1_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleFilterPanel()); });
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵelementEnd();
+} }
+function SearchResultsResource_Conditional_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 26);
+    i0.ɵɵlistener("click", function SearchResultsResource_Conditional_1_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnClientFilterTextChange("")); });
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelementEnd();
+} }
+function SearchResultsResource_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 5);
+    i0.ɵɵconditionalCreate(2, SearchResultsResource_Conditional_1_Conditional_2_Template, 2, 0, "button", 6);
+    i0.ɵɵelementStart(3, "span", 7);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 8)(6, "div", 9);
+    i0.ɵɵelement(7, "i", 10);
+    i0.ɵɵelementStart(8, "input", 11);
+    i0.ɵɵlistener("input", function SearchResultsResource_Conditional_1_Template_input_input_8_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnClientFilterTextChange($event.target.value)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, SearchResultsResource_Conditional_1_Conditional_9_Template, 2, 0, "button", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "select", 13);
+    i0.ɵɵlistener("change", function SearchResultsResource_Conditional_1_Template_select_change_10_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSortChange($event.target.value)); });
+    i0.ɵɵelementStart(11, "option", 14);
+    i0.ɵɵtext(12, "Sort: Relevance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "option", 15);
+    i0.ɵɵtext(14, "Sort: Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 16);
+    i0.ɵɵtext(16, "Sort: Entity");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "div", 17)(18, "button", 18);
+    i0.ɵɵlistener("click", function SearchResultsResource_Conditional_1_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode("list")); });
+    i0.ɵɵelement(19, "i", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 20);
+    i0.ɵɵlistener("click", function SearchResultsResource_Conditional_1_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetViewMode("cloud")); });
+    i0.ɵɵelement(21, "i", 21);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "button", 22);
+    i0.ɵɵlistener("click", function SearchResultsResource_Conditional_1_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r1); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnRefresh()); });
+    i0.ɵɵelement(23, "i", 23);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!ctx_r2.ShowFilterPanel ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate5(" ", ctx_r2.FilteredResults.length, " of ", ctx_r2.ServerResultCount, " result", ctx_r2.ServerResultCount !== 1 ? "s" : "", " for \"", ctx_r2.CurrentQuery, "\" in ", ctx_r2.ElapsedMs, "ms ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("value", ctx_r2.ClientFilterText);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ClientFilterText ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", ctx_r2.SortField);
+    i0.ɵɵadvance(8);
+    i0.ɵɵclassProp("sr-view-active", ctx_r2.ViewMode === "list");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("sr-view-active", ctx_r2.ViewMode === "cloud");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r2.IsSearching);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-spin", ctx_r2.IsSearching);
+} }
+function SearchResultsResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "mj-loading", 28);
+    i0.ɵɵelementEnd();
+} }
+function SearchResultsResource_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 29);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No results found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Try different keywords or broaden your search.");
+    i0.ɵɵelementEnd()();
+} }
+function SearchResultsResource_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "mj-loading", 33);
+    i0.ɵɵelementEnd();
+} }
+function SearchResultsResource_Conditional_4_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 34);
+} }
+function SearchResultsResource_Conditional_4_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-word-cloud", 36);
+    i0.ɵɵlistener("ItemClick", function SearchResultsResource_Conditional_4_Conditional_2_Conditional_2_Template_mj_word_cloud_ItemClick_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnCloudItemClick($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Items", ctx_r2.CloudItems)("MaxItems", 80)("Interactive", true);
+} }
+function SearchResultsResource_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵconditionalCreate(1, SearchResultsResource_Conditional_4_Conditional_2_Conditional_1_Template, 1, 0, "mj-loading", 34)(2, SearchResultsResource_Conditional_4_Conditional_2_Conditional_2_Template, 1, 3, "mj-word-cloud", 35);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsLoadingCloud ? 1 : 2);
+} }
+function SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-search-filter", 40);
+    i0.ɵɵlistener("FilterChanged", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template_mj_search_filter_FilterChanged_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnFilterChanged($event)); })("FiltersCleared", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template_mj_search_filter_FiltersCleared_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnFiltersCleared()); })("CloseRequested", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template_mj_search_filter_CloseRequested_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.ToggleFilterPanel()); })("MinScoreChanged", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template_mj_search_filter_MinScoreChanged_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnMinScoreChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Filters", ctx_r2.Filters)("ActiveFilters", ctx_r2.ActiveFilters)("ShowRelevanceSlider", true)("MinScorePercent", ctx_r2.MinScorePercent)("ServerMinScorePercent", ctx_r2.serverMinScorePercent);
+} }
+function SearchResultsResource_Conditional_4_Conditional_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-search-results", 41);
+    i0.ɵɵlistener("ResultSelected", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_2_Template_mj_search_results_ResultSelected_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnResultSelected($event)); })("OpenRecordRequested", function SearchResultsResource_Conditional_4_Conditional_3_Conditional_2_Template_mj_search_results_OpenRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnOpenRecord($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("FlatResults", ctx_r2.FilteredResults)("HighlightText", ctx_r2.ClientFilterText)("ShowScores", true)("ShowTags", true)("ShowSummary", false)("PageSize", 20);
+} }
+function SearchResultsResource_Conditional_4_Conditional_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No results match current filters. Try lowering the minimum relevance.");
+    i0.ɵɵelementEnd()();
+} }
+function SearchResultsResource_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵconditionalCreate(1, SearchResultsResource_Conditional_4_Conditional_3_Conditional_1_Template, 1, 5, "mj-search-filter", 37);
+    i0.ɵɵconditionalCreate(2, SearchResultsResource_Conditional_4_Conditional_3_Conditional_2_Template, 1, 6, "mj-search-results", 38)(3, SearchResultsResource_Conditional_4_Conditional_3_Conditional_3_Template, 4, 0, "div", 39);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ShowFilterPanel ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.FilteredResults.length > 0 ? 2 : 3);
+} }
+function SearchResultsResource_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵconditionalCreate(1, SearchResultsResource_Conditional_4_Conditional_1_Template, 2, 0, "div", 30);
+    i0.ɵɵconditionalCreate(2, SearchResultsResource_Conditional_4_Conditional_2_Template, 3, 1, "div", 31)(3, SearchResultsResource_Conditional_4_Conditional_3_Template, 4, 2, "div", 32);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsSearching ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ViewMode === "cloud" ? 2 : 3);
+} }
 let SearchResultsResource = class SearchResultsResource extends BaseResourceComponent {
-    ngOnInit() {
+    cdr = inject(ChangeDetectorRef);
+    searchService = inject(SearchService);
+    fileOpenService = inject(FileOpenService);
+    CurrentQuery = '';
+    IsSearching = false;
+    HasSearched = false;
+    TotalCount = 0;
+    ElapsedMs = 0;
+    Filters = [];
+    ActiveFilters = {};
+    FilteredResults = [];
+    MinScorePercent = 30;
+    /** The MinScore that was sent to the server on the last search. If the user
+     *  slides below this, we need to re-query the server to get more results. */
+    serverMinScorePercent = 30;
+    /** How many results the server returned (before client-side filtering) */
+    ServerResultCount = 0;
+    ShowFilterPanel = true;
+    SortField = 'score';
+    ClientFilterText = '';
+    ViewMode = 'list';
+    CloudItems = [];
+    IsLoadingCloud = false;
+    /** All results from the last search (before client-side filtering) */
+    allResults = [];
+    dataLoaded = false;
+    // Override Data setter to trigger search when tab container provides the data
+    // (ngOnInit fires before Data is set, so we can't rely on it)
+    set Data(value) {
+        super.Data = value;
+        if (!this.dataLoaded) {
+            this.dataLoaded = true;
+            this.loadFromData();
+        }
+    }
+    get Data() {
+        return super.Data;
+    }
+    async loadFromData() {
+        this.registerAgentTools();
+        // Load filter panel preference
+        try {
+            const { UserInfoEngine } = require('@memberjunction/core-entities');
+            const pref = UserInfoEngine.Instance.GetSetting('search.showFilterPanel');
+            if (pref === 'false')
+                this.ShowFilterPanel = false;
+        }
+        catch { /* ignore */ }
+        const config = this.Data?.Configuration;
+        if (config?.Query) {
+            this.CurrentQuery = config.Query;
+        }
+        else if (config?.SearchInput) {
+            this.CurrentQuery = config.SearchInput;
+        }
+        // Apply min relevance from the search bar dropdown if provided
+        if (config?.MinRelevance != null) {
+            const mr = Number(config.MinRelevance);
+            if (!isNaN(mr) && mr >= 0 && mr <= 100) {
+                this.MinScorePercent = mr;
+            }
+        }
+        // Sync min relevance to URL query param
+        this.navigationService.UpdateActiveTabQueryParams({ minRelevance: String(this.MinScorePercent) });
+        if (this.CurrentQuery) {
+            await this.ExecuteSearch(this.CurrentQuery);
+        }
+        this.NotifyLoadComplete();
     }
     async GetResourceDisplayName(data) {
-        return `Search (${data.Configuration.Entity}): ${data.Configuration.SearchInput}`;
+        const query = (data.Configuration?.Query ?? data.Configuration?.SearchInput ?? 'Search');
+        return `Search: ${query}`;
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-magnifying-glass';
+    }
+    async OnRefineSearch(query) {
+        const trimmed = query?.trim();
+        if (trimmed && trimmed.length >= 2) {
+            this.CurrentQuery = trimmed;
+            this.ActiveFilters = {};
+            await this.ExecuteSearch(trimmed);
+        }
     }
-    async GetResourceIconClass(data) {
-        if (!data.Configuration.Entity) {
-            return '';
+    OnFilterChanged(event) {
+        this.ActiveFilters = {
+            ...this.ActiveFilters,
+            [event.Category]: event.SelectedValues
+        };
+        this.applyClientFilters();
+    }
+    OnFiltersCleared() {
+        this.ActiveFilters = {};
+        this.MinScorePercent = 30;
+        this.navigationService.UpdateActiveTabQueryParams({ minRelevance: '30' });
+        this.applyClientFilters();
+    }
+    OnMinScoreChanged(percent) {
+        this.MinScorePercent = percent;
+        this.navigationService.UpdateActiveTabQueryParams({ minRelevance: String(percent) });
+        if (percent < this.serverMinScorePercent && this.CurrentQuery) {
+            // User lowered below what server filtered — need to re-query with lower threshold
+            this.ExecuteSearch(this.CurrentQuery);
         }
         else {
-            const md = new Metadata();
-            const e = md.Entities.find(e => e.Name.trim().toLowerCase() === data.Configuration.Entity.trim().toLowerCase());
-            if (e)
-                return e?.Icon;
-            else
-                return '';
+            // User raised or stayed at/above server threshold — client-side filter is sufficient
+            this.applyClientFilters();
+        }
+    }
+    OnResultSelected(event) {
+        this.navigateToResult(event.Result);
+    }
+    OnOpenRecord(result) {
+        this.navigateToResult(result);
+    }
+    async OnRefresh() {
+        if (this.CurrentQuery) {
+            this.ActiveFilters = {};
+            this.MinScorePercent = 30;
+            this.ClientFilterText = '';
+            await this.ExecuteSearch(this.CurrentQuery);
         }
     }
+    ToggleFilterPanel() {
+        this.ShowFilterPanel = !this.ShowFilterPanel;
+        // Persist preference
+        try {
+            const { UserInfoEngine } = require('@memberjunction/core-entities');
+            UserInfoEngine.Instance.SetSettingDebounced('search.showFilterPanel', this.ShowFilterPanel ? 'true' : 'false');
+        }
+        catch { /* ignore if UserInfoEngine not available */ }
+        this.cdr.detectChanges();
+    }
+    OnSortChange(field) {
+        this.SortField = field;
+        this.applyClientFilters();
+    }
+    OnClientFilterTextChange(text) {
+        this.ClientFilterText = text;
+        this.applyClientFilters();
+    }
+    SetViewMode(mode) {
+        this.ViewMode = mode;
+        if (mode === 'cloud') {
+            this.buildCloudItems();
+        }
+        this.emitAgentContext();
+        this.cdr.detectChanges();
+    }
+    OnCloudItemClick(_event) {
+        // No-op for now — tag filtering in the filter panel is not yet implemented.
+        // Future: clicking a tag could filter results to only those with that tag.
+    }
+    /**
+     * Navigate to a search result based on its ResultType discriminator.
+     * - entity-record: opens the MJ entity record viewer
+     * - storage-file: opens the file via pre-authenticated URL in new tab
+     * - content-item: opens the MJ entity record viewer (content items are entity records)
+     */
+    navigateToResult(result) {
+        if (result.ResultType === 'storage-file') {
+            // Try preview first (opens in provider's web viewer), fall back to download
+            if (!this.fileOpenService.OpenPreviewFromSearchResult(result.RawMetadata)) {
+                this.fileOpenService.OpenFileFromSearchResult(result.RawMetadata);
+            }
+            return;
+        }
+        if (!result.EntityName || !result.RecordID)
+            return;
+        // entity-record, content-item, or unset — navigate to entity record
+        const pkey = new CompositeKey([{ FieldName: 'ID', Value: result.RecordID }]);
+        this.navigationService.OpenEntityRecord(result.EntityName, pkey);
+    }
+    async ExecuteSearch(query) {
+        this.IsSearching = true;
+        this.HasSearched = false;
+        this.cdr.detectChanges();
+        this.serverMinScorePercent = this.MinScorePercent;
+        const request = {
+            Query: query,
+            MaxResults: 50,
+            ActiveFilters: {},
+            IncludeSources: ['vector', 'fulltext', 'entity', 'storage'],
+            MinScore: this.MinScorePercent / 100
+        };
+        const response = await this.searchService.ExecuteSearch(request);
+        this.allResults = [...response.Results].sort((a, b) => b.Score - a.Score);
+        this.ServerResultCount = this.allResults.length;
+        this.TotalCount = response.TotalCount;
+        this.ElapsedMs = response.ElapsedMs;
+        this.Filters = response.Filters;
+        this.FilteredResults = [...this.allResults];
+        this.IsSearching = false;
+        this.HasSearched = true;
+        this.emitAgentContext();
+        this.cdr.detectChanges();
+    }
+    /**
+     * Apply active filter selections to the full result set.
+     */
+    applyClientFilters() {
+        let results = this.allResults;
+        // Apply min score filter FIRST (this determines what's "available")
+        if (this.MinScorePercent > 0) {
+            const minScore = this.MinScorePercent / 100;
+            results = results.filter(r => r.Score >= minScore);
+        }
+        // Rebuild filters from score-filtered results so counts are accurate
+        this.Filters = this.searchService.BuildFilters(results);
+        this.TotalCount = results.length;
+        // Apply facet filters
+        if (this.hasActiveFilters()) {
+            results = results.filter(r => this.matchesActiveFilters(r));
+        }
+        // Apply client text filter (search within results)
+        if (this.ClientFilterText.trim()) {
+            const term = this.ClientFilterText.trim().toLowerCase();
+            results = results.filter(r => (r.Title?.toLowerCase().includes(term)) ||
+                (r.Snippet?.toLowerCase().includes(term)) ||
+                (r.EntityName?.toLowerCase().includes(term)) ||
+                (r.RecordName?.toLowerCase().includes(term)) ||
+                (r.Tags?.some(t => t.toLowerCase().includes(term))));
+        }
+        // Sort
+        switch (this.SortField) {
+            case 'title':
+                results = [...results].sort((a, b) => (a.Title || '').localeCompare(b.Title || ''));
+                break;
+            case 'entity':
+                results = [...results].sort((a, b) => a.EntityName.localeCompare(b.EntityName) || b.Score - a.Score);
+                break;
+            case 'score':
+            default:
+                results = [...results].sort((a, b) => b.Score - a.Score);
+                break;
+        }
+        this.FilteredResults = results;
+        this.emitAgentContext();
+        this.cdr.detectChanges();
+    }
+    hasActiveFilters() {
+        return Object.values(this.ActiveFilters).some(v => v.length > 0);
+    }
+    matchesActiveFilters(result) {
+        const entityFilter = this.ActiveFilters['Entity'];
+        if (entityFilter?.length) {
+            const matchesEntity = entityFilter.includes(result.EntityName);
+            const matchesFiles = entityFilter.includes('__storage-files__') && result.ResultType === 'storage-file';
+            if (!matchesEntity && !matchesFiles)
+                return false;
+        }
+        const sourceFilter = this.ActiveFilters['Source'];
+        if (sourceFilter?.length && !sourceFilter.includes(result.SourceType)) {
+            return false;
+        }
+        const tagFilter = this.ActiveFilters['Tags'];
+        if (tagFilter?.length && !tagFilter.some(t => result.Tags.includes(t))) {
+            return false;
+        }
+        const fileTypeFilter = this.ActiveFilters['File Type'];
+        if (fileTypeFilter?.length) {
+            if (result.ResultType !== 'storage-file')
+                return false;
+            const ext = result.Title?.split('.').pop()?.toUpperCase() ?? '';
+            if (!fileTypeFilter.includes(ext))
+                return false;
+        }
+        return true;
+    }
+    /**
+     * Build WordCloudItem[] from search results by extracting entity names and tags,
+     * weighted by their frequency across all results.
+     */
+    /**
+     * Build word cloud items from MJ: Tagged Items linked to the search results.
+     * Queries the TaggedItem entity for all records in the result set, aggregates
+     * tag names by count and weight, and builds WordCloudItem[] for the cloud.
+     */
+    async buildCloudItems() {
+        this.IsLoadingCloud = true;
+        this.cdr.detectChanges();
+        try {
+            // Group results by entity to build efficient queries
+            const byEntity = new Map();
+            for (const result of this.allResults) {
+                const md = new Metadata();
+                const entity = md.Entities.find(e => e.Name === result.EntityName);
+                if (!entity)
+                    continue;
+                const list = byEntity.get(entity.ID) || [];
+                list.push(result.RecordID);
+                byEntity.set(entity.ID, list);
+            }
+            // Query Tagged Items for all record IDs across all entities
+            const tagAggregates = new Map();
+            const rv = new RunView();
+            for (const [entityID, recordIDs] of byEntity) {
+                if (recordIDs.length === 0)
+                    continue;
+                // Build IN clause (batch in groups of 50 to avoid huge queries)
+                for (let i = 0; i < recordIDs.length; i += 50) {
+                    const batch = recordIDs.slice(i, i + 50);
+                    const inClause = batch.map(id => `'${id.replace(/'/g, "''")}'`).join(',');
+                    const result = await rv.RunView({
+                        EntityName: 'MJ: Tagged Items',
+                        ExtraFilter: `EntityID = '${entityID}' AND RecordID IN (${inClause})`,
+                        Fields: ['Tag', 'Weight'],
+                        ResultType: 'simple'
+                    });
+                    if (result.Success && result.Results) {
+                        for (const row of result.Results) {
+                            const tagName = row.Tag;
+                            if (!tagName)
+                                continue;
+                            const existing = tagAggregates.get(tagName) || { count: 0, totalWeight: 0 };
+                            existing.count++;
+                            existing.totalWeight += (row.Weight ?? 1);
+                            tagAggregates.set(tagName, existing);
+                        }
+                    }
+                }
+            }
+            // Build cloud items from aggregated tags
+            if (tagAggregates.size === 0) {
+                this.CloudItems = [{ Text: 'No tags found', Weight: 1, Category: 'empty' }];
+            }
+            else {
+                const maxWeight = Math.max(...Array.from(tagAggregates.values()).map(v => v.totalWeight), 1);
+                this.CloudItems = Array.from(tagAggregates.entries())
+                    .sort((a, b) => b[1].totalWeight - a[1].totalWeight)
+                    .map(([tagName, agg]) => ({
+                    Text: tagName,
+                    Weight: agg.totalWeight / maxWeight,
+                    Category: 'tag',
+                    Metadata: { type: 'tag', count: agg.count, totalWeight: agg.totalWeight }
+                }));
+            }
+        }
+        catch (err) {
+            this.CloudItems = [{ Text: 'Error loading tags', Weight: 1, Category: 'error' }];
+        }
+        this.IsLoadingCloud = false;
+        this.cdr.detectChanges();
+    }
+    /** Report current search state to the AI agent */
+    emitAgentContext() {
+        this.navigationService.SetAgentContext(this, {
+            CurrentQuery: this.CurrentQuery || null,
+            ResultCount: this.TotalCount,
+            FilteredCount: this.FilteredResults.length,
+            ElapsedMs: this.ElapsedMs,
+            HasSearched: this.HasSearched,
+            ShowFilterPanel: this.ShowFilterPanel,
+            ViewMode: this.ViewMode,
+            SortField: this.SortField,
+            MinScorePercent: this.MinScorePercent,
+            ClientFilterText: this.ClientFilterText,
+            ActiveFilterCount: Object.values(this.ActiveFilters).filter(v => v.length > 0).length,
+            TopResults: this.FilteredResults.slice(0, 50).map(r => ({
+                Title: r.Title || r.RecordName,
+                EntityName: r.EntityName,
+                RecordID: r.RecordID,
+                Score: Math.round(r.Score * 100),
+                SourceType: r.SourceType,
+                Snippet: r.Snippet?.substring(0, 100)
+            })),
+        });
+    }
+    /** Register client tools the agent can invoke on the search results */
+    registerAgentTools() {
+        this.navigationService.SetAgentClientTools(this, [
+            {
+                Name: 'RunSearch',
+                Description: 'Execute a search query and display results',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        query: { type: 'string', description: 'The search query text' }
+                    },
+                    required: ['query']
+                },
+                Handler: async (params) => {
+                    const query = String(params['query'] ?? '');
+                    this.CurrentQuery = query;
+                    await this.ExecuteSearch(query);
+                    return { Success: true, Data: { ResultCount: this.TotalCount, ElapsedMs: this.ElapsedMs } };
+                }
+            },
+            {
+                Name: 'SortResults',
+                Description: 'Change the sort order of search results',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        field: { type: 'string', enum: ['score', 'title', 'entity'], description: 'Sort field' }
+                    },
+                    required: ['field']
+                },
+                Handler: async (params) => {
+                    this.OnSortChange(String(params['field']));
+                    return { Success: true, Data: { SortField: this.SortField } };
+                }
+            },
+            {
+                Name: 'FilterWithinResults',
+                Description: 'Filter the current results by a keyword (client-side text filter)',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        text: { type: 'string', description: 'Filter text (empty string to clear)' }
+                    },
+                    required: ['text']
+                },
+                Handler: async (params) => {
+                    this.OnClientFilterTextChange(String(params['text'] ?? ''));
+                    return { Success: true, Data: { FilteredCount: this.FilteredResults.length } };
+                }
+            },
+            {
+                Name: 'SetViewMode',
+                Description: 'Switch between list view and tag cloud visualization',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        mode: { type: 'string', enum: ['list', 'cloud'], description: 'View mode' }
+                    },
+                    required: ['mode']
+                },
+                Handler: async (params) => {
+                    this.SetViewMode(params['mode'] ?? 'list');
+                    return { Success: true, Data: { ViewMode: this.ViewMode } };
+                }
+            },
+            {
+                Name: 'ToggleFilterPanel',
+                Description: 'Show or hide the filter panel on the left',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => {
+                    this.ToggleFilterPanel();
+                    return { Success: true, Data: { ShowFilterPanel: this.ShowFilterPanel } };
+                }
+            },
+            {
+                Name: 'SetMinRelevance',
+                Description: 'Set the minimum relevance score filter (0-100 percent)',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: {
+                        percent: { type: 'number', description: 'Minimum relevance percentage (0-100)' }
+                    },
+                    required: ['percent']
+                },
+                Handler: async (params) => {
+                    this.OnMinScoreChanged(Number(params['percent'] ?? 0));
+                    return { Success: true, Data: { MinScorePercent: this.MinScorePercent, FilteredCount: this.FilteredResults.length } };
+                }
+            },
+            {
+                Name: 'RefreshSearch',
+                Description: 'Re-execute the current search query',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => {
+                    await this.OnRefresh();
+                    return { Success: true, Data: { ResultCount: this.TotalCount, ElapsedMs: this.ElapsedMs } };
+                }
+            }
+        ]);
+    }
     static ɵfac = /*@__PURE__*/ (() => { let ɵSearchResultsResource_BaseFactory; return function SearchResultsResource_Factory(__ngFactoryType__) { return (ɵSearchResultsResource_BaseFactory || (ɵSearchResultsResource_BaseFactory = i0.ɵɵgetInheritedFactory(SearchResultsResource)))(__ngFactoryType__ || SearchResultsResource); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultsResource, selectors: [["mj-search-results-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 2, consts: [[3, "loadComplete", "loadStarted", "entity", "searchInput"]], template: function SearchResultsResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mj-single-search-result", 0);
-            i0.ɵɵlistener("loadComplete", function SearchResultsResource_Template_mj_single_search_result_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function SearchResultsResource_Template_mj_single_search_result_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultsResource, selectors: [["mj-search-results-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 4, consts: [[1, "search-results-page"], [1, "search-header"], [1, "search-loading"], [1, "search-no-results"], [1, "search-results-body-wrapper"], [1, "search-header-left"], ["title", "Show filters", 1, "sr-icon-btn"], [1, "search-meta"], [1, "search-header-right"], [1, "sr-refine-wrapper"], [1, "fa-solid", "fa-filter-list", "sr-refine-icon"], ["placeholder", "Filter within results...", 1, "mj-input", "sr-refine-input", 3, "input", "value"], [1, "sr-refine-clear"], [1, "mj-input", "sr-sort-select", 3, "change", "value"], ["value", "score"], ["value", "title"], ["value", "entity"], [1, "sr-view-toggle"], ["title", "List view", 1, "sr-icon-btn", 3, "click"], [1, "fa-solid", "fa-list"], ["title", "Tag cloud view", 1, "sr-icon-btn", 3, "click"], [1, "fa-solid", "fa-cloud"], ["title", "Refresh search", 1, "sr-icon-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrows-rotate"], ["title", "Show filters", 1, "sr-icon-btn", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "sr-refine-clear", 3, "click"], [1, "fa-solid", "fa-xmark"], ["text", "Searching...", "size", "medium"], [1, "fa-solid", "fa-magnifying-glass-minus"], [1, "search-requery-overlay"], [1, "search-cloud-wrapper"], [1, "search-body"], ["text", "Updating results...", "size", "medium"], ["text", "Loading tag cloud...", "size", "medium"], ["ColorMode", "weight-gradient", 3, "Items", "MaxItems", "Interactive"], ["ColorMode", "weight-gradient", 3, "ItemClick", "Items", "MaxItems", "Interactive"], [3, "Filters", "ActiveFilters", "ShowRelevanceSlider", "MinScorePercent", "ServerMinScorePercent"], [3, "FlatResults", "HighlightText", "ShowScores", "ShowTags", "ShowSummary", "PageSize"], [1, "search-no-results-inline"], [3, "FilterChanged", "FiltersCleared", "CloseRequested", "MinScoreChanged", "Filters", "ActiveFilters", "ShowRelevanceSlider", "MinScorePercent", "ServerMinScorePercent"], [3, "ResultSelected", "OpenRecordRequested", "FlatResults", "HighlightText", "ShowScores", "ShowTags", "ShowSummary", "PageSize"], [1, "fa-solid", "fa-filter-circle-xmark"]], template: function SearchResultsResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, SearchResultsResource_Conditional_1_Template, 24, 16, "div", 1);
+            i0.ɵɵconditionalCreate(2, SearchResultsResource_Conditional_2_Template, 2, 0, "div", 2);
+            i0.ɵɵconditionalCreate(3, SearchResultsResource_Conditional_3_Template, 6, 0, "div", 3);
+            i0.ɵɵconditionalCreate(4, SearchResultsResource_Conditional_4_Template, 4, 2, "div", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("entity", ctx.Data.Configuration.Entity)("searchInput", ctx.Data.Configuration.SearchInput);
-        } }, dependencies: [i1.SingleSearchResultComponent], encapsulation: 2 });
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.HasSearched && ctx.ServerResultCount > 0 ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsSearching && ctx.ServerResultCount === 0 ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.IsSearching && ctx.ServerResultCount === 0 && ctx.HasSearched ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ServerResultCount > 0 ? 4 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i2.LoadingComponent, i3.SearchResultsComponent, i3.SearchFilterComponent, i4.MJWordCloudComponent], styles: [".search-results-page[_ngcontent-%COMP%] {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            background: var(--mj-bg-page);\n            overflow: hidden;\n        }\n        .search-header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            padding: 8px 24px;\n            border-bottom: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface);\n            flex-shrink: 0;\n        }\n        .search-header-left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .search-header-right[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .search-meta[_ngcontent-%COMP%] {\n            color: var(--mj-text-muted);\n            font-size: 13px;\n            white-space: nowrap;\n        }\n        .sr-icon-btn[_ngcontent-%COMP%] {\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            transition: all 0.15s;\n            font-size: 13px;\n            flex-shrink: 0;\n        }\n        .sr-icon-btn[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n        .sr-icon-btn[_ngcontent-%COMP%]:disabled { opacity: 0.4; cursor: default; }\n        .sr-refine-wrapper[_ngcontent-%COMP%] {\n            position: relative;\n            display: flex;\n            align-items: center;\n        }\n        .sr-refine-icon[_ngcontent-%COMP%] {\n            position: absolute;\n            left: 8px;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n            pointer-events: none;\n        }\n        .sr-refine-input[_ngcontent-%COMP%] {\n            padding: 5px 28px 5px 26px;\n            font-size: 12px;\n            width: 180px;\n            border-radius: 6px;\n        }\n        .sr-refine-clear[_ngcontent-%COMP%] {\n            position: absolute;\n            right: 6px;\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            font-size: 11px;\n            padding: 2px;\n        }\n        .sr-refine-clear[_ngcontent-%COMP%]:hover { color: var(--mj-text-primary); }\n        .sr-sort-select[_ngcontent-%COMP%] {\n            padding: 5px 24px 5px 8px;\n            font-size: 12px;\n            border-radius: 6px;\n            min-width: 130px;\n        }\n        .search-loading[_ngcontent-%COMP%] {\n            display: flex;\n            justify-content: center;\n            padding: 60px 0;\n        }\n        .search-body[_ngcontent-%COMP%] {\n            flex: 1;\n            display: flex;\n            gap: 16px;\n            padding: 16px 24px;\n            overflow: hidden;\n        }\n        .search-body[_ngcontent-%COMP%]   mj-search-filter[_ngcontent-%COMP%] {\n            flex-shrink: 0;\n            width: 240px;\n            overflow-y: auto;\n        }\n        .search-body[_ngcontent-%COMP%]   mj-search-results[_ngcontent-%COMP%] {\n            flex: 1;\n            min-width: 0;\n            overflow-y: auto;\n        }\n        .search-no-results[_ngcontent-%COMP%] {\n            text-align: center;\n            padding: 60px 20px;\n            color: var(--mj-text-muted);\n        }\n        .search-no-results[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            font-size: 48px;\n            margin-bottom: 16px;\n            opacity: 0.4;\n        }\n        .search-no-results[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n            font-size: 18px;\n            color: var(--mj-text-primary);\n            margin: 0 0 8px;\n        }\n        .search-no-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 14px;\n            margin: 0;\n        }\n        .search-results-body-wrapper[_ngcontent-%COMP%] {\n            position: relative;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .search-requery-overlay[_ngcontent-%COMP%] {\n            position: absolute;\n            inset: 0;\n            background: color-mix(in srgb, var(--mj-bg-page) 75%, transparent);\n            z-index: 10;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .search-no-results-inline[_ngcontent-%COMP%] {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            color: var(--mj-text-muted);\n            padding: 40px 20px;\n        }\n        .search-no-results-inline[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            font-size: 32px;\n            opacity: 0.4;\n        }\n        .search-no-results-inline[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 13px;\n            margin: 0;\n        }\n        .sr-view-toggle[_ngcontent-%COMP%] {\n            display: flex;\n            gap: 2px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            padding: 2px;\n            background: var(--mj-bg-surface-sunken);\n        }\n        .sr-view-toggle[_ngcontent-%COMP%]   .sr-icon-btn[_ngcontent-%COMP%] {\n            border: none;\n            border-radius: 4px;\n            width: 28px;\n            height: 26px;\n            font-size: 12px;\n            background: transparent;\n        }\n        .sr-view-toggle[_ngcontent-%COMP%]   .sr-icon-btn.sr-view-active[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            color: var(--mj-brand-primary);\n            box-shadow: 0 1px 2px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n        }\n        .search-cloud-wrapper[_ngcontent-%COMP%] {\n            flex: 1;\n            padding: 24px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .search-cloud-wrapper[_ngcontent-%COMP%]   mj-word-cloud[_ngcontent-%COMP%] {\n            width: 100%;\n            height: 100%;\n            max-height: 600px;\n        }"] });
 };
 SearchResultsResource = __decorate([
     RegisterClass(BaseResourceComponent, 'SearchResultsResource')
@@ -44,11 +671,145 @@ SearchResultsResource = __decorate([
 export { SearchResultsResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultsResource, [{
         type: Component,
-        args: [{
-                standalone: false,
-                selector: 'mj-search-results-resource',
-                template: `<mj-single-search-result [entity]="Data.Configuration.Entity" [searchInput]="Data.Configuration.SearchInput" (loadComplete)="NotifyLoadComplete()" (loadStarted)="NotifyLoadStarted()"></mj-single-search-result>`
-            }]
+        args: [{ standalone: false, selector: 'mj-search-results-resource', template: `
+        <div class="search-results-page">
+            <!-- Header bar (always visible when we have server results) -->
+            @if (HasSearched && ServerResultCount > 0) {
+                <div class="search-header">
+                    <div class="search-header-left">
+                        @if (!ShowFilterPanel) {
+                            <button class="sr-icon-btn" title="Show filters" (click)="ToggleFilterPanel()">
+                                <i class="fa-solid fa-filter"></i>
+                            </button>
+                        }
+                        <span class="search-meta">
+                            {{ FilteredResults.length }} of {{ ServerResultCount }} result{{ ServerResultCount !== 1 ? 's' : '' }}
+                            for "{{ CurrentQuery }}" in {{ ElapsedMs }}ms
+                        </span>
+                    </div>
+                    <div class="search-header-right">
+                        <!-- Search within results -->
+                        <div class="sr-refine-wrapper">
+                            <i class="fa-solid fa-filter-list sr-refine-icon"></i>
+                            <input class="mj-input sr-refine-input"
+                                   placeholder="Filter within results..."
+                                   [value]="ClientFilterText"
+                                   (input)="OnClientFilterTextChange($any($event.target).value)" />
+                            @if (ClientFilterText) {
+                                <button class="sr-refine-clear" (click)="OnClientFilterTextChange('')">
+                                    <i class="fa-solid fa-xmark"></i>
+                                </button>
+                            }
+                        </div>
+                        <!-- Sort -->
+                        <select class="mj-input sr-sort-select" [value]="SortField" (change)="OnSortChange($any($event.target).value)">
+                            <option value="score">Sort: Relevance</option>
+                            <option value="title">Sort: Name</option>
+                            <option value="entity">Sort: Entity</option>
+                        </select>
+                        <!-- View mode toggle -->
+                        <div class="sr-view-toggle">
+                            <button class="sr-icon-btn"
+                                    [class.sr-view-active]="ViewMode === 'list'"
+                                    title="List view"
+                                    (click)="SetViewMode('list')">
+                                <i class="fa-solid fa-list"></i>
+                            </button>
+                            <button class="sr-icon-btn"
+                                    [class.sr-view-active]="ViewMode === 'cloud'"
+                                    title="Tag cloud view"
+                                    (click)="SetViewMode('cloud')">
+                                <i class="fa-solid fa-cloud"></i>
+                            </button>
+                        </div>
+                        <!-- Refresh -->
+                        <button class="sr-icon-btn" title="Refresh search" (click)="OnRefresh()" [disabled]="IsSearching">
+                            <i class="fa-solid fa-arrows-rotate" [class.fa-spin]="IsSearching"></i>
+                        </button>
+                    </div>
+                </div>
+            }
+
+            <!-- Initial loading (first search) -->
+            @if (IsSearching && ServerResultCount === 0) {
+                <div class="search-loading">
+                    <mj-loading text="Searching..." size="medium"></mj-loading>
+                </div>
+            }
+
+            <!-- No server results -->
+            @if (!IsSearching && ServerResultCount === 0 && HasSearched) {
+                <div class="search-no-results">
+                    <i class="fa-solid fa-magnifying-glass-minus"></i>
+                    <h3>No results found</h3>
+                    <p>Try different keywords or broaden your search.</p>
+                </div>
+            }
+            <!-- Results body (visible when server returned results) -->
+            @if (ServerResultCount > 0) {
+                <div class="search-results-body-wrapper">
+                    <!-- Semi-opaque loading overlay for re-queries (slider lowered, etc.) -->
+                    @if (IsSearching) {
+                        <div class="search-requery-overlay">
+                            <mj-loading text="Updating results..." size="medium"></mj-loading>
+                        </div>
+                    }
+
+                    @if (ViewMode === 'cloud') {
+                        <div class="search-cloud-wrapper">
+                            @if (IsLoadingCloud) {
+                                <mj-loading text="Loading tag cloud..." size="medium"></mj-loading>
+                            } @else {
+                                <mj-word-cloud
+                                    [Items]="CloudItems"
+                                    [MaxItems]="80"
+                                    ColorMode="weight-gradient"
+                                    [Interactive]="true"
+                                    (ItemClick)="OnCloudItemClick($event)">
+                                </mj-word-cloud>
+                            }
+                        </div>
+                    } @else {
+                        <div class="search-body">
+                            @if (ShowFilterPanel) {
+                                <mj-search-filter
+                                    [Filters]="Filters"
+                                    [ActiveFilters]="ActiveFilters"
+                                    [ShowRelevanceSlider]="true"
+                                    [MinScorePercent]="MinScorePercent"
+                                    [ServerMinScorePercent]="serverMinScorePercent"
+                                    (FilterChanged)="OnFilterChanged($event)"
+                                    (FiltersCleared)="OnFiltersCleared()"
+                                    (CloseRequested)="ToggleFilterPanel()"
+                                    (MinScoreChanged)="OnMinScoreChanged($any($event))">
+                                </mj-search-filter>
+                            }
+                            @if (FilteredResults.length > 0) {
+                                <mj-search-results
+                                    [FlatResults]="FilteredResults"
+                                    [HighlightText]="ClientFilterText"
+                                    [ShowScores]="true"
+                                    [ShowTags]="true"
+                                    [ShowSummary]="false"
+                                    [PageSize]="20"
+                                    (ResultSelected)="OnResultSelected($event)"
+                                    (OpenRecordRequested)="OnOpenRecord($event)">
+                                </mj-search-results>
+                            } @else {
+                                <div class="search-no-results-inline">
+                                    <i class="fa-solid fa-filter-circle-xmark"></i>
+                                    <p>No results match current filters. Try lowering the minimum relevance.</p>
+                                </div>
+                            }
+                        </div>
+                    }
+                </div>
+            }
+        </div>
+    `, styles: ["\n        .search-results-page {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            background: var(--mj-bg-page);\n            overflow: hidden;\n        }\n        .search-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            padding: 8px 24px;\n            border-bottom: 1px solid var(--mj-border-default);\n            background: var(--mj-bg-surface);\n            flex-shrink: 0;\n        }\n        .search-header-left {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .search-header-right {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n        .search-meta {\n            color: var(--mj-text-muted);\n            font-size: 13px;\n            white-space: nowrap;\n        }\n        .sr-icon-btn {\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            background: var(--mj-bg-surface);\n            color: var(--mj-text-secondary);\n            cursor: pointer;\n            transition: all 0.15s;\n            font-size: 13px;\n            flex-shrink: 0;\n        }\n        .sr-icon-btn:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n        .sr-icon-btn:disabled { opacity: 0.4; cursor: default; }\n        .sr-refine-wrapper {\n            position: relative;\n            display: flex;\n            align-items: center;\n        }\n        .sr-refine-icon {\n            position: absolute;\n            left: 8px;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n            pointer-events: none;\n        }\n        .sr-refine-input {\n            padding: 5px 28px 5px 26px;\n            font-size: 12px;\n            width: 180px;\n            border-radius: 6px;\n        }\n        .sr-refine-clear {\n            position: absolute;\n            right: 6px;\n            background: none;\n            border: none;\n            color: var(--mj-text-muted);\n            cursor: pointer;\n            font-size: 11px;\n            padding: 2px;\n        }\n        .sr-refine-clear:hover { color: var(--mj-text-primary); }\n        .sr-sort-select {\n            padding: 5px 24px 5px 8px;\n            font-size: 12px;\n            border-radius: 6px;\n            min-width: 130px;\n        }\n        .search-loading {\n            display: flex;\n            justify-content: center;\n            padding: 60px 0;\n        }\n        .search-body {\n            flex: 1;\n            display: flex;\n            gap: 16px;\n            padding: 16px 24px;\n            overflow: hidden;\n        }\n        .search-body mj-search-filter {\n            flex-shrink: 0;\n            width: 240px;\n            overflow-y: auto;\n        }\n        .search-body mj-search-results {\n            flex: 1;\n            min-width: 0;\n            overflow-y: auto;\n        }\n        .search-no-results {\n            text-align: center;\n            padding: 60px 20px;\n            color: var(--mj-text-muted);\n        }\n        .search-no-results i {\n            font-size: 48px;\n            margin-bottom: 16px;\n            opacity: 0.4;\n        }\n        .search-no-results h3 {\n            font-size: 18px;\n            color: var(--mj-text-primary);\n            margin: 0 0 8px;\n        }\n        .search-no-results p {\n            font-size: 14px;\n            margin: 0;\n        }\n        .search-results-body-wrapper {\n            position: relative;\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n        }\n        .search-requery-overlay {\n            position: absolute;\n            inset: 0;\n            background: color-mix(in srgb, var(--mj-bg-page) 75%, transparent);\n            z-index: 10;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .search-no-results-inline {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            color: var(--mj-text-muted);\n            padding: 40px 20px;\n        }\n        .search-no-results-inline i {\n            font-size: 32px;\n            opacity: 0.4;\n        }\n        .search-no-results-inline p {\n            font-size: 13px;\n            margin: 0;\n        }\n        .sr-view-toggle {\n            display: flex;\n            gap: 2px;\n            border: 1px solid var(--mj-border-default);\n            border-radius: 6px;\n            padding: 2px;\n            background: var(--mj-bg-surface-sunken);\n        }\n        .sr-view-toggle .sr-icon-btn {\n            border: none;\n            border-radius: 4px;\n            width: 28px;\n            height: 26px;\n            font-size: 12px;\n            background: transparent;\n        }\n        .sr-view-toggle .sr-icon-btn.sr-view-active {\n            background: var(--mj-bg-surface);\n            color: var(--mj-brand-primary);\n            box-shadow: 0 1px 2px color-mix(in srgb, var(--mj-text-primary) 10%, transparent);\n        }\n        .search-cloud-wrapper {\n            flex: 1;\n            padding: 24px;\n            overflow: hidden;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n        .search-cloud-wrapper mj-word-cloud {\n            width: 100%;\n            height: 100%;\n            max-height: 600px;\n        }\n    "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchResultsResource, { className: "SearchResultsResource", filePath: "src/lib/resource-wrappers/search-results-resource.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchResultsResource, { className: "SearchResultsResource", filePath: "src/lib/resource-wrappers/search-results-resource.component.ts", lineNumber: 354 }); })();
+export function LoadSearchResultsResource() {
+    // Tree-shaking prevention
+}
 //# sourceMappingURL=search-results-resource.component.js.map