@memberjunction/ng-conversations 5.43.0 → 5.44.0

package/dist/lib/components/search/search-panel.component.js

@@ -30,9 +30,9 @@ function SearchPanelComponent_Conditional_0_Conditional_34_Template(rf, ctx) { i
 } }
 function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵelementStart(0, "button", 40);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_For_8_Template_button_click_0_listener() { const search_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.useRecentSearch(search_r7)); });
-    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelement(1, "i", 41);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -43,15 +43,15 @@ function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_For_8_T
 } }
 function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 37)(2, "h3");
+    i0.ɵɵelementStart(0, "div", 33)(1, "div", 36)(2, "h3");
     i0.ɵɵtext(3, "Recent Searches");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
+    i0.ɵɵelementStart(4, "button", 37);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearRecentSearches()); });
     i0.ɵɵtext(5, " Clear ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 39);
-    i0.ɵɵrepeaterCreate(7, SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_For_8_Template, 4, 1, "button", 40, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 38);
+    i0.ɵɵrepeaterCreate(7, SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_For_8_Template, 4, 1, "button", 39, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -60,43 +60,30 @@ function SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_Templat
 } }
 function SearchPanelComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(0, SearchPanelComponent_Conditional_0_Conditional_35_Conditional_0_Template, 9, 0, "div", 33);
-    i0.ɵɵelementStart(1, "div", 34);
-    i0.ɵɵelement(2, "i", 35);
-    i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "Search across all your conversations, messages, artifacts, collections, and tasks");
+    i0.ɵɵelementStart(1, "mj-empty-state", 34)(2, "div", 35)(3, "h4");
+    i0.ɵɵtext(4, "Tips:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 36)(6, "h4");
-    i0.ɵɵtext(7, "Tips:");
+    i0.ɵɵelementStart(5, "ul")(6, "li");
+    i0.ɵɵtext(7, "Use filters to narrow results");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "ul")(9, "li");
-    i0.ɵɵtext(10, "Use filters to narrow results");
+    i0.ɵɵelementStart(8, "li");
+    i0.ɵɵtext(9, "Set date range to find recent content");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "li");
-    i0.ɵɵtext(12, "Set date range to find recent content");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "li");
-    i0.ɵɵtext(14, "Use keyboard shortcuts to navigate");
+    i0.ɵɵelementStart(10, "li");
+    i0.ɵɵtext(11, "Use keyboard shortcuts to navigate");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.recentSearches.length > 0 ? 0 : -1);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25);
-    i0.ɵɵelement(1, "i", 43);
-    i0.ɵɵelementStart(2, "p");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 44);
-    i0.ɵɵtext(5, "Try adjusting your filters or search terms");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(0, "mj-empty-state", 25);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("No results found for \"", ctx_r1.searchQuery, "\"");
+    i0.ɵɵproperty("Title", ctx_r1.NoResultsMessage);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+    i0.ɵɵelement(0, "div", 53);
 } if (rf & 2) {
     const result_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -104,16 +91,16 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_C
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Template_button_click_0_listener() { const result_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectResult(result_r9)); });
-    i0.ɵɵelementStart(1, "div", 51);
-    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵelement(4, "div", 51)(5, "div", 52);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Conditional_6_Template, 1, 1, "div", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵelementStart(7, "div", 54)(8, "span", 55);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -132,12 +119,12 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_T
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r9.createdAt));
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelementStart(0, "div", 43)(1, "h3", 44);
     i0.ɵɵelement(2, "i", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_For_6_Template, 10, 8, "button", 46, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -147,7 +134,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_Templat
     i0.ɵɵrepeater(ctx_r1.results.conversations);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵelementStart(0, "div", 56);
     i0.ɵɵelement(1, "i", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -157,7 +144,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_C
     i0.ɵɵtextInterpolate1(" ", result_r11.conversationName, " ");
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+    i0.ɵɵelement(0, "div", 53);
 } if (rf & 2) {
     const result_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -165,17 +152,17 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_C
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Template_button_click_0_listener() { const result_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectResult(result_r11)); });
-    i0.ɵɵelementStart(1, "div", 51);
-    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵconditionalCreate(4, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_4_Template, 3, 1, "div", 59);
-    i0.ɵɵelement(5, "div", 55);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵconditionalCreate(4, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_4_Template, 3, 1, "div", 56);
+    i0.ɵɵelement(5, "div", 52);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Conditional_6_Template, 1, 1, "div", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵelementStart(7, "div", 54)(8, "span", 55);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -194,12 +181,12 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_T
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r11.createdAt));
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelementStart(0, "div", 43)(1, "h3", 44);
     i0.ɵɵelement(2, "i", 15);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_For_6_Template, 10, 8, "button", 46, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -209,7 +196,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_Templat
     i0.ɵɵrepeater(ctx_r1.results.messages);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 60)(1, "span", 61);
