@memberjunction/ng-search 5.23.0 → 5.25.0

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

@@ -6,273 +6,510 @@
  * in the Knowledge Hub search dashboard.
  */
 import { Component, EventEmitter, Input, Output, ChangeDetectorRef, inject } from '@angular/core';
+import { Metadata } from '@memberjunction/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared-generic";
-const _forTrack0 = ($index, $item) => $item.SourceType;
-const _forTrack1 = ($index, $item) => $item.ID;
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-shared-generic";
+const _c0 = a0 => ({ $implicit: a0 });
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.SourceType;
+const _forTrack2 = ($index, $item) => $item.Value;
 function SearchResultsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 0);
-    i0.ɵɵelement(1, "mj-loading", 2);
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "mj-loading", 3);
     i0.ɵɵelementEnd();
 } }
 function SearchResultsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "i", 3);
-    i0.ɵɵelementStart(2, "p", 4);
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵelement(1, "i", 4);
+    i0.ɵɵelementStart(2, "p", 5);
     i0.ɵɵtext(3, "No results to display");
     i0.ɵɵelementEnd()();
 } }
-function SearchResultsComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
+function SearchResultsComponent_Conditional_2_Conditional_0_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" in ", ctx_r0.FormatTime(ctx_r0.ElapsedMs));
 } }
-function SearchResultsComponent_Conditional_2_For_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function SearchResultsComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SearchResultsComponent_Conditional_2_Conditional_0_Conditional_3_Template, 2, 1, "span", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("", ctx_r0.TotalCount, " results");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ElapsedMs > 0 ? 3 : -1);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SearchResultsComponent_Conditional_2_Conditional_1_For_2_ng_container_0_Template, 1, 0, "ng-container", 10);
+} if (rf & 2) {
+    const result_r2 = ctx.$implicit;
+    i0.ɵɵnextContext(3);
+    const resultCardTpl_r3 = i0.ɵɵreference(4);
+    i0.ɵɵproperty("ngTemplateOutlet", resultCardTpl_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, result_r2));
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1, "...");
+    i0.ɵɵelementEnd();
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const p_r6 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.GoToPage(p_r6)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("pager-active", p_r6 === ctx_r0.CurrentPage);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(p_r6);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Conditional_0_Template, 2, 0, "span", 15)(1, SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Conditional_1_Template, 2, 3, "button", 16);
+} if (rf & 2) {
+    const p_r6 = ctx.$implicit;
+    i0.ɵɵconditional(p_r6 === -1 ? 0 : 1);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "button", 11);
+    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.GoToPage(ctx_r0.CurrentPage - 1)); });
+    i0.ɵɵelement(2, "i", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_For_4_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementStart(5, "button", 13);
+    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.GoToPage(ctx_r0.CurrentPage + 1)); });
+    i0.ɵɵelement(6, "i", 14);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.CurrentPage === 1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r0.PageNumbers);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.CurrentPage === ctx_r0.TotalPages);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵrepeaterCreate(1, SearchResultsComponent_Conditional_2_Conditional_1_For_2_Template, 1, 4, "ng-container", null, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SearchResultsComponent_Conditional_2_Conditional_1_Conditional_3_Template, 7, 2, "div", 9);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.PagedResults);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.TotalPages > 1 ? 3 : -1);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_2_For_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "i");
 } if (rf & 2) {
-    const group_r3 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassMap(group_r3.Icon + " results-group-icon");
+    const group_r8 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassMap(group_r8.Icon + " results-group-icon");
+} }
+function SearchResultsComponent_Conditional_2_Conditional_2_For_1_For_9_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_2_For_1_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SearchResultsComponent_Conditional_2_Conditional_2_For_1_For_9_ng_container_0_Template, 1, 0, "ng-container", 10);
+} if (rf & 2) {
+    const result_r9 = ctx.$implicit;
+    i0.ɵɵnextContext(4);
+    const resultCardTpl_r3 = i0.ɵɵreference(4);
+    i0.ɵɵproperty("ngTemplateOutlet", resultCardTpl_r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, result_r9));
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 28)(2, "span", 29);
+function SearchResultsComponent_Conditional_2_Conditional_2_For_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_Conditional_2_For_1_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const group_r8 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r8.SourceType)); });
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" Show ", ctx_r0.GetHiddenCount(group_r8), " more results ");
+} }
+function SearchResultsComponent_Conditional_2_Conditional_2_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div", 19);
+    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_Conditional_2_For_1_Template_div_click_1_listener() { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r8.SourceType)); });
+    i0.ɵɵconditionalCreate(2, SearchResultsComponent_Conditional_2_Conditional_2_For_1_Conditional_2_Template, 1, 2, "i", 20);
+    i0.ɵɵelementStart(3, "span", 21);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 22);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(7, "i", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(8, SearchResultsComponent_Conditional_2_Conditional_2_For_1_For_9_Template, 1, 4, "ng-container", null, _forTrack0);
+    i0.ɵɵconditionalCreate(10, SearchResultsComponent_Conditional_2_Conditional_2_For_1_Conditional_10_Template, 3, 1, "button", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r8 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.ShowSourceIcons ? 2 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r8.Label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("(", group_r8.TotalCount, ")");
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.IsGroupExpanded(group_r8.SourceType))("fa-chevron-up", ctx_r0.IsGroupExpanded(group_r8.SourceType));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.GetVisibleResults(group_r8));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.HasMoreResults(group_r8) ? 10 : -1);
+} }
+function SearchResultsComponent_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SearchResultsComponent_Conditional_2_Conditional_2_For_1_Template, 11, 8, "div", 18, _forTrack1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r0.ResultGroups);
+} }
+function SearchResultsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchResultsComponent_Conditional_2_Conditional_0_Template, 4, 2, "div", 6);
+    i0.ɵɵconditionalCreate(1, SearchResultsComponent_Conditional_2_Conditional_1_Template, 4, 1)(2, SearchResultsComponent_Conditional_2_Conditional_2_Template, 2, 0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.ShowSummary ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.DisplayMode === "flat" ? 1 : 2);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 40);
+} if (rf & 2) {
+    const tag_r13 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("innerHTML", ctx_r0.HighlightMatch(tag_r13), i0.ɵɵsanitizeHtml);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_7_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const result_r12 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("+", result_r12.Tags.length - 5);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵrepeaterCreate(1, SearchResultsComponent_ng_template_3_Conditional_7_For_2_Template, 1, 1, "span", 40, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(3, SearchResultsComponent_ng_template_3_Conditional_7_Conditional_3_Template, 2, 1, "span", 41);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const result_r12 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(result_r12.Tags.slice(0, 5));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(result_r12.Tags.length > 5 ? 3 : -1);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34)(1, "div", 42)(2, "span", 43);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.FormatScore(result_r5.Score));
+    const result_r12 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("score-high", result_r12.Score >= 0.4)("score-medium", result_r12.Score >= 0.15 && result_r12.Score < 0.4)("score-low", result_r12.Score < 0.15);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.FormatScore(result_r12.Score));
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30)(1, "span", 40);
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44)(1, "span", 57);
     i0.ɵɵtext(2, "Preview");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "p", 41);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(3, "p", 58);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(result_r5.Snippet);
+    const result_r12 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("innerHTML", ctx_r0.HighlightMatch(result_r12.Snippet), i0.ɵɵsanitizeHtml);
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵtextInterpolate1(" Vector: ", (result_r5.ScoreBreakdown.Vector * 100).toFixed(0), "% ");
+    const result_r12 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" Vector: ", ctx_r0.FormatScore(result_r12.ScoreBreakdown.Vector), " ");
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext(3).$implicit;
-    i0.ɵɵtextInterpolate1(" FTS: ", (result_r5.ScoreBreakdown.FullText * 100).toFixed(0), "% ");
+    const result_r12 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" FTS: ", ctx_r0.FormatScore(result_r12.ScoreBreakdown.FullText), " ");
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "i", 42);
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵelement(1, "i", 59);
     i0.ɵɵelementStart(2, "span");
