@memberjunction/ng-conversations 2.107.0 → 2.108.0

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

@@ -10,30 +10,30 @@ const _c0 = ["searchInput"];
 const _forTrack0 = ($index, $item) => $item.id;
 function SearchPanelComponent_Conditional_0_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 28);
+    i0.ɵɵelementStart(0, "button", 30);
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearSearch()); });
     i0.ɵɵelement(1, "i", 10);
     i0.ɵɵelementEnd();
 } }
-function SearchPanelComponent_Conditional_0_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_33_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 29);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_27_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearDateRange()); });
-    i0.ɵɵelement(1, "i", 30);
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_33_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearDateRange()); });
+    i0.ɵɵelement(1, "i", 32);
     i0.ɵɵelementEnd();
 } }
-function SearchPanelComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵelement(1, "kendo-loader", 31);
+function SearchPanelComponent_Conditional_0_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 24);
+    i0.ɵɵelement(1, "kendo-loader", 33);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Searching...");
     i0.ɵɵelementEnd()();
 } }
-function SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_36_Conditional_0_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 39);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_30_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", 40);
+    i0.ɵɵelementStart(0, "button", 41);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_36_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.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -42,31 +42,31 @@ function SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_For_8_T
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(search_r7);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_36_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "div", 35)(2, "h3");
+    i0.ɵɵelementStart(0, "div", 34)(1, "div", 37)(2, "h3");
     i0.ɵɵtext(3, "Recent Searches");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 36);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.clearRecentSearches()); });
+    i0.ɵɵelementStart(4, "button", 38);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_36_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", 37);
-    i0.ɵɵrepeaterCreate(7, SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_For_8_Template, 4, 1, "button", 38, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(6, "div", 39);
+    i0.ɵɵrepeaterCreate(7, SearchPanelComponent_Conditional_0_Conditional_36_Conditional_0_For_8_Template, 4, 1, "button", 40, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
     i0.ɵɵrepeater(ctx_r1.recentSearches);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_Template, 9, 0, "div", 32);
-    i0.ɵɵelementStart(1, "div", 23);
-    i0.ɵɵelement(2, "i", 33);
+function SearchPanelComponent_Conditional_0_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, SearchPanelComponent_Conditional_0_Conditional_36_Conditional_0_Template, 9, 0, "div", 34);
+    i0.ɵɵelementStart(1, "div", 25);
+    i0.ɵɵelement(2, "i", 35);
     i0.ɵɵelementStart(3, "p");
-    i0.ɵɵtext(4, "Search across all your conversations, messages, and artifacts");
+    i0.ɵɵtext(4, "Search across all your conversations, messages, artifacts, collections, and tasks");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 34)(6, "h4");
+    i0.ɵɵelementStart(5, "div", 36)(6, "h4");
     i0.ɵɵtext(7, "Tips:");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "ul")(9, "li");