+    i0.ɵɵelementStart(0, "div", 57)(1, "span", 58);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -218,7 +205,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_C
     i0.ɵɵtextInterpolate(result_r13.artifactType);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵelementStart(0, "div", 56);
     i0.ɵɵelement(1, "i", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -228,7 +215,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_C
     i0.ɵɵtextInterpolate1(" ", result_r13.conversationName, " ");
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+    i0.ɵɵelement(0, "div", 53);
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -236,19 +223,19 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_C
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Template_button_click_0_listener() { const result_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectResult(result_r13)); });
-    i0.ɵɵelementStart(1, "div", 51);
-    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵelement(4, "div", 54);
-    i0.ɵɵconditionalCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_5_Template, 3, 1, "div", 60);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_6_Template, 3, 1, "div", 59);
-    i0.ɵɵelement(7, "div", 55);
-    i0.ɵɵconditionalCreate(8, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_8_Template, 1, 1, "div", 56);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵelement(4, "div", 51);
+    i0.ɵɵconditionalCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_5_Template, 3, 1, "div", 57);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_6_Template, 3, 1, "div", 56);
+    i0.ɵɵelement(7, "div", 52);
+    i0.ɵɵconditionalCreate(8, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Conditional_8_Template, 1, 1, "div", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 57)(10, "span", 58);
+    i0.ɵɵelementStart(9, "div", 54)(10, "span", 55);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -271,12 +258,12 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_T
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r13.createdAt));
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelementStart(0, "div", 43)(1, "h3", 44);
     i0.ɵɵelement(2, "i", 16);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Template, 12, 10, "button", 49, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_For_6_Template, 12, 10, "button", 46, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -286,7 +273,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_Templat
     i0.ɵɵrepeater(ctx_r1.results.artifacts);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+    i0.ɵɵelement(0, "div", 53);
 } if (rf & 2) {
     const result_r15 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -294,16 +281,16 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_C
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Template_button_click_0_listener() { const result_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectResult(result_r15)); });
-    i0.ɵɵelementStart(1, "div", 51);
-    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵelement(4, "div", 51)(5, "div", 52);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Conditional_6_Template, 1, 1, "div", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵelementStart(7, "div", 54)(8, "span", 55);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -322,12 +309,12 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_T
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r15.createdAt));
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelementStart(0, "div", 43)(1, "h3", 44);
     i0.ɵɵelement(2, "i", 17);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_For_6_Template, 10, 8, "button", 46, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -337,7 +324,7 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_Templat
     i0.ɵɵrepeater(ctx_r1.results.collections);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 56);
+    i0.ɵɵelement(0, "div", 53);
 } if (rf & 2) {
     const result_r17 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -345,16 +332,16 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_C
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Template_button_click_0_listener() { const result_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectResult(result_r17)); });
-    i0.ɵɵelementStart(1, "div", 51);
-    i0.ɵɵelement(2, "i", 52);
+    i0.ɵɵelementStart(1, "div", 48);
+    i0.ɵɵelement(2, "i", 49);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 53);
-    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementStart(3, "div", 50);
+    i0.ɵɵelement(4, "div", 51)(5, "div", 52);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Conditional_6_Template, 1, 1, "div", 53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵelementStart(7, "div", 54)(8, "span", 55);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -373,12 +360,12 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_T
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r17.createdAt));
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelementStart(0, "div", 43)(1, "h3", 44);
     i0.ɵɵelement(2, "i", 18);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_For_6_Template, 10, 8, "button", 46, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -388,14 +375,14 @@ function SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_Templat
     i0.ɵɵrepeater(ctx_r1.results.tasks);
 } }
 function SearchPanelComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵelementStart(0, "div", 42);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(2, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_Template, 7, 1, "div", 46);
-    i0.ɵɵconditionalCreate(3, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_Template, 7, 1, "div", 46);
-    i0.ɵɵconditionalCreate(4, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_Template, 7, 1, "div", 46);
-    i0.ɵɵconditionalCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_Template, 7, 1, "div", 46);
-    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_Template, 7, 1, "div", 46);
+    i0.ɵɵconditionalCreate(2, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_2_Template, 7, 1, "div", 43);
+    i0.ɵɵconditionalCreate(3, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_3_Template, 7, 1, "div", 43);
+    i0.ɵɵconditionalCreate(4, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_4_Template, 7, 1, "div", 43);
+    i0.ɵɵconditionalCreate(5, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_5_Template, 7, 1, "div", 43);
+    i0.ɵɵconditionalCreate(6, SearchPanelComponent_Conditional_0_Conditional_37_Conditional_6_Template, 7, 1, "div", 43);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
@@ -469,7 +456,7 @@ function SearchPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditionalCreate(32, SearchPanelComponent_Conditional_0_Conditional_32_Template, 2, 0, "button", 22);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(33, "div", 23);
-    i0.ɵɵconditionalCreate(34, SearchPanelComponent_Conditional_0_Conditional_34_Template, 2, 0, "div", 24)(35, SearchPanelComponent_Conditional_0_Conditional_35_Template, 15, 1)(36, SearchPanelComponent_Conditional_0_Conditional_36_Template, 6, 1, "div", 25)(37, SearchPanelComponent_Conditional_0_Conditional_37_Template, 7, 7);
+    i0.ɵɵconditionalCreate(34, SearchPanelComponent_Conditional_0_Conditional_34_Template, 2, 0, "div", 24)(35, SearchPanelComponent_Conditional_0_Conditional_35_Template, 12, 1)(36, SearchPanelComponent_Conditional_0_Conditional_36_Template, 1, 1, "mj-empty-state", 25)(37, SearchPanelComponent_Conditional_0_Conditional_37_Template, 7, 7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(38, "div", 26)(39, "div", 27)(40, "span", 28)(41, "kbd");
     i0.ɵɵtext(42, "\u2191");
@@ -543,6 +530,10 @@ export class SearchPanelComponent {
     };
     recentSearches = [];
     selectedIndex = -1;
+    /** Message for the "no results" empty state, echoing the search term. */
+    get NoResultsMessage() {
+        return `No results found for "${this.searchQuery}"`;
+    }
     destroy$ = new Subject();
     constructor(searchService) {
         this.searchService = searchService;
@@ -809,15 +800,15 @@ export class SearchPanelComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
         } }, hostBindings: function SearchPanelComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown", function SearchPanelComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyboard($event); });