-    i0.ɵɵconditionalCreate(3, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Conditional_3_Template, 1, 1);
-    i0.ɵɵconditionalCreate(4, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Conditional_4_Template, 1, 1);
+    i0.ɵɵconditionalCreate(3, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Conditional_3_Template, 1, 1);
+    i0.ɵɵconditionalCreate(4, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Conditional_4_Template, 1, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext(2).$implicit;
+    const result_r12 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(result_r5.ScoreBreakdown.Vector ? 3 : -1);
+    i0.ɵɵconditional(result_r12.ScoreBreakdown.Vector ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(result_r5.ScoreBreakdown.FullText ? 4 : -1);
+    i0.ɵɵconditional(result_r12.ScoreBreakdown.FullText ? 4 : -1);
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 43);
-    i0.ɵɵtext(1);
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_16_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 60);
+} if (rf & 2) {
+    const tag_r15 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("innerHTML", ctx_r0.HighlightMatch(tag_r15), i0.ɵɵsanitizeHtml);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵrepeaterCreate(1, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_16_For_2_Template, 1, 1, "span", 60, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tag_r7 = ctx.$implicit;
+    const result_r12 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(tag_r7);
+    i0.ɵɵrepeater(result_r12.Tags);
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 63);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_0_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 64);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const link_r17 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("href", link_r17.Value, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.TruncateUrl(link_r17.Value), " ");
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "a", 65);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_1_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r18); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 66);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const link_r17 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("href", "mailto:" + link_r17.Value, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", link_r17.Value, " ");
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_0_Template, 3, 2, "a", 61)(1, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Conditional_1_Template, 3, 2, "a", 62);
+} if (rf & 2) {
+    const link_r17 = ctx.$implicit;
+    i0.ɵɵconditional(link_r17.Type === "URL" ? 0 : link_r17.Type === "Email" ? 1 : -1);
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
-    i0.ɵɵrepeaterCreate(1, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_16_For_2_Template, 2, 1, "span", 43, i0.ɵɵrepeaterTrackByIdentity);
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52);
+    i0.ɵɵrepeaterCreate(1, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_For_2_Template, 2, 1, null, null, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext(2).$implicit;
+    const result_r12 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(result_r5.Tags);
-} }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 27);
-    i0.ɵɵconditionalCreate(1, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_1_Template, 5, 1, "div", 30);
-    i0.ɵɵelementStart(2, "div", 31)(3, "div", 32);
-    i0.ɵɵelement(4, "i", 33);
+    i0.ɵɵrepeater(ctx_r0.GetResolvedLinks(result_r12));
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 67);
+    i0.ɵɵtext(1, " Open File ");
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 64);
+    i0.ɵɵtext(1, " Open Record ");
+} }
+function SearchResultsComponent_ng_template_3_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵconditionalCreate(1, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_1_Template, 4, 1, "div", 44);
+    i0.ɵɵelementStart(2, "div", 45)(3, "div", 46);
+    i0.ɵɵelement(4, "i", 47);
     i0.ɵɵelementStart(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 32);
-    i0.ɵɵelement(8, "i", 34);
-    i0.ɵɵelementStart(9, "span", 35);
+    i0.ɵɵelementStart(7, "div", 46);
+    i0.ɵɵelement(8, "i", 48);
+    i0.ɵɵelementStart(9, "span", 49);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 32);
-    i0.ɵɵelement(12, "i", 36);
+    i0.ɵɵelementStart(11, "div", 46);
+    i0.ɵɵelement(12, "i", 50);
     i0.ɵɵelementStart(13, "span");
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(15, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_15_Template, 5, 2, "div", 32);
+    i0.ɵɵconditionalCreate(15, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_15_Template, 5, 2, "div", 46);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(16, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_16_Template, 3, 0, "div", 51);
+    i0.ɵɵconditionalCreate(17, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_17_Template, 3, 0, "div", 52);
+    i0.ɵɵelementStart(18, "div", 53)(19, "button", 54);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Conditional_14_Template_button_click_19_listener($event) { i0.ɵɵrestoreView(_r14); const result_r12 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnOpenRecord(result_r12, $event)); });
+    i0.ɵɵconditionalCreate(20, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_20_Template, 2, 0)(21, SearchResultsComponent_ng_template_3_Conditional_14_Conditional_21_Template, 2, 0);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(16, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Conditional_16_Template, 3, 0, "div", 37);
-    i0.ɵɵelementStart(17, "div", 38)(18, "button", 39);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Template_button_click_18_listener($event) { i0.ɵɵrestoreView(_r6); const result_r5 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnOpenRecord(result_r5, $event)); });
-    i0.ɵɵelement(19, "i", 24);
-    i0.ɵɵtext(20, " Open Record ");
+    i0.ɵɵelementStart(22, "button", 55);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Conditional_14_Template_button_click_22_listener($event) { i0.ɵɵrestoreView(_r14); const result_r12 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnMoreLikeThis(result_r12, $event)); });
+    i0.ɵɵelement(23, "i", 56);
+    i0.ɵɵtext(24, " See Similar Items ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const result_r5 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
+    const result_r12 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵconditional(result_r5.Snippet ? 1 : -1);
+    i0.ɵɵconditional(result_r12.Snippet ? 1 : -1);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(result_r5.EntityName);
+    i0.ɵɵtextInterpolate(result_r12.EntityName);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(result_r5.RecordID);
+    i0.ɵɵtextInterpolate(result_r12.RecordID);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1("", result_r5.SourceType, " match");
+    i0.ɵɵtextInterpolate1("Relevance: ", ctx_r0.FormatScore(result_r12.Score));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r12.ScoreBreakdown ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(result_r5.ScoreBreakdown ? 15 : -1);
+    i0.ɵɵconditional(ctx_r0.ShowTags && result_r12.Tags.length > 0 ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.ShowTags && result_r5.Tags.length > 0 ? 16 : -1);
+    i0.ɵɵconditional(ctx_r0.GetResolvedLinks(result_r12).length > 0 ? 17 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(result_r12.ResultType === "storage-file" ? 20 : 21);
 } }