@@ -82,13 +82,13 @@ function SearchPanelComponent_Conditional_0_Conditional_30_Template(rf, ctx) { i
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵconditional(ctx_r1.recentSearches.length > 0 ? 0 : -1);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵelement(1, "i", 41);
+function SearchPanelComponent_Conditional_0_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵelement(1, "i", 43);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 42);
+    i0.ɵɵelementStart(4, "p", 44);
     i0.ɵɵtext(5, "Try adjusting your filters or search terms");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -96,25 +96,25 @@ function SearchPanelComponent_Conditional_0_Conditional_31_Template(rf, ctx) { i
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("No results found for \"", ctx_r1.searchQuery, "\"");
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 54);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
 } if (rf & 2) {
     const result_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r9.matchedText, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_32_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", 49);
-    i0.ɵɵelement(2, "i", 50);
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_38_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.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 51);
-    i0.ɵɵelement(4, "div", 52)(5, "div", 53);
-    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_For_6_Conditional_6_Template, 1, 1, "div", 54);
+    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
+    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_For_6_Conditional_6_Template, 1, 1, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 55)(8, "span", 56);
+    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -132,13 +132,13 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_For_6_T
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r9.createdAt));
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44)(1, "h3", 45);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
     i0.ɵɵelement(2, "i", 14);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 46);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_For_6_Template, 10, 8, "button", 47, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_For_6_Template, 10, 8, "button", 49, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -147,8 +147,8 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.results.conversations);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
     i0.ɵɵelement(1, "i", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -157,26 +157,26 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_C
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", result_r11.conversationName, " ");
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 54);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
 } if (rf & 2) {
     const result_r11 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r11.matchedText, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_32_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", 49);
-    i0.ɵɵelement(2, "i", 50);
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_38_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.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 51);
-    i0.ɵɵtemplate(4, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Conditional_4_Template, 3, 1, "div", 57);
-    i0.ɵɵelement(5, "div", 53);
-    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Conditional_6_Template, 1, 1, "div", 54);
+    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵtemplate(4, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Conditional_4_Template, 3, 1, "div", 59);
+    i0.ɵɵelement(5, "div", 55);
+    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Conditional_6_Template, 1, 1, "div", 56);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 55)(8, "span", 56);
+    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -194,13 +194,13 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_T
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r11.createdAt));
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44)(1, "h3", 45);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
     i0.ɵɵelement(2, "i", 15);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 46);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_For_6_Template, 10, 8, "button", 47, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_For_6_Template, 10, 8, "button", 49, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -209,8 +209,8 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.results.messages);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "span", 59);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "span", 61);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -218,8 +218,8 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_C
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(result_r13.artifactType);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
     i0.ɵɵelement(1, "i", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -228,27 +228,27 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_C
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", result_r13.conversationName, " ");
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 54);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
 } if (rf & 2) {
     const result_r13 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r13.matchedText, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
-    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_32_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", 49);
-    i0.ɵɵelement(2, "i", 50);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 51);
-    i0.ɵɵelement(4, "div", 52);
-    i0.ɵɵtemplate(5, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_5_Template, 3, 1, "div", 58)(6, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_6_Template, 3, 1, "div", 57);
-    i0.ɵɵelement(7, "div", 53);
-    i0.ɵɵtemplate(8, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Conditional_8_Template, 1, 1, "div", 54);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 55)(10, "span", 56);
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_38_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.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵelement(4, "div", 54);
+    i0.ɵɵtemplate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_5_Template, 3, 1, "div", 60)(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_6_Template, 3, 1, "div", 59);
+    i0.ɵɵelement(7, "div", 55);
+    i0.ɵɵtemplate(8, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Conditional_8_Template, 1, 1, "div", 56);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "div", 57)(10, "span", 58);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -270,13 +270,13 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_T
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r13.createdAt));
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44)(1, "h3", 45);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
     i0.ɵɵelement(2, "i", 16);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 46);
-    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_For_6_Template, 12, 10, "button", 47, _forTrack0);
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_For_6_Template, 12, 10, "button", 49, _forTrack0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -285,11 +285,113 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_Templat
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.results.artifacts);
 } }