-        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser", isOpen: "isOpen" }, outputs: { close: "close", resultSelected: "resultSelected" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["searchInput", ""], [1, "search-panel-overlay"], [1, "search-panel-overlay", 3, "click"], [1, "search-panel", 3, "click"], [1, "search-header"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search conversations, messages, artifacts, collections, and tasks...", "autocomplete", "off", 1, "search-input", 3, "ngModelChange", "input", "ngModel"], ["type", "button", "title", "Clear search", 1, "clear-button"], ["type", "button", "title", "Close (Esc)", 1, "close-button", 3, "click"], [1, "fa-solid", "fa-times"], [1, "search-filters"], [1, "filter-buttons"], ["type", "button", 1, "filter-button", 3, "click"], [1, "fa-solid", "fa-comments"], [1, "fa-solid", "fa-comment"], [1, "fa-solid", "fa-file-alt"], [1, "fa-solid", "fa-folder"], [1, "fa-solid", "fa-tasks"], [1, "date-filter"], ["Placeholder", "From", 3, "ngModelChange", "ngModel"], ["Placeholder", "To", 3, "ngModelChange", "ngModel"], ["type", "button", "title", "Clear date range", 1, "clear-date-button"], [1, "search-results"], [1, "search-loading"], [1, "no-results"], [1, "search-footer"], [1, "keyboard-hints"], [1, "hint"], ["type", "button", "title", "Clear search", 1, "clear-button", 3, "click"], ["type", "button", "title", "Clear date range", 1, "clear-date-button", 3, "click"], [1, "fa-solid", "fa-times-circle"], ["text", "Searching...", "size", "medium"], [1, "recent-searches"], [1, "empty-state"], [1, "fa-solid", "fa-search", "empty-icon"], [1, "search-tips"], [1, "recent-searches-header"], ["type", "button", "title", "Clear recent searches", 1, "clear-recent-button", 3, "click"], [1, "recent-searches-list"], ["type", "button", 1, "recent-search-item"], ["type", "button", 1, "recent-search-item", 3, "click"], [1, "fa-solid", "fa-history"], [1, "fa-solid", "fa-search-minus", "empty-icon"], [1, "no-results-hint"], [1, "results-summary"], [1, "results-group"], [1, "results-group-title"], [1, "results-list"], ["type", "button", 1, "result-item", 3, "selected"], ["type", "button", 1, "result-item", 3, "click"], [1, "result-icon"], [1, "fa-solid"], [1, "result-content"], [1, "result-title", 3, "innerHTML"], [1, "result-preview", 3, "innerHTML"], [1, "result-match", 3, "innerHTML"], [1, "result-meta"], [1, "result-date"], [1, "result-conversation"], [1, "result-type"], [1, "type-badge"]], template: function SearchPanelComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser", isOpen: "isOpen" }, outputs: { close: "close", resultSelected: "resultSelected" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["searchInput", ""], [1, "search-panel-overlay"], [1, "search-panel-overlay", 3, "click"], [1, "search-panel", 3, "click"], [1, "search-header"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search conversations, messages, artifacts, collections, and tasks...", "autocomplete", "off", 1, "search-input", 3, "ngModelChange", "input", "ngModel"], ["type", "button", "title", "Clear search", 1, "clear-button"], ["type", "button", "title", "Close (Esc)", 1, "close-button", 3, "click"], [1, "fa-solid", "fa-times"], [1, "search-filters"], [1, "filter-buttons"], ["type", "button", 1, "filter-button", 3, "click"], [1, "fa-solid", "fa-comments"], [1, "fa-solid", "fa-comment"], [1, "fa-solid", "fa-file-alt"], [1, "fa-solid", "fa-folder"], [1, "fa-solid", "fa-tasks"], [1, "date-filter"], ["Placeholder", "From", 3, "ngModelChange", "ngModel"], ["Placeholder", "To", 3, "ngModelChange", "ngModel"], ["type", "button", "title", "Clear date range", 1, "clear-date-button"], [1, "search-results"], [1, "search-loading"], ["Variant", "no-results", "Message", "Try adjusting your filters or search terms", 3, "Title"], [1, "search-footer"], [1, "keyboard-hints"], [1, "hint"], ["type", "button", "title", "Clear search", 1, "clear-button", 3, "click"], ["type", "button", "title", "Clear date range", 1, "clear-date-button", 3, "click"], [1, "fa-solid", "fa-times-circle"], ["text", "Searching...", "size", "medium"], [1, "recent-searches"], ["Icon", "fa-solid fa-magnifying-glass", "Message", "Search across all your conversations, messages, artifacts, collections, and tasks"], [1, "search-tips"], [1, "recent-searches-header"], ["type", "button", "title", "Clear recent searches", 1, "clear-recent-button", 3, "click"], [1, "recent-searches-list"], ["type", "button", 1, "recent-search-item"], ["type", "button", 1, "recent-search-item", 3, "click"], [1, "fa-solid", "fa-history"], [1, "results-summary"], [1, "results-group"], [1, "results-group-title"], [1, "results-list"], ["type", "button", 1, "result-item", 3, "selected"], ["type", "button", 1, "result-item", 3, "click"], [1, "result-icon"], [1, "fa-solid"], [1, "result-content"], [1, "result-title", 3, "innerHTML"], [1, "result-preview", 3, "innerHTML"], [1, "result-match", 3, "innerHTML"], [1, "result-meta"], [1, "result-date"], [1, "result-conversation"], [1, "result-type"], [1, "type-badge"]], template: function SearchPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, SearchPanelComponent_Conditional_0_Template, 54, 18, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen ? 0 : -1);
-        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJDatepickerComponent, i4.LoadingComponent], styles: [".search-panel-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  z-index: 10000;\n  padding-top: 10vh;\n  backdrop-filter: blur(2px);\n}\n\n.search-panel[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-xl);\n  width: 90%;\n  max-width: 800px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n.search-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  flex: 1;\n  border: none;\n  background: transparent;\n  font-size: 16px;\n  outline: none;\n  color: var(--mj-text-primary);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-primary);\n}\n\n.close-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.close-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-filters[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.filter-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-button[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.2s;\n}\n\n.filter-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n\n.filter-button.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-filter[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.clear-date-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s;\n}\n\n.clear-date-button[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-results[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.search-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  gap: 16px;\n  color: var(--mj-text-secondary);\n}\n\n.results-summary[_ngcontent-%COMP%] {\n  padding: 8px 0 16px;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.results-group[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.results-group-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.results-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  transform: translateX(2px);\n}\n\n.result-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.result-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.result-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.result-preview[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\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-match[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-brand-primary);\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.result-type[_ngcontent-%COMP%] {\n  margin-top: 4px;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.result-meta[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.result-date[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.result-item[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(mark) {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  padding: 2px 0;\n  border-radius: 2px;\n  font-weight: 600;\n}\n\n\n\n.empty-state[_ngcontent-%COMP%], \n.no-results[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n.no-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 8px 0;\n  font-size: 14px;\n}\n\n.no-results-hint[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n.search-tips[_ngcontent-%COMP%] {\n  margin-top: 24px;\n  text-align: left;\n  background: var(--mj-bg-surface-sunken);\n  padding: 16px;\n  border-radius: 6px;\n  max-width: 400px;\n}\n\n.search-tips[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.search-tips[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n}\n\n.search-tips[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  margin: 4px 0;\n}\n\n\n\n.recent-searches[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.recent-searches-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.recent-searches-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n.clear-recent-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: 13px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-recent-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.recent-searches-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.recent-search-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.recent-search-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.recent-search-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n.search-footer[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.keyboard-hints[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\nkbd[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 3px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: var(--mj-text-primary);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n\n\n@media (max-width: 768px) {\n  .search-panel[_ngcontent-%COMP%] {\n    width: 95%;\n    max-height: 90vh;\n  }\n\n  .search-filters[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .date-filter[_ngcontent-%COMP%] {\n    margin-left: 0;\n  }\n\n  .keyboard-hints[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n}"] });
+        } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJDatepickerComponent, i3.MJEmptyStateComponent, i4.LoadingComponent], styles: [".search-panel-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  z-index: 10000;\n  padding-top: 10vh;\n  backdrop-filter: blur(2px);\n}\n\n.search-panel[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-xl);\n  width: 90%;\n  max-width: 800px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\n\n.search-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n  flex: 1;\n  border: none;\n  background: transparent;\n  font-size: 16px;\n  outline: none;\n  color: var(--mj-text-primary);\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-primary);\n}\n\n.close-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.close-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-filters[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.filter-buttons[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-button[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.2s;\n}\n\n.filter-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n\n.filter-button.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-filter[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.clear-date-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s;\n}\n\n.clear-date-button[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-results[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.search-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  gap: 16px;\n  color: var(--mj-text-secondary);\n}\n\n.results-summary[_ngcontent-%COMP%] {\n  padding: 8px 0 16px;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.results-group[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.results-group-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.results-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  transform: translateX(2px);\n}\n\n.result-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.result-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.result-title[_ngcontent-%COMP%] {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.result-preview[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\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-match[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-brand-primary);\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.result-type[_ngcontent-%COMP%] {\n  margin-top: 4px;\n}\n\n.type-badge[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.result-meta[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.result-date[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.result-item[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(mark) {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  padding: 2px 0;\n  border-radius: 2px;\n  font-weight: 600;\n}\n\n\n\n.search-tips[_ngcontent-%COMP%] {\n  margin-top: 24px;\n  text-align: left;\n  background: var(--mj-bg-surface-sunken);\n  padding: 16px;\n  border-radius: 6px;\n  max-width: 400px;\n}\n\n.search-tips[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.search-tips[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n}\n\n.search-tips[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  margin: 4px 0;\n}\n\n\n\n.recent-searches[_ngcontent-%COMP%] {\n  margin-bottom: 24px;\n}\n\n.recent-searches-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.recent-searches-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n.clear-recent-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: 13px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-recent-button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.recent-searches-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.recent-search-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.recent-search-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.recent-search-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n\n\n.search-footer[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.keyboard-hints[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\nkbd[_ngcontent-%COMP%] {\n  display: inline-block;\n  padding: 3px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: var(--mj-text-primary);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n\n\n@media (max-width: 768px) {\n  .search-panel[_ngcontent-%COMP%] {\n    width: 95%;\n    max-height: 90vh;\n  }\n\n  .search-filters[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .date-filter[_ngcontent-%COMP%] {\n    margin-left: 0;\n  }\n\n  .keyboard-hints[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchPanelComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-search-panel', template: "@if (isOpen) {\n<div class=\"search-panel-overlay\" (click)=\"closePanel()\">\n  <div class=\"search-panel\" (click)=\"$event.stopPropagation()\">\n    <!-- Search Header -->\n    <div class=\"search-header\">\n      <div class=\"search-input-wrapper\">\n        <i class=\"fa-solid fa-search search-icon\"></i>\n        <input\n          #searchInput\n          type=\"text\"\n          class=\"search-input\"\n          placeholder=\"Search conversations, messages, artifacts, collections, and tasks...\"\n          [(ngModel)]=\"searchQuery\"\n          (input)=\"onSearchInput()\"\n          autocomplete=\"off\"\n        />\n        @if (searchQuery) {\n          <button\n            type=\"button\"\n            class=\"clear-button\"\n            (click)=\"clearSearch()\"\n            title=\"Clear search\"\n          >\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        }\n      </div>\n\n      <button\n        type=\"button\"\n        class=\"close-button\"\n        (click)=\"closePanel()\"\n        title=\"Close (Esc)\"\n      >\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <!-- Filters -->\n    <div class=\"search-filters\">\n      <div class=\"filter-buttons\">\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'all'\"\n          (click)=\"setFilter('all')\"\n        >\n          All\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'conversations'\"\n          (click)=\"setFilter('conversations')\"\n        >\n          <i class=\"fa-solid fa-comments\"></i>\n          Conversations\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'messages'\"\n          (click)=\"setFilter('messages')\"\n        >\n          <i class=\"fa-solid fa-comment\"></i>\n          Messages\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'artifacts'\"\n          (click)=\"setFilter('artifacts')\"\n        >\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Artifacts\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'collections'\"\n          (click)=\"setFilter('collections')\"\n        >\n          <i class=\"fa-solid fa-folder\"></i>\n          Collections\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'tasks'\"\n          (click)=\"setFilter('tasks')\"\n        >\n          <i class=\"fa-solid fa-tasks\"></i>\n          Tasks\n        </button>\n      </div>\n\n      <!-- Date Range Filter -->\n      <div class=\"date-filter\">\n        <mj-datepicker\n          [(ngModel)]=\"dateRange.start\"\n          (ngModelChange)=\"onDateRangeChange()\"\n          Placeholder=\"From\"\n        ></mj-datepicker>\n        <mj-datepicker\n          [(ngModel)]=\"dateRange.end\"\n          (ngModelChange)=\"onDateRangeChange()\"\n          Placeholder=\"To\"\n        ></mj-datepicker>\n        @if (dateRange.start || dateRange.end) {\n          <button\n            type=\"button\"\n            class=\"clear-date-button\"\n            (click)=\"clearDateRange()\"\n            title=\"Clear date range\"\n          >\n            <i class=\"fa-solid fa-times-circle\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Search Results -->\n    <div class=\"search-results\">\n      @if (isSearching) {\n        <div class=\"search-loading\">\n          <mj-loading text=\"Searching...\" size=\"medium\"></mj-loading>\n        </div>\n      } @else if (!searchQuery) {\n        <!-- Recent Searches -->\n        @if (recentSearches.length > 0) {\n          <div class=\"recent-searches\">\n            <div class=\"recent-searches-header\">\n              <h3>Recent Searches</h3>\n              <button\n                type=\"button\"\n                class=\"clear-recent-button\"\n                (click)=\"clearRecentSearches()\"\n                title=\"Clear recent searches\"\n              >\n                Clear\n              </button>\n            </div>\n            <div class=\"recent-searches-list\">\n              @for (search of recentSearches; track search) {\n                <button\n                  type=\"button\"\n                  class=\"recent-search-item\"\n                  (click)=\"useRecentSearch(search)\"\n                >\n                  <i class=\"fa-solid fa-history\"></i>\n                  <span>{{ search }}</span>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Empty State -->\n        <div class=\"empty-state\">\n          <i class=\"fa-solid fa-search empty-icon\"></i>\n          <p>Search across all your conversations, messages, artifacts, collections, and tasks</p>\n          <div class=\"search-tips\">\n            <h4>Tips:</h4>\n            <ul>\n              <li>Use filters to narrow results</li>\n              <li>Set date range to find recent content</li>\n              <li>Use keyboard shortcuts to navigate</li>\n            </ul>\n          </div>\n        </div>\n      } @else if (results.total === 0) {\n        <!-- No Results -->\n        <div class=\"no-results\">\n          <i class=\"fa-solid fa-search-minus empty-icon\"></i>\n          <p>No results found for \"{{ searchQuery }}\"</p>\n          <p class=\"no-results-hint\">Try adjusting your filters or search terms</p>\n        </div>\n      } @else {\n        <!-- Results Summary -->\n        <div class=\"results-summary\">\n          Found {{ results.total }} result{{ results.total === 1 ? '' : 's' }}\n        </div>\n\n        <!-- Conversations Results -->\n        @if (results.conversations.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-comments\"></i>\n              Conversations ({{ results.conversations.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.conversations; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Messages Results -->\n        @if (results.messages.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-comment\"></i>\n              Messages ({{ results.messages.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.messages; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    @if (result.conversationName) {\n                      <div class=\"result-conversation\">\n                        <i class=\"fa-solid fa-comments\"></i>\n                        {{ result.conversationName }}\n                      </div>\n                    }\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Artifacts Results -->\n        @if (results.artifacts.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-file-alt\"></i>\n              Artifacts ({{ results.artifacts.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.artifacts; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    @if (result.artifactType) {\n                      <div class=\"result-type\">\n                        <span class=\"type-badge\">{{ result.artifactType }}</span>\n                      </div>\n                    }\n                    @if (result.conversationName) {\n                      <div class=\"result-conversation\">\n                        <i class=\"fa-solid fa-comments\"></i>\n                        {{ result.conversationName }}\n                      </div>\n                    }\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Collections Results -->\n        @if (results.collections.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-folder\"></i>\n              Collections ({{ results.collections.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.collections; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Tasks Results -->\n        @if (results.tasks.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-tasks\"></i>\n              Tasks ({{ results.tasks.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.tasks; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Footer with keyboard hints -->\n    <div class=\"search-footer\">\n      <div class=\"keyboard-hints\">\n        <span class=\"hint\"><kbd>\u2191</kbd><kbd>\u2193</kbd> Navigate</span>\n        <span class=\"hint\"><kbd>\u21B5</kbd> Select</span>\n        <span class=\"hint\"><kbd>Esc</kbd> Close</span>\n      </div>\n    </div>\n  </div>\n</div>\n}\n", styles: [".search-panel-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  z-index: 10000;\n  padding-top: 10vh;\n  backdrop-filter: blur(2px);\n}\n\n.search-panel {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-xl);\n  width: 90%;\n  max-width: 800px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Header */\n.search-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.search-input-wrapper {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  font-size: 16px;\n  outline: none;\n  color: var(--mj-text-primary);\n}\n\n.search-input::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-button:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-primary);\n}\n\n.close-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.close-button:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n/* Filters */\n.search-filters {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.filter-buttons {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-button {\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.2s;\n}\n\n.filter-button:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n\n.filter-button.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-filter {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.clear-date-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s;\n}\n\n.clear-date-button:hover {\n  color: var(--mj-text-primary);\n}\n\n/* Results */\n.search-results {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.search-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  gap: 16px;\n  color: var(--mj-text-secondary);\n}\n\n.results-summary {\n  padding: 8px 0 16px;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.results-group {\n  margin-bottom: 24px;\n}\n\n.results-group-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-title i {\n  color: var(--mj-brand-primary);\n}\n\n.results-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.result-item {\n  display: flex;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  transform: translateX(2px);\n}\n\n.result-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.result-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.result-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.result-title {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.result-preview {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\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-match {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation {\n  font-size: 12px;\n  color: var(--mj-brand-primary);\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.result-type {\n  margin-top: 4px;\n}\n\n.type-badge {\n  display: inline-block;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.result-meta {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.result-date {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n/* Highlight */\n.result-item :deep(mark) {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  padding: 2px 0;\n  border-radius: 2px;\n  font-weight: 600;\n}\n\n/* Empty States */\n.empty-state,\n.no-results {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  color: var(--mj-text-secondary);\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: var(--mj-border-default);\n  margin-bottom: 16px;\n}\n\n.empty-state p,\n.no-results p {\n  margin: 8px 0;\n  font-size: 14px;\n}\n\n.no-results-hint {\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n.search-tips {\n  margin-top: 24px;\n  text-align: left;\n  background: var(--mj-bg-surface-sunken);\n  padding: 16px;\n  border-radius: 6px;\n  max-width: 400px;\n}\n\n.search-tips h4 {\n  margin: 0 0 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.search-tips ul {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n}\n\n.search-tips li {\n  margin: 4px 0;\n}\n\n/* Recent Searches */\n.recent-searches {\n  margin-bottom: 24px;\n}\n\n.recent-searches-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.recent-searches-header h3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n.clear-recent-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: 13px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-recent-button:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.recent-searches-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.recent-search-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.recent-search-item:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.recent-search-item i {\n  color: var(--mj-text-muted);\n}\n\n/* Footer */\n.search-footer {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.keyboard-hints {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.hint {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\nkbd {\n  display: inline-block;\n  padding: 3px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: var(--mj-text-primary);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .search-panel {\n    width: 95%;\n    max-height: 90vh;\n  }\n\n  .search-filters {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .date-filter {\n    margin-left: 0;\n  }\n\n  .keyboard-hints {\n    flex-wrap: wrap;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-search-panel', template: "@if (isOpen) {\n<div class=\"search-panel-overlay\" (click)=\"closePanel()\">\n  <div class=\"search-panel\" (click)=\"$event.stopPropagation()\">\n    <!-- Search Header -->\n    <div class=\"search-header\">\n      <div class=\"search-input-wrapper\">\n        <i class=\"fa-solid fa-search search-icon\"></i>\n        <input\n          #searchInput\n          type=\"text\"\n          class=\"search-input\"\n          placeholder=\"Search conversations, messages, artifacts, collections, and tasks...\"\n          [(ngModel)]=\"searchQuery\"\n          (input)=\"onSearchInput()\"\n          autocomplete=\"off\"\n        />\n        @if (searchQuery) {\n          <button\n            type=\"button\"\n            class=\"clear-button\"\n            (click)=\"clearSearch()\"\n            title=\"Clear search\"\n          >\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        }\n      </div>\n\n      <button\n        type=\"button\"\n        class=\"close-button\"\n        (click)=\"closePanel()\"\n        title=\"Close (Esc)\"\n      >\n        <i class=\"fa-solid fa-times\"></i>\n      </button>\n    </div>\n\n    <!-- Filters -->\n    <div class=\"search-filters\">\n      <div class=\"filter-buttons\">\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'all'\"\n          (click)=\"setFilter('all')\"\n        >\n          All\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'conversations'\"\n          (click)=\"setFilter('conversations')\"\n        >\n          <i class=\"fa-solid fa-comments\"></i>\n          Conversations\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'messages'\"\n          (click)=\"setFilter('messages')\"\n        >\n          <i class=\"fa-solid fa-comment\"></i>\n          Messages\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'artifacts'\"\n          (click)=\"setFilter('artifacts')\"\n        >\n          <i class=\"fa-solid fa-file-alt\"></i>\n          Artifacts\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'collections'\"\n          (click)=\"setFilter('collections')\"\n        >\n          <i class=\"fa-solid fa-folder\"></i>\n          Collections\n        </button>\n        <button\n          type=\"button\"\n          class=\"filter-button\"\n          [class.active]=\"activeFilter === 'tasks'\"\n          (click)=\"setFilter('tasks')\"\n        >\n          <i class=\"fa-solid fa-tasks\"></i>\n          Tasks\n        </button>\n      </div>\n\n      <!-- Date Range Filter -->\n      <div class=\"date-filter\">\n        <mj-datepicker\n          [(ngModel)]=\"dateRange.start\"\n          (ngModelChange)=\"onDateRangeChange()\"\n          Placeholder=\"From\"\n        ></mj-datepicker>\n        <mj-datepicker\n          [(ngModel)]=\"dateRange.end\"\n          (ngModelChange)=\"onDateRangeChange()\"\n          Placeholder=\"To\"\n        ></mj-datepicker>\n        @if (dateRange.start || dateRange.end) {\n          <button\n            type=\"button\"\n            class=\"clear-date-button\"\n            (click)=\"clearDateRange()\"\n            title=\"Clear date range\"\n          >\n            <i class=\"fa-solid fa-times-circle\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Search Results -->\n    <div class=\"search-results\">\n      @if (isSearching) {\n        <div class=\"search-loading\">\n          <mj-loading text=\"Searching...\" size=\"medium\"></mj-loading>\n        </div>\n      } @else if (!searchQuery) {\n        <!-- Recent Searches -->\n        @if (recentSearches.length > 0) {\n          <div class=\"recent-searches\">\n            <div class=\"recent-searches-header\">\n              <h3>Recent Searches</h3>\n              <button\n                type=\"button\"\n                class=\"clear-recent-button\"\n                (click)=\"clearRecentSearches()\"\n                title=\"Clear recent searches\"\n              >\n                Clear\n              </button>\n            </div>\n            <div class=\"recent-searches-list\">\n              @for (search of recentSearches; track search) {\n                <button\n                  type=\"button\"\n                  class=\"recent-search-item\"\n                  (click)=\"useRecentSearch(search)\"\n                >\n                  <i class=\"fa-solid fa-history\"></i>\n                  <span>{{ search }}</span>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Empty State -->\n        <mj-empty-state\n          Icon=\"fa-solid fa-magnifying-glass\"\n          Message=\"Search across all your conversations, messages, artifacts, collections, and tasks\">\n          <div class=\"search-tips\">\n            <h4>Tips:</h4>\n            <ul>\n              <li>Use filters to narrow results</li>\n              <li>Set date range to find recent content</li>\n              <li>Use keyboard shortcuts to navigate</li>\n            </ul>\n          </div>\n        </mj-empty-state>\n      } @else if (results.total === 0) {\n        <!-- No Results -->\n        <mj-empty-state\n          Variant=\"no-results\"\n          [Title]=\"NoResultsMessage\"\n          Message=\"Try adjusting your filters or search terms\" />\n      } @else {\n        <!-- Results Summary -->\n        <div class=\"results-summary\">\n          Found {{ results.total }} result{{ results.total === 1 ? '' : 's' }}\n        </div>\n\n        <!-- Conversations Results -->\n        @if (results.conversations.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-comments\"></i>\n              Conversations ({{ results.conversations.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.conversations; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Messages Results -->\n        @if (results.messages.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-comment\"></i>\n              Messages ({{ results.messages.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.messages; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    @if (result.conversationName) {\n                      <div class=\"result-conversation\">\n                        <i class=\"fa-solid fa-comments\"></i>\n                        {{ result.conversationName }}\n                      </div>\n                    }\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Artifacts Results -->\n        @if (results.artifacts.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-file-alt\"></i>\n              Artifacts ({{ results.artifacts.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.artifacts; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    @if (result.artifactType) {\n                      <div class=\"result-type\">\n                        <span class=\"type-badge\">{{ result.artifactType }}</span>\n                      </div>\n                    }\n                    @if (result.conversationName) {\n                      <div class=\"result-conversation\">\n                        <i class=\"fa-solid fa-comments\"></i>\n                        {{ result.conversationName }}\n                      </div>\n                    }\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Collections Results -->\n        @if (results.collections.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-folder\"></i>\n              Collections ({{ results.collections.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.collections; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n\n        <!-- Tasks Results -->\n        @if (results.tasks.length > 0) {\n          <div class=\"results-group\">\n            <h3 class=\"results-group-title\">\n              <i class=\"fa-solid fa-tasks\"></i>\n              Tasks ({{ results.tasks.length }})\n            </h3>\n            <div class=\"results-list\">\n              @for (result of results.tasks; track result.id) {\n                <button\n                  type=\"button\"\n                  class=\"result-item\"\n                  [class.selected]=\"isResultSelected(result)\"\n                  (click)=\"selectResult(result)\"\n                >\n                  <div class=\"result-icon\">\n                    <i class=\"fa-solid\" [class]=\"getResultIcon(result.type)\"></i>\n                  </div>\n                  <div class=\"result-content\">\n                    <div class=\"result-title\" [innerHTML]=\"highlightMatch(result.title, searchQuery)\"></div>\n                    <div class=\"result-preview\" [innerHTML]=\"highlightMatch(result.preview, searchQuery)\"></div>\n                    @if (result.matchedText) {\n                      <div class=\"result-match\" [innerHTML]=\"highlightMatch(result.matchedText, searchQuery)\"></div>\n                    }\n                  </div>\n                  <div class=\"result-meta\">\n                    <span class=\"result-date\">{{ formatDate(result.createdAt) }}</span>\n                  </div>\n                </button>\n              }\n            </div>\n          </div>\n        }\n      }\n    </div>\n\n    <!-- Footer with keyboard hints -->\n    <div class=\"search-footer\">\n      <div class=\"keyboard-hints\">\n        <span class=\"hint\"><kbd>\u2191</kbd><kbd>\u2193</kbd> Navigate</span>\n        <span class=\"hint\"><kbd>\u21B5</kbd> Select</span>\n        <span class=\"hint\"><kbd>Esc</kbd> Close</span>\n      </div>\n    </div>\n  </div>\n</div>\n}\n", styles: [".search-panel-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--mj-bg-overlay);\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n  z-index: 10000;\n  padding-top: 10vh;\n  backdrop-filter: blur(2px);\n}\n\n.search-panel {\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  box-shadow: var(--mj-shadow-xl);\n  width: 90%;\n  max-width: 800px;\n  max-height: 80vh;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n/* Header */\n.search-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.search-input-wrapper {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.search-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  font-size: 16px;\n  outline: none;\n  color: var(--mj-text-primary);\n}\n\n.search-input::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-button:hover {\n  background: var(--mj-bg-surface-active);\n  color: var(--mj-text-primary);\n}\n\n.close-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.close-button:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-primary);\n}\n\n/* Filters */\n.search-filters {\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.filter-buttons {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-button {\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  padding: 6px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.2s;\n}\n\n.filter-button:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-color: var(--mj-border-strong);\n}\n\n.filter-button.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-filter {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n}\n\n.clear-date-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  padding: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: color 0.2s;\n}\n\n.clear-date-button:hover {\n  color: var(--mj-text-primary);\n}\n\n/* Results */\n.search-results {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n}\n\n.search-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  gap: 16px;\n  color: var(--mj-text-secondary);\n}\n\n.results-summary {\n  padding: 8px 0 16px;\n  color: var(--mj-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n}\n\n.results-group {\n  margin-bottom: 24px;\n}\n\n.results-group-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.results-group-title i {\n  color: var(--mj-brand-primary);\n}\n\n.results-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.result-item {\n  display: flex;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-brand-primary);\n  transform: translateX(2px);\n}\n\n.result-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border-color: var(--mj-brand-primary);\n}\n\n.result-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 6px;\n  color: var(--mj-brand-primary);\n  flex-shrink: 0;\n}\n\n.result-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.result-title {\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.result-preview {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\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-match {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation {\n  font-size: 12px;\n  color: var(--mj-brand-primary);\n  margin-bottom: 4px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.result-type {\n  margin-top: 4px;\n}\n\n.type-badge {\n  display: inline-block;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 500;\n}\n\n.result-meta {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.result-date {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n/* Highlight */\n.result-item :deep(mark) {\n  background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n  color: var(--mj-text-primary);\n  padding: 2px 0;\n  border-radius: 2px;\n  font-weight: 600;\n}\n\n/* Search tips \u2014 projected into the initial empty state's content slot */\n.search-tips {\n  margin-top: 24px;\n  text-align: left;\n  background: var(--mj-bg-surface-sunken);\n  padding: 16px;\n  border-radius: 6px;\n  max-width: 400px;\n}\n\n.search-tips h4 {\n  margin: 0 0 8px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n\n.search-tips ul {\n  margin: 0;\n  padding-left: 20px;\n  font-size: 13px;\n}\n\n.search-tips li {\n  margin: 4px 0;\n}\n\n/* Recent Searches */\n.recent-searches {\n  margin-bottom: 24px;\n}\n\n.recent-searches-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 12px;\n}\n\n.recent-searches-header h3 {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  margin: 0;\n}\n\n.clear-recent-button {\n  border: none;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n  font-size: 13px;\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.2s;\n}\n\n.clear-recent-button:hover {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.recent-searches-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.recent-search-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.recent-search-item:hover {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.recent-search-item i {\n  color: var(--mj-text-muted);\n}\n\n/* Footer */\n.search-footer {\n  padding: 12px 16px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-sunken);\n}\n\n.keyboard-hints {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n\n.hint {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\nkbd {\n  display: inline-block;\n  padding: 3px 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: var(--mj-text-primary);\n  box-shadow: var(--mj-shadow-sm);\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n  .search-panel {\n    width: 95%;\n    max-height: 90vh;\n  }\n\n  .search-filters {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .date-filter {\n    margin-left: 0;\n  }\n\n  .keyboard-hints {\n    flex-wrap: wrap;\n  }\n}\n"] }]
     }], () => [{ type: i1.SearchService }], { environmentId: [{
             type: Input
         }], currentUser: [{