@memberjunction/ng-conversations 2.104.0

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

@@ -0,0 +1,714 @@
+import { Component, Output, EventEmitter, Input, HostListener, ViewChild } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/search.service";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-indicators";
+import * as i4 from "@progress/kendo-angular-dateinputs";
+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.ɵɵ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) {
+    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.ɵɵelementEnd();
+} }
+function SearchPanelComponent_Conditional_0_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "kendo-loader", 31);
+    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) {
+    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(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const search_r7 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(search_r7);
+} }
+function SearchPanelComponent_Conditional_0_Conditional_30_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 32)(1, "div", 35)(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.ɵɵ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.ɵɵ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);
+    i0.ɵɵelementStart(3, "p");
+    i0.ɵɵtext(4, "Search across all your conversations, messages, and artifacts");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 34)(6, "h4");
+    i0.ɵɵtext(7, "Tips:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "ul")(9, "li");
+    i0.ɵɵtext(10, "Use filters to narrow results");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "li");
+    i0.ɵɵtext(12, "Set date range to find recent content");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "li");
+    i0.ɵɵtext(14, "Use keyboard shortcuts to navigate");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    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);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 42);
+    i0.ɵɵtext(5, "Try adjusting your filters or search terms");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    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);
+} 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) {
+    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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 55)(8, "span", 56);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const result_r9 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r1.isResultSelected(result_r9));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getResultIcon(result_r9.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r9.title, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r9.preview, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r9.matchedText ? 6 : -1);
+    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);
+    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.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Conversations (", ctx_r1.results.conversations.length, ") ");
+    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);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const result_r11 = i0.ɵɵnextContext().$implicit;
+    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);
+} 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) {
+    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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 55)(8, "span", 56);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const result_r11 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r1.isResultSelected(result_r11));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getResultIcon(result_r11.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(result_r11.conversationName ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r11.preview, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r11.matchedText ? 6 : -1);
+    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);
+    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.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Messages (", ctx_r1.results.messages.length, ") ");
+    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);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const result_r13 = i0.ɵɵnextContext().$implicit;
+    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);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const result_r13 = i0.ɵɵnextContext().$implicit;
+    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);
+} 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) {
+    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.ɵɵtext(11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const result_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r1.isResultSelected(result_r13));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.getResultIcon(result_r13.type));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r13.title, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r13.artifactType ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r13.conversationName ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r1.highlightMatch(result_r13.preview, ctx_r1.searchQuery), i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(result_r13.matchedText ? 8 : -1);
+    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);
+    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.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" Artifacts (", ctx_r1.results.artifacts.length, ") ");
+    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);
+    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);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" Found ", ctx_r1.results.total, " result", ctx_r1.results.total === 1 ? "" : "s", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.results.conversations.length > 0 ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.results.messages.length > 0 ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.results.artifacts.length > 0 ? 4 : -1);
+} }
+function SearchPanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵelementStart(1, "div", 3);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 4)(3, "div", 5);
+    i0.ɵɵelement(4, "i", 6);
+    i0.ɵɵelementStart(5, "input", 7, 0);
+    i0.ɵɵtwoWayListener("ngModelChange", function SearchPanelComponent_Conditional_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.searchQuery, $event) || (ctx_r1.searchQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("input", function SearchPanelComponent_Conditional_0_Template_input_input_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearchInput()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, SearchPanelComponent_Conditional_0_Conditional_7_Template, 2, 0, "button", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 9);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵelement(9, "i", 10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 11)(11, "div", 12)(12, "button", 13);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("all")); });
+    i0.ɵɵtext(13, " All ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 13);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("conversations")); });
+    i0.ɵɵelement(15, "i", 14);
+    i0.ɵɵtext(16, " Conversations ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 13);
+    i0.ɵɵlistener("click", function SearchPanelComponent_Conditional_0_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setFilter("messages")); });
+    i0.ɵɵelement(18, "i", 15);
+    i0.ɵɵtext(19, " Messages ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "button", 13);
+    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, "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.ɵɵ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.ɵɵelementEnd()();
+    i0.ɵɵtemplate(27, SearchPanelComponent_Conditional_0_Conditional_27_Template, 2, 0, "button", 20);
+    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.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "div", 25)(34, "div", 26)(35, "span", 27)(36, "kbd");
+    i0.ɵɵtext(37, "\u2191");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "kbd");
+    i0.ɵɵtext(39, "\u2193");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(40, " Navigate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span", 27)(42, "kbd");
+    i0.ɵɵtext(43, "\u21B5");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(44, " Select");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(45, "span", 27)(46, "kbd");
+    i0.ɵɵtext(47, "Esc");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(48, " Close");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.searchQuery);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.searchQuery ? 7 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "all");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "conversations");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "messages");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("active", ctx_r1.activeFilter === "artifacts");
+    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.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.isSearching ? 29 : !ctx_r1.searchQuery ? 30 : ctx_r1.results.total === 0 ? 31 : 32);
+} }
+/**
+ * Search panel component providing global search UI
+ * Can be displayed as a modal or slide-out panel
+ * Supports filtering, date ranges, and result navigation
+ */
+export class SearchPanelComponent {
+    searchService;
+    environmentId;
+    currentUser;
+    isOpen = false;
+    close = new EventEmitter();
+    resultSelected = new EventEmitter();
+    searchInput;
+    searchQuery = '';
+    activeFilter = 'all';
+    dateRange = { start: null, end: null };
+    isSearching = false;
+    results = {
+        conversations: [],
+        messages: [],
+        artifacts: [],
+        total: 0
+    };
+    recentSearches = [];
+    selectedIndex = -1;
+    destroy$ = new Subject();
+    constructor(searchService) {
+        this.searchService = searchService;
+    }
+    ngOnInit() {
+        this.subscribeToSearchState();
+        this.loadRecentSearches();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    /**
+     * Subscribe to search service state
+     */
+    subscribeToSearchState() {
+        this.searchService.isSearching$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(isSearching => {
+            this.isSearching = isSearching;
+        });
+        this.searchService.searchResults$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(results => {
+            this.results = results;
+            this.selectedIndex = -1;
+        });
+        this.searchService.searchFilter$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(filter => {
+            this.activeFilter = filter;
+        });
+        this.searchService.dateRange$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(range => {
+            this.dateRange = range;
+        });
+    }
+    /**
+     * Load recent searches
+     */
+    loadRecentSearches() {
+        this.recentSearches = this.searchService.getRecentSearches();
+    }
+    /**
+     * Handle search input
+     */
+    onSearchInput() {
+        if (this.searchQuery.trim()) {
+            this.performSearch();
+        }
+        else {
+            this.searchService.clearResults();
+        }
+    }
+    /**
+     * Perform search
+     */
+    async performSearch() {
+        await this.searchService.search(this.searchQuery, this.environmentId, this.currentUser);
+    }
+    /**
+     * Set search filter
+     */
+    setFilter(filter) {
+        this.searchService.setSearchFilter(filter);
+        if (this.searchQuery.trim()) {
+            this.performSearch();
+        }
+    }
+    /**
+     * Clear search
+     */
+    clearSearch() {
+        this.searchQuery = '';
+        this.searchService.clearResults();
+        this.focusSearchInput();
+    }
+    /**
+     * Select a result
+     */
+    selectResult(result) {
+        this.resultSelected.emit(result);
+        this.closePanel();
+    }
+    /**
+     * Use recent search
+     */
+    useRecentSearch(query) {
+        this.searchQuery = query;
+        this.performSearch();
+    }
+    /**
+     * Clear recent searches
+     */
+    clearRecentSearches() {
+        this.searchService.clearRecentSearches();
+        this.recentSearches = [];
+    }
+    /**
+     * Close panel
+     */
+    closePanel() {
+        this.close.emit();
+    }
+    /**
+     * Focus search input
+     */
+    focusSearchInput() {
+        setTimeout(() => {
+            this.searchInput?.nativeElement.focus();
+        }, 0);
+    }
+    /**
+     * Handle keyboard navigation
+     */
+    handleKeyboard(event) {
+        if (!this.isOpen)
+            return;
+        const allResults = this.getAllResultsFlat();
+        switch (event.key) {
+            case 'Escape':
+                event.preventDefault();
+                this.closePanel();
+                break;
+            case 'ArrowDown':
+                event.preventDefault();
+                if (allResults.length > 0) {
+                    this.selectedIndex = Math.min(this.selectedIndex + 1, allResults.length - 1);
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (this.selectedIndex > 0) {
+                    this.selectedIndex--;
+                }
+                else {
+                    this.selectedIndex = -1;
+                }
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (this.selectedIndex >= 0 && allResults[this.selectedIndex]) {
+                    this.selectResult(allResults[this.selectedIndex]);
+                }
+                break;
+        }
+    }
+    /**
+     * Get all results as flat array
+     */
+    getAllResultsFlat() {
+        return [
+            ...this.results.conversations,
+            ...this.results.messages,
+            ...this.results.artifacts
+        ];
+    }
+    /**
+     * Check if result is selected
+     */
+    isResultSelected(result) {
+        const allResults = this.getAllResultsFlat();
+        const index = allResults.findIndex(r => r.id === result.id && r.type === result.type);
+        return index === this.selectedIndex;
+    }
+    /**
+     * Get icon for result type
+     */
+    getResultIcon(type) {
+        switch (type) {
+            case 'conversation':
+                return 'fa-comments';
+            case 'message':
+                return 'fa-comment';
+            case 'artifact':
+                return 'fa-file-alt';
+            default:
+                return 'fa-circle';
+        }
+    }
+    /**
+     * Get filter display text
+     */
+    getFilterText(filter) {
+        switch (filter) {
+            case 'all':
+                return 'All';
+            case 'conversations':
+                return 'Conversations';
+            case 'messages':
+                return 'Messages';
+            case 'artifacts':
+                return 'Artifacts';
+            default:
+                return 'All';
+        }
+    }
+    /**
+     * Format date for display
+     */
+    formatDate(date) {
+        const now = new Date();
+        const diff = now.getTime() - new Date(date).getTime();
+        const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+        if (days === 0)
+            return 'Today';
+        if (days === 1)
+            return 'Yesterday';
+        if (days < 7)
+            return `${days} days ago`;
+        if (days < 30)
+            return `${Math.floor(days / 7)} weeks ago`;
+        if (days < 365)
+            return `${Math.floor(days / 30)} months ago`;
+        return `${Math.floor(days / 365)} years ago`;
+    }
+    /**
+     * Highlight matched text in result
+     */
+    highlightMatch(text, query) {
+        if (!query)
+            return text;
+        const regex = new RegExp(`(${this.escapeRegex(query)})`, 'gi');
+        return text.replace(regex, '<mark>$1</mark>');
+    }
+    /**
+     * Escape regex special characters
+     */
+    escapeRegex(str) {
+        return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+    }
+    /**
+     * Handle date range change
+     */
+    onDateRangeChange() {
+        this.searchService.setDateRange(this.dateRange);
+        if (this.searchQuery.trim()) {
+            this.performSearch();
+        }
+    }
+    /**
+     * Clear date range
+     */
+    clearDateRange() {
+        this.dateRange = { start: null, end: null };
+        this.searchService.setDateRange({ start: null, end: null });
+        if (this.searchQuery.trim()) {
+            this.performSearch();
+        }
+    }
+    /**
+     * Watch for panel open state changes
+     */
+    ngOnChanges() {
+        if (this.isOpen) {
+            this.focusSearchInput();
+        }
+    }
+    static ɵfac = function SearchPanelComponent_Factory(t) { return new (t || SearchPanelComponent)(i0.ɵɵdirectiveInject(i1.SearchService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SearchPanelComponent, selectors: [["mj-search-panel"]], viewQuery: function SearchPanelComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            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);
+        } 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"] }]
+    }], () => [{ type: i1.SearchService }], { environmentId: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], isOpen: [{
+            type: Input
+        }], close: [{
+            type: Output
+        }], resultSelected: [{
+            type: Output
+        }], searchInput: [{
+            type: ViewChild,
+            args: ['searchInput']
+        }], handleKeyboard: [{
+            type: HostListener,
+            args: ['keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SearchPanelComponent, { className: "SearchPanelComponent", filePath: "src/lib/components/search/search-panel.component.ts", lineNumber: 33 }); })();
+//# sourceMappingURL=search-panel.component.js.map