-function SearchPanelComponent_Conditional_0_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
+} if (rf & 2) {
+    const result_r15 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r15.matchedText, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_38_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.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
+    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const result_r15 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r1.isResultSelected(result_r15));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getResultIcon(result_r15.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r15.title, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r15.preview, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r15.matchedText ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r15.createdAt));
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelement(2, "i", 17);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Collections (", ctx_r1.results.collections.length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.results.collections);
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_For_6_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 56);
+} if (rf & 2) {
+    const result_r17 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r17.matchedText, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 50);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Conditional_38_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.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 53);
+    i0.ɵɵelement(4, "div", 54)(5, "div", 55);
+    i0.ɵɵtemplate(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_For_6_Conditional_6_Template, 1, 1, "div", 56);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 57)(8, "span", 58);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const result_r17 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r1.isResultSelected(result_r17));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getResultIcon(result_r17.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r17.title, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r17.preview, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r17.matchedText ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.formatDate(result_r17.createdAt));
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 46)(1, "h3", 47);
+    i0.ɵɵelement(2, "i", 18);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 48);
+    i0.ɵɵrepeaterCreate(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_For_6_Template, 10, 8, "button", 49, _forTrack0);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Tasks (", ctx_r1.results.tasks.length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.results.tasks);
+} }
+function SearchPanelComponent_Conditional_0_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(2, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_2_Template, 7, 1, "div", 44)(3, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_3_Template, 7, 1, "div", 44)(4, SearchPanelComponent_Conditional_0_Conditional_32_Conditional_4_Template, 7, 1, "div", 44);
+    i0.ɵɵtemplate(2, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_2_Template, 7, 1, "div", 46)(3, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_3_Template, 7, 1, "div", 46)(4, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_4_Template, 7, 1, "div", 46)(5, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_5_Template, 7, 1, "div", 46)(6, SearchPanelComponent_Conditional_0_Conditional_38_Conditional_6_Template, 7, 1, "div", 46);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
@@ -300,6 +402,10 @@ function SearchPanelComponent_Conditional_0_Conditional_32_Template(rf, ctx) { i
     i0.ɵɵconditional(ctx_r1.results.messages.length > 0 ? 3 : -1);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.results.artifacts.length > 0 ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.results.collections.length > 0 ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.results.tasks.length > 0 ? 6 : -1);
 } }
 function SearchPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -337,37 +443,47 @@ function SearchPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("artifacts")); });
     i0.ɵɵelement(21, "i", 16);
     i0.ɵɵtext(22, " Artifacts ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "button", 13);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("collections")); });
+    i0.ɵɵelement(24, "i", 17);
+    i0.ɵɵtext(25, " Collections ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "button", 13);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("tasks")); });
+    i0.ɵɵelement(27, "i", 18);
+    i0.ɵɵtext(28, " Tasks ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 17)(24, "kendo-daterange")(25, "kendo-dateinput", 18);
-    i0.ɵɵtwoWayListener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_25_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dateRange.start, $event) || (ctx_r1.dateRange.start = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_25_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDateRangeChange()); });
+    i0.ɵɵelementStart(29, "div", 19)(30, "kendo-daterange")(31, "kendo-dateinput", 20);
+    i0.ɵɵtwoWayListener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_31_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dateRange.start, $event) || (ctx_r1.dateRange.start = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_31_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDateRangeChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "kendo-dateinput", 19);
-    i0.ɵɵtwoWayListener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_26_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dateRange.end, $event) || (ctx_r1.dateRange.end = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_26_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDateRangeChange()); });
+    i0.ɵɵelementStart(32, "kendo-dateinput", 21);
+    i0.ɵɵtwoWayListener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_32_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dateRange.end, $event) || (ctx_r1.dateRange.end = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function SearchPanelComponent_Conditional_0_Template_kendo_dateinput_valueChange_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDateRangeChange()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(27, SearchPanelComponent_Conditional_0_Conditional_27_Template, 2, 0, "button", 20);
+    i0.ɵɵtemplate(33, SearchPanelComponent_Conditional_0_Conditional_33_Template, 2, 0, "button", 22);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 21);
-    i0.ɵɵtemplate(29, SearchPanelComponent_Conditional_0_Conditional_29_Template, 4, 0, "div", 22)(30, SearchPanelComponent_Conditional_0_Conditional_30_Template, 15, 1, "div", 23)(31, SearchPanelComponent_Conditional_0_Conditional_31_Template, 6, 1, "div", 24)(32, SearchPanelComponent_Conditional_0_Conditional_32_Template, 5, 5);
+    i0.ɵɵelementStart(34, "div", 23);
+    i0.ɵɵtemplate(35, SearchPanelComponent_Conditional_0_Conditional_35_Template, 4, 0, "div", 24)(36, SearchPanelComponent_Conditional_0_Conditional_36_Template, 15, 1, "div", 25)(37, SearchPanelComponent_Conditional_0_Conditional_37_Template, 6, 1, "div", 26)(38, SearchPanelComponent_Conditional_0_Conditional_38_Template, 7, 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 25)(34, "div", 26)(35, "span", 27)(36, "kbd");
-    i0.ɵɵtext(37, "\u2191");
+    i0.ɵɵelementStart(39, "div", 27)(40, "div", 28)(41, "span", 29)(42, "kbd");
+    i0.ɵɵtext(43, "\u2191");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "kbd");
-    i0.ɵɵtext(39, "\u2193");
+    i0.ɵɵelementStart(44, "kbd");
+    i0.ɵɵtext(45, "\u2193");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(40, " Navigate");
+    i0.ɵɵtext(46, " Navigate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "span", 27)(42, "kbd");
-    i0.ɵɵtext(43, "\u21B5");
+    i0.ɵɵelementStart(47, "span", 29)(48, "kbd");
+    i0.ɵɵtext(49, "\u21B5");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(44, " Select");
+    i0.ɵɵtext(50, " Select");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(45, "span", 27)(46, "kbd");
-    i0.ɵɵtext(47, "Esc");
+    i0.ɵɵelementStart(51, "span", 29)(52, "kbd");
+    i0.ɵɵtext(53, "Esc");
     i0.ɵɵelementEnd();
-    i0.ɵɵtext(48, " Close");
+    i0.ɵɵtext(54, " Close");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -383,14 +499,18 @@ function SearchPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("active", ctx_r1.activeFilter === "messages");
     i0.ɵɵadvance(3);
     i0.ɵɵclassProp("active", ctx_r1.activeFilter === "artifacts");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "collections");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "tasks");
     i0.ɵɵadvance(5);
     i0.ɵɵtwoWayProperty("value", ctx_r1.dateRange.start);
     i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("value", ctx_r1.dateRange.end);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.dateRange.start || ctx_r1.dateRange.end ? 27 : -1);