-function SearchResultsComponent_Conditional_2_For_5_For_9_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 16);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_For_9_Template_div_click_1_listener() { const result_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleExpand(result_r5)); });
-    i0.ɵɵelementStart(2, "div", 17);
+function SearchResultsComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "div", 28);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Template_div_click_1_listener() { const result_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ToggleExpand(result_r12)); });
+    i0.ɵɵelementStart(2, "div", 29);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 18)(5, "div", 19);
-    i0.ɵɵtext(6);
+    i0.ɵɵelementStart(4, "div", 30);
+    i0.ɵɵelement(5, "div", 31)(6, "div", 32);
+    i0.ɵɵconditionalCreate(7, SearchResultsComponent_ng_template_3_Conditional_7_Template, 4, 1, "div", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 20);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(9, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_9_Template, 4, 1, "div", 21);
-    i0.ɵɵelementStart(10, "div", 22)(11, "button", 23);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_For_9_Template_button_click_11_listener($event) { const result_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnOpenRecord(result_r5, $event)); });
-    i0.ɵɵelement(12, "i", 24);
+    i0.ɵɵconditionalCreate(8, SearchResultsComponent_ng_template_3_Conditional_8_Template, 4, 7, "div", 34);
+    i0.ɵɵelementStart(9, "div", 35)(10, "button", 36);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Template_button_click_10_listener($event) { const result_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnOpenRecord(result_r12, $event)); });
+    i0.ɵɵelement(11, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 25);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_For_9_Template_button_click_13_listener($event) { const result_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleExpand(result_r5, $event)); });
-    i0.ɵɵelement(14, "i", 26);
+    i0.ɵɵelementStart(12, "button", 37);
+    i0.ɵɵlistener("click", function SearchResultsComponent_ng_template_3_Template_button_click_12_listener($event) { const result_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.ToggleExpand(result_r12, $event)); });
+    i0.ɵɵelement(13, "i", 38);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(15, SearchResultsComponent_Conditional_2_For_5_For_9_Conditional_15_Template, 21, 6, "div", 27);
+    i0.ɵɵconditionalCreate(14, SearchResultsComponent_ng_template_3_Conditional_14_Template, 25, 8, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const result_r5 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("result-card-expanded", ctx_r0.IsExpanded(result_r5.ID));
-    i0.ɵɵadvance(3);
-    i0.ɵɵclassMap(result_r5.EntityIcon || result_r5.SourceIcon || "fa-solid fa-database");
+    const result_r12 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("result-card-expanded", ctx_r0.IsExpanded(result_r12.ID));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(result_r5.RecordName || result_r5.Title);
+    i0.ɵɵclassMap(result_r12.EntityIcon || result_r12.SourceIcon || "fa-solid fa-database");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(result_r5.EntityName);
+    i0.ɵɵproperty("innerHTML", ctx_r0.HighlightMatch(result_r12.RecordName || result_r12.Title), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.ShowScores ? 9 : -1);
-    i0.ɵɵadvance(5);
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.IsExpanded(result_r5.ID))("fa-chevron-up", ctx_r0.IsExpanded(result_r5.ID));
+    i0.ɵɵproperty("innerHTML", ctx_r0.HighlightMatch(result_r12.EntityName), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.IsExpanded(result_r5.ID) ? 15 : -1);
-} }
-function SearchResultsComponent_Conditional_2_For_5_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const group_r3 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r3.SourceType)); });
-    i0.ɵɵelement(1, "i", 45);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const group_r3 = i0.ɵɵnextContext().$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" Show ", ctx_r0.GetHiddenCount(group_r3), " more results ");
-} }
-function SearchResultsComponent_Conditional_2_For_5_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
-    i0.ɵɵlistener("click", function SearchResultsComponent_Conditional_2_For_5_Template_div_click_1_listener() { const group_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.ToggleGroup(group_r3.SourceType)); });
-    i0.ɵɵconditionalCreate(2, SearchResultsComponent_Conditional_2_For_5_Conditional_2_Template, 1, 2, "i", 9);
-    i0.ɵɵelementStart(3, "span", 10);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 11);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "i", 12);
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(8, SearchResultsComponent_Conditional_2_For_5_For_9_Template, 16, 12, "div", 13, _forTrack1);
-    i0.ɵɵconditionalCreate(10, SearchResultsComponent_Conditional_2_For_5_Conditional_10_Template, 3, 1, "button", 14);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const group_r3 = ctx.$implicit;
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.ShowSourceIcons ? 2 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r3.Label);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("(", group_r3.TotalCount, ")");
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.IsGroupExpanded(group_r3.SourceType))("fa-chevron-up", ctx_r0.IsGroupExpanded(group_r3.SourceType));
+    i0.ɵɵconditional(result_r12.Tags && result_r12.Tags.length > 0 ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.GetVisibleResults(group_r3));
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r0.HasMoreResults(group_r3) ? 10 : -1);
-} }
-function SearchResultsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5)(1, "span");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SearchResultsComponent_Conditional_2_Conditional_3_Template, 2, 1, "span", 6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(4, SearchResultsComponent_Conditional_2_For_5_Template, 11, 8, "div", 7, _forTrack0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.ShowScores ? 8 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", ctx_r0.TotalCount, " results");
+    i0.ɵɵproperty("title", result_r12.ResultType === "storage-file" ? "Open file" : "Open record");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r0.ElapsedMs > 0 ? 3 : -1);
+    i0.ɵɵclassMap(result_r12.ResultType === "storage-file" ? "fa-solid fa-external-link" : "fa-solid fa-arrow-up-right-from-square");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r0.IsExpanded(result_r12.ID))("fa-chevron-up", ctx_r0.IsExpanded(result_r12.ID));
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r0.ResultGroups);
+    i0.ɵɵconditional(ctx_r0.IsExpanded(result_r12.ID) ? 14 : -1);
 } }
 export class SearchResultsComponent {
     cdr = inject(ChangeDetectorRef);
-    /** Grouped search results to display */
+    /** Grouped search results to display (used when DisplayMode is 'grouped') */
     ResultGroups = [];
+    /** Flat list of all results sorted by score (used when DisplayMode is 'flat') */
+    FlatResults = [];
+    /** Display mode: 'flat' for blended list sorted by score, 'grouped' for source-type groups */
+    DisplayMode = 'flat';
     /** Whether results are currently loading */
     IsLoading = false;
     /** Total result count */
     TotalCount = 0;
     /** Elapsed search time in ms */
     ElapsedMs = 0;
-    /** Maximum results per group before "Show more" */
+    /** Maximum results per group before "Show more" (grouped mode only) */
     MaxPerGroup = 5;
+    /** Results per page in flat mode */
+    PageSize = 10;
+    /** Whether to show the results summary line (count + time). Set false when parent provides its own header. */
+    ShowSummary = true;
     /** Whether to show score badges */
     ShowScores = true;
     /** Whether to show tags */
     ShowTags = true;
     /** Whether to show source type icons */
     ShowSourceIcons = true;
+    /** Text to highlight within result cards (e.g. from a client-side filter) */
+    HighlightText = '';
     ResultSelected = new EventEmitter();
     /** Emitted when user clicks "Open Record" — parent handles navigation */
     OpenRecordRequested = new EventEmitter();
+    /** Emitted when user clicks "See Similar Items" — parent runs a "more like this" search */
+    MoreLikeThisRequested = new EventEmitter();
+    /** Current page (1-based) for flat mode pagination */
+    CurrentPage = 1;
     /** Tracks which groups are expanded */
     ExpandedGroups = new Set();
     /** Set of expanded result card IDs — multiple can be open simultaneously */
     ExpandedResultIDs = new Set();
+    // ── Flat mode pagination ──
+    /** Get results for the current page in flat mode */
+    get PagedResults() {
+        const start = (this.CurrentPage - 1) * this.PageSize;
+        return this.FlatResults.slice(start, start + this.PageSize);
+    }
+    /** Total number of pages */
+    get TotalPages() {
+        return Math.ceil(this.FlatResults.length / this.PageSize);
+    }
+    /** Page numbers to display in the pager */
+    get PageNumbers() {
+        const total = this.TotalPages;
+        if (total <= 7)
+            return Array.from({ length: total }, (_, i) => i + 1);
+        const pages = [1];
+        const start = Math.max(2, this.CurrentPage - 2);
+        const end = Math.min(total - 1, this.CurrentPage + 2);
+        if (start > 2)
+            pages.push(-1); // ellipsis marker
+        for (let i = start; i <= end; i++)
+            pages.push(i);
+        if (end < total - 1)
+            pages.push(-1); // ellipsis marker
+        pages.push(total);
+        return pages;
+    }
+    /** Navigate to a specific page */
+    GoToPage(page) {
+        if (page < 1 || page > this.TotalPages)
+            return;
+        this.CurrentPage = page;
+        this.cdr.detectChanges();
+    }
+    // ── Grouped mode ──
     /** Toggle group expansion */
     ToggleGroup(sourceType) {
         if (this.ExpandedGroups.has(sourceType)) {
@@ -328,10 +565,23 @@ export class SearchResultsComponent {
     /** Handle "Open Record" button click */
     OnOpenRecord(result, event) {
         event.stopPropagation();
-        this.OpenRecordRequested.emit({
-            EntityName: result.EntityName,
-            RecordID: result.RecordID
-        });
+        this.OpenRecordRequested.emit(result);
+    }
+    /** Handle "See Similar Items" button click — emits the result for a "more like this" search */
+    OnMoreLikeThis(result, event) {
+        event.stopPropagation();
+        this.MoreLikeThisRequested.emit(result);
+    }
+    /**
+     * Wrap substrings matching HighlightText in <mark> tags for visual emphasis.
+     * The input is regex-escaped so user text is treated as a literal string.
+     */
+    HighlightMatch(text) {
+        if (!this.HighlightText || !text)
+            return text;
+        const escaped = this.HighlightText.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+        const regex = new RegExp(`(${escaped})`, 'gi');
+        return text.replace(regex, '<mark class="search-highlight">$1</mark>');
     }
     /** Format a score as a percentage */
     FormatScore(score) {
@@ -343,18 +593,114 @@ export class SearchResultsComponent {
             return `${ms}ms`;
         return `${(ms / 1000).toFixed(1)}s`;
     }
+    /** Resolved link cache per result ID */
+    resolvedLinksCache = new Map();
+    /**
+     * Resolve URL and Email fields from the result's RawMetadata using entity ExtendedType metadata.
+     * Returns clickable link entries with proper type classification.
+     */
+    GetResolvedLinks(result) {
+        if (this.resolvedLinksCache.has(result.ID)) {
+            return this.resolvedLinksCache.get(result.ID);
+        }
+        const links = [];
+        if (result.RawMetadata) {
+            try {
+                const meta = JSON.parse(result.RawMetadata);
+                const linkFields = this.GetLinkFields(result.EntityName);
+                for (const field of linkFields) {
+                    const value = meta[field.Name];
+                    if (value && typeof value === 'string' && value.trim().length > 0) {
+                        links.push({
+                            Value: value,
+                            Label: field.DisplayName,
+                            Type: field.Type
+                        });
+                    }
+                }
+            }
+            catch { /* ignore parse errors */ }
+        }
+        // Fallback: extract URLs from snippet if no ExtendedType fields found
+        if (links.length === 0) {
+            const urls = this.ExtractUrls(result.Snippet);
+            for (const url of urls) {
+                links.push({ Value: url, Label: '', Type: 'URL' });
+            }
+        }
+        this.resolvedLinksCache.set(result.ID, links);
+        return links;
+    }
+    /** Extract URLs from snippet text */
+    ExtractUrls(snippet) {
+        if (!snippet)
+            return [];
+        const urlRegex = /https?:\/\/[^\s,;)>"']+/g;
+        const matches = snippet.match(urlRegex);
+        return matches ? [...new Set(matches)] : [];
+    }
+    /** Truncate a URL for display */
+    TruncateUrl(url) {
+        try {
+            const parsed = new URL(url);
+            const path = parsed.pathname.length > 30
+                ? parsed.pathname.substring(0, 30) + '...'
+                : parsed.pathname;
+            return parsed.hostname + path;
+        }
+        catch {
+            return url.length > 50 ? url.substring(0, 50) + '...' : url;
+        }
+    }
+    /** Cache of URL/Email field info per entity name */
+    linkFieldsCache = new Map();
+    /**
+     * Get URL and Email fields for an entity using ExtendedType from entity metadata.
+     * Returns fields with ExtendedType='URL' or ExtendedType='Email'.
+     */
+    GetLinkFields(entityName) {
+        if (this.linkFieldsCache.has(entityName)) {
+            return this.linkFieldsCache.get(entityName);
+        }
+        try {
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === entityName);
+            if (!entityInfo) {
+                this.linkFieldsCache.set(entityName, []);
+                return [];
+            }
+            const linkFields = entityInfo.Fields
+                .filter(f => f.ExtendedType === 'URL' || f.ExtendedType === 'Email')
+                .map(f => ({
+                Name: f.Name,
+                DisplayName: f.DisplayNameOrName,
+                Type: f.ExtendedType
+            }));
+            this.linkFieldsCache.set(entityName, linkFields);
+            return linkFields;
+        }
+        catch {
+            this.linkFieldsCache.set(entityName, []);
+            return [];
+        }
+    }
     static ɵfac = function SearchResultsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SearchResultsComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultsComponent, selectors: [["mj-search-results"]], inputs: { ResultGroups: "ResultGroups", IsLoading: "IsLoading", TotalCount: "TotalCount", ElapsedMs: "ElapsedMs", MaxPerGroup: "MaxPerGroup", ShowScores: "ShowScores", ShowTags: "ShowTags", ShowSourceIcons: "ShowSourceIcons" }, outputs: { ResultSelected: "ResultSelected", OpenRecordRequested: "OpenRecordRequested" }, standalone: false, decls: 3, vars: 1, consts: [[1, "results-loading"], [1, "results-empty"], ["text", "Searching...", "size", "medium"], [1, "fa-solid", "fa-search", "results-empty-icon"], [1, "results-empty-text"], [1, "results-summary"], [1, "results-summary-time"], [1, "results-group"], [1, "results-group-header", 3, "click"], [3, "class"], [1, "results-group-label"], [1, "results-group-count"], [1, "fa-solid", "results-group-chevron"], [1, "result-card", 3, "result-card-expanded"], [1, "results-show-more"], [1, "result-card"], [1, "result-card-main", 3, "click"], [1, "result-card-icon-wrap"], [1, "result-card-body"], [1, "result-card-title"], [1, "result-card-entity"], [1, "result-card-score"], [1, "result-card-actions"], ["title", "Open record", 1, "result-open-btn", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square"], ["title", "Expand details", 1, "result-expand-btn", 3, "click"], [1, "fa-solid"], [1, "result-card-detail"], [1, "score-circle"], [1, "score-value"], [1, "detail-section"], [1, "detail-meta"], [1, "detail-meta-item"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-fingerprint"], [1, "detail-record-id"], [1, "fa-solid", "fa-signal"], [1, "detail-tags"], [1, "detail-actions"], [1, "detail-open-btn", 3, "click"], [1, "detail-label"], [1, "detail-snippet"], [1, "fa-solid", "fa-chart-bar"], [1, "result-card-tag"], [1, "results-show-more", 3, "click"], [1, "fa-solid", "fa-chevron-down"]], template: function SearchResultsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, SearchResultsComponent_Conditional_0_Template, 2, 0, "div", 0)(1, SearchResultsComponent_Conditional_1_Template, 4, 0, "div", 1)(2, SearchResultsComponent_Conditional_2_Template, 6, 2);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchResultsComponent, selectors: [["mj-search-results"]], inputs: { ResultGroups: "ResultGroups", FlatResults: "FlatResults", DisplayMode: "DisplayMode", IsLoading: "IsLoading", TotalCount: "TotalCount", ElapsedMs: "ElapsedMs", MaxPerGroup: "MaxPerGroup", PageSize: "PageSize", ShowSummary: "ShowSummary", ShowScores: "ShowScores", ShowTags: "ShowTags", ShowSourceIcons: "ShowSourceIcons", HighlightText: "HighlightText" }, outputs: { ResultSelected: "ResultSelected", OpenRecordRequested: "OpenRecordRequested", MoreLikeThisRequested: "MoreLikeThisRequested" }, standalone: false, decls: 5, vars: 1, consts: [["resultCardTpl", ""], [1, "results-loading"], [1, "results-empty"], ["text", "Searching...", "size", "medium"], [1, "fa-solid", "fa-search", "results-empty-icon"], [1, "results-empty-text"], [1, "results-summary"], [1, "results-summary-time"], [1, "results-scroll-area"], [1, "results-pager"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "pager-btn", "pager-prev", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-left"], [1, "pager-btn", "pager-next", 3, "click", "disabled"], [1, "fa-solid", "fa-chevron-right"], [1, "pager-ellipsis"], [1, "pager-btn", "pager-num", 3, "pager-active"], [1, "pager-btn", "pager-num", 3, "click"], [1, "results-group"], [1, "results-group-header", 3, "click"], [3, "class"], [1, "results-group-label"], [1, "results-group-count"], [1, "fa-solid", "results-group-chevron"], [1, "results-show-more"], [1, "results-show-more", 3, "click"], [1, "fa-solid", "fa-chevron-down"], [1, "result-card"], [1, "result-card-main", 3, "click"], [1, "result-card-icon-wrap"], [1, "result-card-body"], [1, "result-card-title", 3, "innerHTML"], [1, "result-card-entity", 3, "innerHTML"], [1, "result-card-tags"], [1, "result-card-score"], [1, "result-card-actions"], [1, "result-open-btn", 3, "click", "title"], ["title", "Expand details", 1, "result-expand-btn", 3, "click"], [1, "fa-solid"], [1, "result-card-detail"], [1, "result-tag-chip", 3, "innerHTML"], [1, "result-tag-more"], [1, "score-circle"], [1, "score-value"], [1, "detail-section"], [1, "detail-meta"], [1, "detail-meta-item"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-fingerprint"], [1, "detail-record-id"], [1, "fa-solid", "fa-signal"], [1, "detail-tags"], [1, "detail-links"], [1, "detail-actions"], [1, "detail-open-btn", 3, "click"], [1, "detail-similar-btn", 3, "click"], [1, "fa-solid", "fa-shuffle"], [1, "detail-label"], [1, "detail-snippet", 3, "innerHTML"], [1, "fa-solid", "fa-chart-bar"], [1, "result-card-tag", 3, "innerHTML"], ["target", "_blank", 1, "detail-link", 3, "href"], [1, "detail-link", "detail-link-email", 3, "href"], ["target", "_blank", 1, "detail-link", 3, "click", "href"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "detail-link", "detail-link-email", 3, "click", "href"], [1, "fa-solid", "fa-envelope"], [1, "fa-solid", "fa-external-link"]], template: function SearchResultsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SearchResultsComponent_Conditional_0_Template, 2, 0, "div", 1)(1, SearchResultsComponent_Conditional_1_Template, 4, 0, "div", 2)(2, SearchResultsComponent_Conditional_2_Template, 3, 2);
+            i0.ɵɵtemplate(3, SearchResultsComponent_ng_template_3_Template, 15, 16, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵconditional(ctx.IsLoading ? 0 : ctx.ResultGroups.length === 0 && ctx.TotalCount === 0 ? 1 : 2);
-        } }, dependencies: [i1.LoadingComponent], styles: ["\n\n\n.results-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 1rem;\n}\n\n.results-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1rem;\n    gap: 0.5rem;\n}\n\n.results-empty-icon[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 0.5rem;\n}\n\n.results-empty-text[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.results-summary[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-summary-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.results-group[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.results-group-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.results-group-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.results-group-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.results-group-count[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.results-group-chevron[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    transition: transform 0.2s ease;\n}\n\n\n\n.result-card[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin: 0 0 0.35rem 1.5rem;\n    overflow: hidden;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.result-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n}\n\n.result-card-expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.result-card-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.65rem 0.85rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-card-main[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.result-card-icon-wrap[_ngcontent-%COMP%] {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.8rem;\n    flex-shrink: 0;\n}\n\n.result-card-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-card-title[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-card-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.result-open-btn[_ngcontent-%COMP%], \n.result-expand-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.result-open-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.result-expand-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.result-card-detail[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem 0.85rem 3.5rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 0.65rem;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 0.25rem;\n    display: block;\n}\n\n.detail-snippet[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.detail-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 0.65rem;\n}\n\n.detail-meta-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.detail-meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.detail-record-id[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 0.7rem;\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.detail-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-bottom: 0.65rem;\n}\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.detail-open-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-open-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.result-card-snippet[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.result-card-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    margin-top: 0.35rem;\n}\n\n.result-card-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tag-more[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.result-card-score[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-circle[_ngcontent-%COMP%] {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.score-value[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n}\n\n\n\n.results-show-more[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    width: 100%;\n    padding: 0.5rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    justify-content: center;\n    transition: background 0.1s ease;\n}\n\n.results-show-more[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}"] });
+            i0.ɵɵconditional(ctx.IsLoading ? 0 : (ctx.DisplayMode === "flat" ? ctx.FlatResults.length : ctx.ResultGroups.length) === 0 && ctx.TotalCount === 0 ? 1 : 2);
+        } }, dependencies: [i1.NgTemplateOutlet, i2.LoadingComponent], styles: ["\n\n\n[_nghost-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1;\n}\n\n.results-scroll-area[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n}\n\n.results-loading[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 1rem;\n}\n\n.results-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1rem;\n    gap: 0.5rem;\n}\n\n.results-empty-icon[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 0.5rem;\n}\n\n.results-empty-text[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.results-summary[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-summary-time[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.results-group[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.results-group-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.results-group-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.results-group-label[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.results-group-count[_ngcontent-%COMP%] {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.results-group-chevron[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    transition: transform 0.2s ease;\n}\n\n\n\n.result-card[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin: 0 0 0.35rem 1.5rem;\n    overflow: hidden;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.result-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-default);\n}\n\n.result-card-expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.result-card-main[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.65rem 0.85rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-card-main[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.result-card-icon-wrap[_ngcontent-%COMP%] {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.8rem;\n    flex-shrink: 0;\n}\n\n.result-card-body[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-card-title[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-card-entity[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.result-tag-chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n}\n\n.result-tag-more[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.result-card-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.result-open-btn[_ngcontent-%COMP%], \n.result-expand-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.result-open-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.result-expand-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.result-card-detail[_ngcontent-%COMP%] {\n    padding: 0.75rem 1rem 0.85rem 3.5rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 0.65rem;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 0.25rem;\n    display: block;\n}\n\n.detail-snippet[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.detail-meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 0.65rem;\n}\n\n.detail-meta-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.detail-meta-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.65rem;\n}\n\n.detail-record-id[_ngcontent-%COMP%] {\n    font-family: monospace;\n    font-size: 0.7rem;\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.detail-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-bottom: 0.65rem;\n}\n\n.detail-links[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 8px;\n}\n\n.detail-link[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    font-size: 0.72rem;\n    color: var(--mj-text-link);\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-border-default));\n    text-decoration: none;\n    transition: background 0.15s ease;\n}\n\n.detail-link[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    text-decoration: underline;\n}\n\n.detail-link[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.6rem;\n}\n\n.detail-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.detail-open-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-open-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.detail-similar-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-similar-btn[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.result-card-snippet[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.result-card-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    margin-top: 0.35rem;\n}\n\n.result-card-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tag-more[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.result-card-score[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-circle[_ngcontent-%COMP%] {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    \n\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n    border: 2px solid color-mix(in srgb, var(--mj-text-muted) 25%, var(--mj-bg-surface));\n}\n.score-circle.score-high[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 40%, var(--mj-bg-surface));\n}\n.score-circle.score-medium[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n}\n.score-circle.score-low[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-text-muted) 25%, var(--mj-bg-surface));\n}\n\n.score-value[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n}\n.score-high[_ngcontent-%COMP%]   .score-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n.score-medium[_ngcontent-%COMP%]   .score-value[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n.score-low[_ngcontent-%COMP%]   .score-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n.results-show-more[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    width: 100%;\n    padding: 0.5rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    justify-content: center;\n    transition: background 0.1s ease;\n}\n\n.results-show-more[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.results-pager[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 0.75rem 0;\n    flex-shrink: 0;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface);\n}\n\n.pager-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 32px;\n    height: 32px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    padding: 0 6px;\n}\n\n.pager-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.pager-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.35;\n    cursor: default;\n}\n\n.pager-active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.pager-active[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    border-color: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n.pager-ellipsis[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n}\n\n.pager-prev[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.pager-next[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n}\n\n\n\n[_nghost-%COMP%]     .search-highlight, \n.search-highlight[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 35%, transparent);\n    color: inherit;\n    padding: 1px 2px;\n    border-radius: 2px;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchResultsComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-search-results', template: "@if (IsLoading) {\n    <div class=\"results-loading\">\n        <mj-loading text=\"Searching...\" size=\"medium\"></mj-loading>\n    </div>\n} @else if (ResultGroups.length === 0 && TotalCount === 0) {\n    <div class=\"results-empty\">\n        <i class=\"fa-solid fa-search results-empty-icon\"></i>\n        <p class=\"results-empty-text\">No results to display</p>\n    </div>\n} @else {\n    <!-- Results summary -->\n    <div class=\"results-summary\">\n        <span>{{ TotalCount }} results</span>\n        @if (ElapsedMs > 0) {\n            <span class=\"results-summary-time\"> in {{ FormatTime(ElapsedMs) }}</span>\n        }\n    </div>\n\n    <!-- Grouped results -->\n    @for (group of ResultGroups; track group.SourceType) {\n        <div class=\"results-group\">\n            <div class=\"results-group-header\" (click)=\"ToggleGroup(group.SourceType)\">\n                @if (ShowSourceIcons) {\n                    <i [class]=\"group.Icon + ' results-group-icon'\"></i>\n                }\n                <span class=\"results-group-label\">{{ group.Label }}</span>\n                <span class=\"results-group-count\">({{ group.TotalCount }})</span>\n                <i class=\"fa-solid results-group-chevron\"\n                   [class.fa-chevron-down]=\"!IsGroupExpanded(group.SourceType)\"\n                   [class.fa-chevron-up]=\"IsGroupExpanded(group.SourceType)\"></i>\n            </div>\n\n            @for (result of GetVisibleResults(group); track result.ID) {\n                <div class=\"result-card\" [class.result-card-expanded]=\"IsExpanded(result.ID)\">\n                    <!-- Main row -->\n                    <div class=\"result-card-main\" (click)=\"ToggleExpand(result)\">\n                        <div class=\"result-card-icon-wrap\">\n                            <i [class]=\"result.EntityIcon || result.SourceIcon || 'fa-solid fa-database'\"></i>\n                        </div>\n                        <div class=\"result-card-body\">\n                            <div class=\"result-card-title\">{{ result.RecordName || result.Title }}</div>\n                            <div class=\"result-card-entity\">{{ result.EntityName }}</div>\n                        </div>\n                        @if (ShowScores) {\n                            <div class=\"result-card-score\">\n                                <div class=\"score-circle\">\n                                    <span class=\"score-value\">{{ FormatScore(result.Score) }}</span>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"result-card-actions\">\n                            <button class=\"result-open-btn\" (click)=\"OnOpenRecord(result, $event)\" title=\"Open record\">\n                                <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                            </button>\n                            <button class=\"result-expand-btn\" (click)=\"ToggleExpand(result, $event)\" title=\"Expand details\">\n                                <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsExpanded(result.ID)\"\n                                   [class.fa-chevron-up]=\"IsExpanded(result.ID)\"></i>\n                            </button>\n                        </div>\n                    </div>\n\n                    <!-- Expanded detail -->\n                    @if (IsExpanded(result.ID)) {\n                        <div class=\"result-card-detail\">\n                            @if (result.Snippet) {\n                                <div class=\"detail-section\">\n                                    <span class=\"detail-label\">Preview</span>\n                                    <p class=\"detail-snippet\">{{ result.Snippet }}</p>\n                                </div>\n                            }\n                            <div class=\"detail-meta\">\n                                <div class=\"detail-meta-item\">\n                                    <i class=\"fa-solid fa-layer-group\"></i>\n                                    <span>{{ result.EntityName }}</span>\n                                </div>\n                                <div class=\"detail-meta-item\">\n                                    <i class=\"fa-solid fa-fingerprint\"></i>\n                                    <span class=\"detail-record-id\">{{ result.RecordID }}</span>\n                                </div>\n                                <div class=\"detail-meta-item\">\n                                    <i class=\"fa-solid fa-signal\"></i>\n                                    <span>{{ result.SourceType }} match</span>\n                                </div>\n                                @if (result.ScoreBreakdown) {\n                                    <div class=\"detail-meta-item\">\n                                        <i class=\"fa-solid fa-chart-bar\"></i>\n                                        <span>\n                                            @if (result.ScoreBreakdown.Vector) { Vector: {{ (result.ScoreBreakdown.Vector * 100).toFixed(0) }}% }\n                                            @if (result.ScoreBreakdown.FullText) { FTS: {{ (result.ScoreBreakdown.FullText * 100).toFixed(0) }}% }\n                                        </span>\n                                    </div>\n                                }\n                            </div>\n                            @if (ShowTags && result.Tags.length > 0) {\n                                <div class=\"detail-tags\">\n                                    @for (tag of result.Tags; track tag) {\n                                        <span class=\"result-card-tag\">{{ tag }}</span>\n                                    }\n                                </div>\n                            }\n                            <div class=\"detail-actions\">\n                                <button class=\"detail-open-btn\" (click)=\"OnOpenRecord(result, $event)\">\n                                    <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open Record\n                                </button>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n\n            @if (HasMoreResults(group)) {\n                <button class=\"results-show-more\" (click)=\"ToggleGroup(group.SourceType)\">\n                    <i class=\"fa-solid fa-chevron-down\"></i>\n                    Show {{ GetHiddenCount(group) }} more results\n                </button>\n            }\n        </div>\n    }\n}\n", styles: ["/* Search Results Component */\n\n.results-loading {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 1rem;\n}\n\n.results-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1rem;\n    gap: 0.5rem;\n}\n\n.results-empty-icon {\n    font-size: 2rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 0.5rem;\n}\n\n.results-empty-text {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.results-summary {\n    padding: 0.75rem 1rem;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-summary-time {\n    color: var(--mj-text-muted);\n}\n\n/* Group Header */\n.results-group {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-header {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.results-group-header:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.results-group-icon {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.results-group-label {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.results-group-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.results-group-chevron {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    transition: transform 0.2s ease;\n}\n\n/* Result Card \u2014 expandable */\n.result-card {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin: 0 0 0.35rem 1.5rem;\n    overflow: hidden;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.result-card:hover {\n    border-color: var(--mj-border-default);\n}\n\n.result-card-expanded {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.result-card-main {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.65rem 0.85rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-card-main:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.result-card-icon-wrap {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.8rem;\n    flex-shrink: 0;\n}\n\n.result-card-body {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-card-title {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-card-entity {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.result-open-btn,\n.result-expand-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.result-open-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.result-expand-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Expanded detail panel */\n.result-card-detail {\n    padding: 0.75rem 1rem 0.85rem 3.5rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.detail-section {\n    margin-bottom: 0.65rem;\n}\n\n.detail-label {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 0.25rem;\n    display: block;\n}\n\n.detail-snippet {\n    margin: 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.detail-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 0.65rem;\n}\n\n.detail-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.detail-meta-item i {\n    font-size: 0.65rem;\n}\n\n.detail-record-id {\n    font-family: monospace;\n    font-size: 0.7rem;\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-bottom: 0.65rem;\n}\n\n.detail-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.detail-open-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-open-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.result-card-snippet {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.result-card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    margin-top: 0.35rem;\n}\n\n.result-card-tag {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tag-more {\n    color: var(--mj-brand-primary);\n}\n\n.result-card-score {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-circle {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border: 2px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n}\n\n.score-value {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n}\n\n/* Show More Button */\n.results-show-more {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    width: 100%;\n    padding: 0.5rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    justify-content: center;\n    transition: background 0.1s ease;\n}\n\n.results-show-more:hover {\n    background: var(--mj-bg-surface-hover);\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-search-results', template: "@if (IsLoading) {\n    <div class=\"results-loading\">\n        <mj-loading text=\"Searching...\" size=\"medium\"></mj-loading>\n    </div>\n} @else if ((DisplayMode === 'flat' ? FlatResults.length : ResultGroups.length) === 0 && TotalCount === 0) {\n    <div class=\"results-empty\">\n        <i class=\"fa-solid fa-search results-empty-icon\"></i>\n        <p class=\"results-empty-text\">No results to display</p>\n    </div>\n} @else {\n    <!-- Results summary -->\n    @if (ShowSummary) {\n        <div class=\"results-summary\">\n            <span>{{ TotalCount }} results</span>\n            @if (ElapsedMs > 0) {\n                <span class=\"results-summary-time\"> in {{ FormatTime(ElapsedMs) }}</span>\n            }\n        </div>\n    }\n\n    @if (DisplayMode === 'flat') {\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 FLAT BLENDED LIST (sorted by score) \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        <div class=\"results-scroll-area\">\n            @for (result of PagedResults; track result.ID) {\n                <ng-container *ngTemplateOutlet=\"resultCardTpl; context: { $implicit: result }\"></ng-container>\n            }\n        </div>\n\n        <!-- Google-style pagination (sticky at bottom) -->\n        @if (TotalPages > 1) {\n            <div class=\"results-pager\">\n                <button class=\"pager-btn pager-prev\" [disabled]=\"CurrentPage === 1\"\n                        (click)=\"GoToPage(CurrentPage - 1)\">\n                    <i class=\"fa-solid fa-chevron-left\"></i>\n                </button>\n                @for (p of PageNumbers; track $index) {\n                    @if (p === -1) {\n                        <span class=\"pager-ellipsis\">...</span>\n                    } @else {\n                        <button class=\"pager-btn pager-num\" [class.pager-active]=\"p === CurrentPage\"\n                                (click)=\"GoToPage(p)\">{{ p }}</button>\n                    }\n                }\n                <button class=\"pager-btn pager-next\" [disabled]=\"CurrentPage === TotalPages\"\n                        (click)=\"GoToPage(CurrentPage + 1)\">\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                </button>\n            </div>\n        }\n    } @else {\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550 GROUPED BY SOURCE TYPE \u2550\u2550\u2550\u2550\u2550\u2550 -->\n        @for (group of ResultGroups; track group.SourceType) {\n            <div class=\"results-group\">\n                <div class=\"results-group-header\" (click)=\"ToggleGroup(group.SourceType)\">\n                    @if (ShowSourceIcons) {\n                        <i [class]=\"group.Icon + ' results-group-icon'\"></i>\n                    }\n                    <span class=\"results-group-label\">{{ group.Label }}</span>\n                    <span class=\"results-group-count\">({{ group.TotalCount }})</span>\n                    <i class=\"fa-solid results-group-chevron\"\n                       [class.fa-chevron-down]=\"!IsGroupExpanded(group.SourceType)\"\n                       [class.fa-chevron-up]=\"IsGroupExpanded(group.SourceType)\"></i>\n                </div>\n\n                @for (result of GetVisibleResults(group); track result.ID) {\n                    <ng-container *ngTemplateOutlet=\"resultCardTpl; context: { $implicit: result }\"></ng-container>\n                }\n\n                @if (HasMoreResults(group)) {\n                    <button class=\"results-show-more\" (click)=\"ToggleGroup(group.SourceType)\">\n                        <i class=\"fa-solid fa-chevron-down\"></i>\n                        Show {{ GetHiddenCount(group) }} more results\n                    </button>\n                }\n            </div>\n        }\n    }\n}\n\n<!-- \u2550\u2550\u2550 Shared result card template \u2550\u2550\u2550 -->\n<ng-template #resultCardTpl let-result>\n    <div class=\"result-card\" [class.result-card-expanded]=\"IsExpanded(result.ID)\">\n        <!-- Main row -->\n        <div class=\"result-card-main\" (click)=\"ToggleExpand(result)\">\n            <div class=\"result-card-icon-wrap\">\n                <i [class]=\"result.EntityIcon || result.SourceIcon || 'fa-solid fa-database'\"></i>\n            </div>\n            <div class=\"result-card-body\">\n                <div class=\"result-card-title\" [innerHTML]=\"HighlightMatch(result.RecordName || result.Title)\"></div>\n                <div class=\"result-card-entity\" [innerHTML]=\"HighlightMatch(result.EntityName)\"></div>\n                @if (result.Tags && result.Tags.length > 0) {\n                    <div class=\"result-card-tags\">\n                        @for (tag of result.Tags.slice(0, 5); track tag) {\n                            <span class=\"result-tag-chip\" [innerHTML]=\"HighlightMatch(tag)\"></span>\n                        }\n                        @if (result.Tags.length > 5) {\n                            <span class=\"result-tag-more\">+{{ result.Tags.length - 5 }}</span>\n                        }\n                    </div>\n                }\n            </div>\n            @if (ShowScores) {\n                <div class=\"result-card-score\">\n                    <div class=\"score-circle\" [class.score-high]=\"result.Score >= 0.40\" [class.score-medium]=\"result.Score >= 0.15 && result.Score < 0.40\" [class.score-low]=\"result.Score < 0.15\">\n                        <span class=\"score-value\">{{ FormatScore(result.Score) }}</span>\n                    </div>\n                </div>\n            }\n            <div class=\"result-card-actions\">\n                <button class=\"result-open-btn\" (click)=\"OnOpenRecord(result, $event)\"\n                        [title]=\"result.ResultType === 'storage-file' ? 'Open file' : 'Open record'\">\n                    <i [class]=\"result.ResultType === 'storage-file' ? 'fa-solid fa-external-link' : 'fa-solid fa-arrow-up-right-from-square'\"></i>\n                </button>\n                <button class=\"result-expand-btn\" (click)=\"ToggleExpand(result, $event)\" title=\"Expand details\">\n                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsExpanded(result.ID)\"\n                       [class.fa-chevron-up]=\"IsExpanded(result.ID)\"></i>\n                </button>\n            </div>\n        </div>\n\n        <!-- Expanded detail -->\n        @if (IsExpanded(result.ID)) {\n            <div class=\"result-card-detail\">\n                @if (result.Snippet) {\n                    <div class=\"detail-section\">\n                        <span class=\"detail-label\">Preview</span>\n                        <p class=\"detail-snippet\" [innerHTML]=\"HighlightMatch(result.Snippet)\"></p>\n                    </div>\n                }\n                <div class=\"detail-meta\">\n                    <div class=\"detail-meta-item\">\n                        <i class=\"fa-solid fa-layer-group\"></i>\n                        <span>{{ result.EntityName }}</span>\n                    </div>\n                    <div class=\"detail-meta-item\">\n                        <i class=\"fa-solid fa-fingerprint\"></i>\n                        <span class=\"detail-record-id\">{{ result.RecordID }}</span>\n                    </div>\n                    <!-- SR-1: Show overall score consistently -->\n                    <div class=\"detail-meta-item\">\n                        <i class=\"fa-solid fa-signal\"></i>\n                        <span>Relevance: {{ FormatScore(result.Score) }}</span>\n                    </div>\n                    @if (result.ScoreBreakdown) {\n                        <div class=\"detail-meta-item\">\n                            <i class=\"fa-solid fa-chart-bar\"></i>\n                            <span>\n                                @if (result.ScoreBreakdown.Vector) { Vector: {{ FormatScore(result.ScoreBreakdown.Vector) }} }\n                                @if (result.ScoreBreakdown.FullText) { FTS: {{ FormatScore(result.ScoreBreakdown.FullText) }} }\n                            </span>\n                        </div>\n                    }\n                </div>\n                @if (ShowTags && result.Tags.length > 0) {\n                    <div class=\"detail-tags\">\n                        @for (tag of result.Tags; track tag) {\n                            <span class=\"result-card-tag\" [innerHTML]=\"HighlightMatch(tag)\"></span>\n                        }\n                    </div>\n                }\n                @if (GetResolvedLinks(result).length > 0) {\n                    <div class=\"detail-links\">\n                        @for (link of GetResolvedLinks(result); track link.Value) {\n                            @if (link.Type === 'URL') {\n                                <a [href]=\"link.Value\" target=\"_blank\" class=\"detail-link\" (click)=\"$event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-arrow-up-right-from-square\"></i>\n                                    {{ TruncateUrl(link.Value) }}\n                                </a>\n                            } @else if (link.Type === 'Email') {\n                                <a [href]=\"'mailto:' + link.Value\" class=\"detail-link detail-link-email\" (click)=\"$event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-envelope\"></i>\n                                    {{ link.Value }}\n                                </a>\n                            }\n                        }\n                    </div>\n                }\n                <div class=\"detail-actions\">\n                    <button class=\"detail-open-btn\" (click)=\"OnOpenRecord(result, $event)\">\n                        @if (result.ResultType === 'storage-file') {\n                            <i class=\"fa-solid fa-external-link\"></i> Open File\n                        } @else {\n                            <i class=\"fa-solid fa-arrow-up-right-from-square\"></i> Open Record\n                        }\n                    </button>\n                    <button class=\"detail-similar-btn\" (click)=\"OnMoreLikeThis(result, $event)\">\n                        <i class=\"fa-solid fa-shuffle\"></i> See Similar Items\n                    </button>\n                </div>\n            </div>\n        }\n    </div>\n</ng-template>\n", styles: ["/* Search Results Component */\n\n:host {\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    flex: 1;\n}\n\n.results-scroll-area {\n    flex: 1;\n    overflow-y: auto;\n    min-height: 0;\n}\n\n.results-loading {\n    display: flex;\n    justify-content: center;\n    padding: 3rem 1rem;\n}\n\n.results-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 3rem 1rem;\n    gap: 0.5rem;\n}\n\n.results-empty-icon {\n    font-size: 2rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 0.5rem;\n}\n\n.results-empty-text {\n    color: var(--mj-text-muted);\n    font-size: 0.9rem;\n}\n\n.results-summary {\n    padding: 0.75rem 1rem;\n    color: var(--mj-text-secondary);\n    font-size: 0.85rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-summary-time {\n    color: var(--mj-text-muted);\n}\n\n/* Group Header */\n.results-group {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-header {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.75rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.results-group-header:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.results-group-icon {\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.results-group-label {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    flex: 1;\n}\n\n.results-group-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.results-group-chevron {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    transition: transform 0.2s ease;\n}\n\n/* Result Card \u2014 expandable */\n.result-card {\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin: 0 0 0.35rem 1.5rem;\n    overflow: hidden;\n    transition: border-color 0.15s, box-shadow 0.15s;\n}\n\n.result-card:hover {\n    border-color: var(--mj-border-default);\n}\n\n.result-card-expanded {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.result-card-main {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.65rem 0.85rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-card-main:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.result-card-icon-wrap {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.8rem;\n    flex-shrink: 0;\n}\n\n.result-card-body {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-card-title {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n    font-size: 0.85rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-card-entity {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-top: 4px;\n}\n\n.result-tag-chip {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n}\n\n.result-tag-more {\n    display: inline-block;\n    padding: 1px 6px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.result-card-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    flex-shrink: 0;\n}\n\n.result-open-btn,\n.result-expand-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.result-open-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.result-expand-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Expanded detail panel */\n.result-card-detail {\n    padding: 0.75rem 1rem 0.85rem 3.5rem;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.detail-section {\n    margin-bottom: 0.65rem;\n}\n\n.detail-label {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 0.25rem;\n    display: block;\n}\n\n.detail-snippet {\n    margin: 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.detail-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-bottom: 0.65rem;\n}\n\n.detail-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n.detail-meta-item i {\n    font-size: 0.65rem;\n}\n\n.detail-record-id {\n    font-family: monospace;\n    font-size: 0.7rem;\n    max-width: 180px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    margin-bottom: 0.65rem;\n}\n\n.detail-links {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 8px;\n}\n\n.detail-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 6px;\n    font-size: 0.72rem;\n    color: var(--mj-text-link);\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-border-default));\n    text-decoration: none;\n    transition: background 0.15s ease;\n}\n\n.detail-link:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    text-decoration: underline;\n}\n\n.detail-link i {\n    font-size: 0.6rem;\n}\n\n.detail-actions {\n    display: flex;\n    gap: 8px;\n}\n\n.detail-open-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-open-btn:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.detail-similar-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-size: 0.78rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.detail-similar-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.result-card-snippet {\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.result-card-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.25rem;\n    margin-top: 0.35rem;\n}\n\n.result-card-tag {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-card-tag-more {\n    color: var(--mj-brand-primary);\n}\n\n.result-card-score {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-circle {\n    width: 2.5rem;\n    height: 2.5rem;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* Default: neutral gray */\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n    border: 2px solid color-mix(in srgb, var(--mj-text-muted) 25%, var(--mj-bg-surface));\n}\n.score-circle.score-high {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-success) 40%, var(--mj-bg-surface));\n}\n.score-circle.score-medium {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-status-warning) 40%, var(--mj-bg-surface));\n}\n.score-circle.score-low {\n    background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n    border-color: color-mix(in srgb, var(--mj-text-muted) 25%, var(--mj-bg-surface));\n}\n\n.score-value {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n}\n.score-high .score-value {\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n.score-medium .score-value {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n.score-low .score-value {\n    color: var(--mj-text-muted);\n}\n\n/* Show More Button */\n.results-show-more {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    width: 100%;\n    padding: 0.5rem 1rem;\n    border: none;\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.82rem;\n    cursor: pointer;\n    justify-content: center;\n    transition: background 0.1s ease;\n}\n\n.results-show-more:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* Google-style Pagination \u2014 pinned at bottom */\n.results-pager {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 0.75rem 0;\n    flex-shrink: 0;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface);\n}\n\n.pager-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 32px;\n    height: 32px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.82rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    padding: 0 6px;\n}\n\n.pager-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.pager-btn:disabled {\n    opacity: 0.35;\n    cursor: default;\n}\n\n.pager-active {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.pager-active:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n    border-color: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n.pager-ellipsis {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n}\n\n.pager-prev i,\n.pager-next i {\n    font-size: 0.7rem;\n}\n\n/* Search text highlighting */\n:host ::ng-deep .search-highlight,\n.search-highlight {\n    background: color-mix(in srgb, var(--mj-status-warning) 35%, transparent);\n    color: inherit;\n    padding: 1px 2px;\n    border-radius: 2px;\n}\n"] }]
     }], null, { ResultGroups: [{
             type: Input
+        }], FlatResults: [{
+            type: Input
+        }], DisplayMode: [{
+            type: Input
         }], IsLoading: [{
             type: Input
         }], TotalCount: [{
@@ -363,16 +709,24 @@ export class SearchResultsComponent {
             type: Input
         }], MaxPerGroup: [{
             type: Input
+        }], PageSize: [{
+            type: Input
+        }], ShowSummary: [{
+            type: Input
         }], ShowScores: [{
             type: Input
         }], ShowTags: [{
             type: Input
         }], ShowSourceIcons: [{
             type: Input
+        }], HighlightText: [{
+            type: Input
         }], ResultSelected: [{
             type: Output
         }], OpenRecordRequested: [{
             type: Output
+        }], MoreLikeThisRequested: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchResultsComponent, { className: "SearchResultsComponent", filePath: "src/lib/search-results.component.ts", lineNumber: 25 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchResultsComponent, { className: "SearchResultsComponent", filePath: "src/lib/search-results.component.ts", lineNumber: 26 }); })();
 //# sourceMappingURL=search-results.component.js.map