+    i0.ɵɵconditional(ctx_r1.dateRange.start || ctx_r1.dateRange.end ? 33 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isSearching ? 29 : !ctx_r1.searchQuery ? 30 : ctx_r1.results.total === 0 ? 31 : 32);
+    i0.ɵɵconditional(ctx_r1.isSearching ? 35 : !ctx_r1.searchQuery ? 36 : ctx_r1.results.total === 0 ? 37 : 38);
 } }
 /**
  * Search panel component providing global search UI
@@ -413,6 +533,8 @@ export class SearchPanelComponent {
         conversations: [],
         messages: [],
         artifacts: [],
+        collections: [],
+        tasks: [],
         total: 0
     };
     recentSearches = [];
@@ -572,7 +694,9 @@ export class SearchPanelComponent {
         return [
             ...this.results.conversations,
             ...this.results.messages,
-            ...this.results.artifacts
+            ...this.results.artifacts,
+            ...this.results.collections,
+            ...this.results.tasks
         ];
     }
     /**
@@ -594,6 +718,10 @@ export class SearchPanelComponent {
                 return 'fa-comment';
             case 'artifact':
                 return 'fa-file-alt';
+            case 'collection':
+                return 'fa-folder';
+            case 'task':
+                return 'fa-tasks';
             default:
                 return 'fa-circle';
         }
@@ -611,6 +739,10 @@ export class SearchPanelComponent {
                 return 'Messages';
             case 'artifacts':
                 return 'Artifacts';
+            case 'collections':
+                return 'Collections';
+            case 'tasks':
+                return 'Tasks';
             default:
                 return 'All';
         }
@@ -684,15 +816,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" }, 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, and artifacts...", "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, "date-filter"], ["kendoDateRangeStartInput", "", "placeholder", "From", 3, "valueChange", "value"], ["kendoDateRangeEndInput", "", "placeholder", "To", 3, "valueChange", "value"], ["type", "button", "title", "Clear date range", 1, "clear-date-button"], [1, "search-results"], [1, "search-loading"], [1, "empty-state"], [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"], ["type", "converging-spinner", "size", "medium"], [1, "recent-searches"], [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) {
-            i0.ɵɵtemplate(0, SearchPanelComponent_Conditional_0_Template, 49, 14, "div", 1);
+        } }, inputs: { environmentId: "environmentId", currentUser: "currentUser", isOpen: "isOpen" }, outputs: { close: "close", resultSelected: "resultSelected" }, 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"], ["kendoDateRangeStartInput", "", "placeholder", "From", 3, "valueChange", "value"], ["kendoDateRangeEndInput", "", "placeholder", "To", 3, "valueChange", "value"], ["type", "button", "title", "Clear date range", 1, "clear-date-button"], [1, "search-results"], [1, "search-loading"], [1, "empty-state"], [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"], ["type", "converging-spinner", "size", "medium"], [1, "recent-searches"], [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) {
+            i0.ɵɵtemplate(0, SearchPanelComponent_Conditional_0_Template, 55, 18, "div", 1);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.isOpen ? 0 : -1);
         } }, dependencies: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.LoaderComponent, i4.DateInputComponent, i4.DateRangeComponent, i4.DateRangeStartInputDirective, i4.DateRangeEndInputDirective], styles: [".search-panel-overlay[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\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: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\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 #e0e0e0;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #f5f5f5;\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n  color: #666;\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: #333;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n  color: #999;\n}\n\n.clear-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: #666;\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: #e0e0e0;\n  color: #333;\n}\n\n.close-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: #666;\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: #f5f5f5;\n  color: #333;\n}\n\n\n\n.search-filters[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid #e0e0e0;\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 #ddd;\n  background: #ffffff;\n  color: #666;\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: #f5f5f5;\n  border-color: #ccc;\n}\n\n.filter-button.active[_ngcontent-%COMP%] {\n  background: #007bff;\n  color: #ffffff;\n  border-color: #007bff;\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: #666;\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: #333;\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: #666;\n}\n\n.results-summary[_ngcontent-%COMP%] {\n  padding: 8px 0 16px;\n  color: #666;\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: #333;\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.results-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #007bff;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\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: #f8f9fa;\n  border-color: #007bff;\n  transform: translateX(2px);\n}\n\n.result-item.selected[_ngcontent-%COMP%] {\n  background: #e7f3ff;\n  border-color: #007bff;\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: #f5f5f5;\n  border-radius: 6px;\n  color: #007bff;\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: #333;\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: #666;\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: #666;\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: #f8f9fa;\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: #007bff;\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: #e7f3ff;\n  color: #007bff;\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: #999;\n}\n\n\n\n.result-item[_ngcontent-%COMP%]   [_ngcontent-%COMP%]:deep(mark) {\n  background: #fff3cd;\n  color: #333;\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: #666;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: #ccc;\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: #999;\n  font-size: 13px;\n}\n\n.search-tips[_ngcontent-%COMP%] {\n  margin-top: 24px;\n  text-align: left;\n  background: #f8f9fa;\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: #333;\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: #333;\n  margin: 0;\n}\n\n.clear-recent-button[_ngcontent-%COMP%] {\n  border: none;\n  background: transparent;\n  color: #007bff;\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: #f5f5f5;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: #666;\n}\n\n.recent-search-item[_ngcontent-%COMP%]:hover {\n  background: #f8f9fa;\n  border-color: #ccc;\n}\n\n.recent-search-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: #999;\n}\n\n\n\n.search-footer[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-top: 1px solid #e0e0e0;\n  background: #f8f9fa;\n}\n\n.keyboard-hints[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: #666;\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: #ffffff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: #333;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\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: [{ 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, and artifacts...\"\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      </div>\n\n      <!-- Date Range Filter -->\n      <div class=\"date-filter\">\n        <kendo-daterange>\n          <kendo-dateinput\n            kendoDateRangeStartInput\n            [(value)]=\"dateRange.start\"\n            (valueChange)=\"onDateRangeChange()\"\n            placeholder=\"From\"\n          ></kendo-dateinput>\n          <kendo-dateinput\n            kendoDateRangeEndInput\n            [(value)]=\"dateRange.end\"\n            (valueChange)=\"onDateRangeChange()\"\n            placeholder=\"To\"\n          ></kendo-dateinput>\n        </kendo-daterange>\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          <kendo-loader type=\"converging-spinner\" size=\"medium\"></kendo-loader>\n          <span>Searching...</span>\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, and artifacts</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    </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: rgba(0, 0, 0, 0.5);\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: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\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 #e0e0e0;\n}\n\n.search-input-wrapper {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #f5f5f5;\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon {\n  color: #666;\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: #333;\n}\n\n.search-input::placeholder {\n  color: #999;\n}\n\n.clear-button {\n  border: none;\n  background: transparent;\n  color: #666;\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: #e0e0e0;\n  color: #333;\n}\n\n.close-button {\n  border: none;\n  background: transparent;\n  color: #666;\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: #f5f5f5;\n  color: #333;\n}\n\n/* Filters */\n.search-filters {\n  padding: 12px 16px;\n  border-bottom: 1px solid #e0e0e0;\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 #ddd;\n  background: #ffffff;\n  color: #666;\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: #f5f5f5;\n  border-color: #ccc;\n}\n\n.filter-button.active {\n  background: #007bff;\n  color: #ffffff;\n  border-color: #007bff;\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: #666;\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: #333;\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: #666;\n}\n\n.results-summary {\n  padding: 8px 0 16px;\n  color: #666;\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: #333;\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.results-group-title i {\n  color: #007bff;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item:hover {\n  background: #f8f9fa;\n  border-color: #007bff;\n  transform: translateX(2px);\n}\n\n.result-item.selected {\n  background: #e7f3ff;\n  border-color: #007bff;\n}\n\n.result-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f5f5f5;\n  border-radius: 6px;\n  color: #007bff;\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: #333;\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: #666;\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: #666;\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: #f8f9fa;\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation {\n  font-size: 12px;\n  color: #007bff;\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: #e7f3ff;\n  color: #007bff;\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: #999;\n}\n\n/* Highlight */\n.result-item :deep(mark) {\n  background: #fff3cd;\n  color: #333;\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: #666;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: #ccc;\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: #999;\n  font-size: 13px;\n}\n\n.search-tips {\n  margin-top: 24px;\n  text-align: left;\n  background: #f8f9fa;\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: #333;\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: #333;\n  margin: 0;\n}\n\n.clear-recent-button {\n  border: none;\n  background: transparent;\n  color: #007bff;\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: #f5f5f5;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: #666;\n}\n\n.recent-search-item:hover {\n  background: #f8f9fa;\n  border-color: #ccc;\n}\n\n.recent-search-item i {\n  color: #999;\n}\n\n/* Footer */\n.search-footer {\n  padding: 12px 16px;\n  border-top: 1px solid #e0e0e0;\n  background: #f8f9fa;\n}\n\n.keyboard-hints {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: #666;\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: #ffffff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: #333;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\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: [{ 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        <kendo-daterange>\n          <kendo-dateinput\n            kendoDateRangeStartInput\n            [(value)]=\"dateRange.start\"\n            (valueChange)=\"onDateRangeChange()\"\n            placeholder=\"From\"\n          ></kendo-dateinput>\n          <kendo-dateinput\n            kendoDateRangeEndInput\n            [(value)]=\"dateRange.end\"\n            (valueChange)=\"onDateRangeChange()\"\n            placeholder=\"To\"\n          ></kendo-dateinput>\n        </kendo-daterange>\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          <kendo-loader type=\"converging-spinner\" size=\"medium\"></kendo-loader>\n          <span>Searching...</span>\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: rgba(0, 0, 0, 0.5);\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: #ffffff;\n  border-radius: 8px;\n  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\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 #e0e0e0;\n}\n\n.search-input-wrapper {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #f5f5f5;\n  border-radius: 6px;\n  padding: 8px 12px;\n}\n\n.search-icon {\n  color: #666;\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: #333;\n}\n\n.search-input::placeholder {\n  color: #999;\n}\n\n.clear-button {\n  border: none;\n  background: transparent;\n  color: #666;\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: #e0e0e0;\n  color: #333;\n}\n\n.close-button {\n  border: none;\n  background: transparent;\n  color: #666;\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: #f5f5f5;\n  color: #333;\n}\n\n/* Filters */\n.search-filters {\n  padding: 12px 16px;\n  border-bottom: 1px solid #e0e0e0;\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 #ddd;\n  background: #ffffff;\n  color: #666;\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: #f5f5f5;\n  border-color: #ccc;\n}\n\n.filter-button.active {\n  background: #007bff;\n  color: #ffffff;\n  border-color: #007bff;\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: #666;\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: #333;\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: #666;\n}\n\n.results-summary {\n  padding: 8px 0 16px;\n  color: #666;\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: #333;\n  margin: 0 0 12px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid #f0f0f0;\n}\n\n.results-group-title i {\n  color: #007bff;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n}\n\n.result-item:hover {\n  background: #f8f9fa;\n  border-color: #007bff;\n  transform: translateX(2px);\n}\n\n.result-item.selected {\n  background: #e7f3ff;\n  border-color: #007bff;\n}\n\n.result-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #f5f5f5;\n  border-radius: 6px;\n  color: #007bff;\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: #333;\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: #666;\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: #666;\n  margin-top: 4px;\n  padding: 4px 8px;\n  background: #f8f9fa;\n  border-radius: 4px;\n  font-style: italic;\n}\n\n.result-conversation {\n  font-size: 12px;\n  color: #007bff;\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: #e7f3ff;\n  color: #007bff;\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: #999;\n}\n\n/* Highlight */\n.result-item :deep(mark) {\n  background: #fff3cd;\n  color: #333;\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: #666;\n}\n\n.empty-icon {\n  font-size: 48px;\n  color: #ccc;\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: #999;\n  font-size: 13px;\n}\n\n.search-tips {\n  margin-top: 24px;\n  text-align: left;\n  background: #f8f9fa;\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: #333;\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: #333;\n  margin: 0;\n}\n\n.clear-recent-button {\n  border: none;\n  background: transparent;\n  color: #007bff;\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: #f5f5f5;\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 #e0e0e0;\n  border-radius: 6px;\n  background: #ffffff;\n  cursor: pointer;\n  text-align: left;\n  transition: all 0.2s;\n  width: 100%;\n  font-size: 14px;\n  color: #666;\n}\n\n.recent-search-item:hover {\n  background: #f8f9fa;\n  border-color: #ccc;\n}\n\n.recent-search-item i {\n  color: #999;\n}\n\n/* Footer */\n.search-footer {\n  padding: 12px 16px;\n  border-top: 1px solid #e0e0e0;\n  background: #f8f9fa;\n}\n\n.keyboard-hints {\n  display: flex;\n  gap: 16px;\n  justify-content: center;\n  font-size: 12px;\n  color: #666;\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: #ffffff;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  font-family: 'Courier New', monospace;\n  font-size: 11px;\n  color: #333;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\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: [{