@memberjunction/ng-search 6.1.0-edge.5 → 6.1.0-edge.6

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

@@ -16,13 +16,13 @@ import * as i3 from "./search-scope-selector.component";
 const _c0 = ["searchInput"];
 const _c1 = ["searchSuggest"];
 function SearchCompositeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-search-scope-selector", 6);
-    i0.ɵɵlistener("SelectionChange", function SearchCompositeComponent_Conditional_1_Template_mj_search_scope_selector_SelectionChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnScopeSelectionChange($event)); });
+    i0.ɵɵlistener("SelectionChange", function SearchCompositeComponent_Conditional_1_Template_mj_search_scope_selector_SelectionChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnScopeSelectionChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("SelectedScopeIDs", ctx_r2.SelectedScopeIDs);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("SelectedScopeIDs", ctx_r1.SelectedScopeIDs);
 } }
 export class SearchCompositeComponent {
     cdr = inject(ChangeDetectorRef);
@@ -332,14 +332,13 @@ export class SearchCompositeComponent {
         } }, hostBindings: function SearchCompositeComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("mousedown", function SearchCompositeComponent_mousedown_HostBindingHandler($event) { return ctx.OnDocumentMousedown($event); }, i0.ɵɵresolveDocument)("keydown", function SearchCompositeComponent_keydown_HostBindingHandler($event) { return ctx.OnHostKeydown($event); });
         } }, inputs: { Placeholder: "Placeholder", ShowShortcutHint: "ShowShortcutHint", DebounceMs: "DebounceMs", MinQueryLength: "MinQueryLength", MaxPreviewResults: "MaxPreviewResults", EnablePreview: "EnablePreview", EnableRecent: "EnableRecent", EnableScopeSelector: "EnableScopeSelector", ShowPromo: "ShowPromo", PromoText: "PromoText", PromoActionLabel: "PromoActionLabel" }, outputs: { ResultSelected: "ResultSelected", SearchSubmitted: "SearchSubmitted", SeeAllRequested: "SeeAllRequested", PromoAccepted: "PromoAccepted", PromoDismissed: "PromoDismissed", RecentRecordSelected: "RecentRecordSelected" }, standalone: false, decls: 6, vars: 18, consts: [["searchInput", ""], ["searchSuggest", ""], [1, "search-composite-wrap"], [1, "search-composite-scope", 3, "SelectedScopeIDs"], [3, "QueryChange", "QuerySubmit", "InputFocused", "InputEscaped", "InputCleared", "Placeholder", "Query", "ShowShortcutHint", "DebounceMs"], [3, "ResultSelected", "RecentSelected", "SeeAllRequested", "ClearRecentRequested", "RecentRecordSelected", "PromoAccepted", "PromoDismissed", "IsOpen", "PreviewResults", "RecentSearches", "TotalCount", "IsLoading", "Query", "MinQueryLength", "MaxPreviewResults", "ShowRecent", "RecentRecords", "ShowPromo", "PromoText", "PromoActionLabel"], [1, "search-composite-scope", 3, "SelectionChange", "SelectedScopeIDs"]], template: function SearchCompositeComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 2);
             i0.ɵɵconditionalCreate(1, SearchCompositeComponent_Conditional_1_Template, 1, 1, "mj-search-scope-selector", 3);
             i0.ɵɵelementStart(2, "mj-search-input", 4, 0);
-            i0.ɵɵlistener("QueryChange", function SearchCompositeComponent_Template_mj_search_input_QueryChange_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnQueryChange($event)); })("QuerySubmit", function SearchCompositeComponent_Template_mj_search_input_QuerySubmit_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnQuerySubmit($event)); })("InputFocused", function SearchCompositeComponent_Template_mj_search_input_InputFocused_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputFocused()); })("InputEscaped", function SearchCompositeComponent_Template_mj_search_input_InputEscaped_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputEscaped()); })("InputCleared", function SearchCompositeComponent_Template_mj_search_input_InputCleared_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInputCleared()); });
+            i0.ɵɵlistener("QueryChange", function SearchCompositeComponent_Template_mj_search_input_QueryChange_2_listener($event) { return ctx.OnQueryChange($event); })("QuerySubmit", function SearchCompositeComponent_Template_mj_search_input_QuerySubmit_2_listener($event) { return ctx.OnQuerySubmit($event); })("InputFocused", function SearchCompositeComponent_Template_mj_search_input_InputFocused_2_listener() { return ctx.OnInputFocused(); })("InputEscaped", function SearchCompositeComponent_Template_mj_search_input_InputEscaped_2_listener() { return ctx.OnInputEscaped(); })("InputCleared", function SearchCompositeComponent_Template_mj_search_input_InputCleared_2_listener() { return ctx.OnInputCleared(); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(4, "mj-search-suggest", 5, 1);
-            i0.ɵɵlistener("ResultSelected", function SearchCompositeComponent_Template_mj_search_suggest_ResultSelected_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnResultSelected($event)); })("RecentSelected", function SearchCompositeComponent_Template_mj_search_suggest_RecentSelected_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnRecentSelected($event)); })("SeeAllRequested", function SearchCompositeComponent_Template_mj_search_suggest_SeeAllRequested_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnSeeAllRequested($event)); })("ClearRecentRequested", function SearchCompositeComponent_Template_mj_search_suggest_ClearRecentRequested_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnClearRecentRequested()); })("RecentRecordSelected", function SearchCompositeComponent_Template_mj_search_suggest_RecentRecordSelected_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnRecentRecordSelected($event)); })("PromoAccepted", function SearchCompositeComponent_Template_mj_search_suggest_PromoAccepted_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.PromoAccepted.emit($event)); })("PromoDismissed", function SearchCompositeComponent_Template_mj_search_suggest_PromoDismissed_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.PromoDismissed.emit()); });
+            i0.ɵɵlistener("ResultSelected", function SearchCompositeComponent_Template_mj_search_suggest_ResultSelected_4_listener($event) { return ctx.OnResultSelected($event); })("RecentSelected", function SearchCompositeComponent_Template_mj_search_suggest_RecentSelected_4_listener($event) { return ctx.OnRecentSelected($event); })("SeeAllRequested", function SearchCompositeComponent_Template_mj_search_suggest_SeeAllRequested_4_listener($event) { return ctx.OnSeeAllRequested($event); })("ClearRecentRequested", function SearchCompositeComponent_Template_mj_search_suggest_ClearRecentRequested_4_listener() { return ctx.OnClearRecentRequested(); })("RecentRecordSelected", function SearchCompositeComponent_Template_mj_search_suggest_RecentRecordSelected_4_listener($event) { return ctx.OnRecentRecordSelected($event); })("PromoAccepted", function SearchCompositeComponent_Template_mj_search_suggest_PromoAccepted_4_listener($event) { return ctx.PromoAccepted.emit($event); })("PromoDismissed", function SearchCompositeComponent_Template_mj_search_suggest_PromoDismissed_4_listener() { return ctx.PromoDismissed.emit(); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -348,7 +347,7 @@ export class SearchCompositeComponent {
             i0.ɵɵproperty("Placeholder", ctx.Placeholder)("Query", ctx.Query)("ShowShortcutHint", ctx.ShowShortcutHint)("DebounceMs", ctx.DebounceMs);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("IsOpen", ctx.IsSuggestOpen)("PreviewResults", ctx.PreviewResults)("RecentSearches", ctx.RecentSearches)("TotalCount", ctx.PreviewTotalCount)("IsLoading", ctx.IsPreviewLoading)("Query", ctx.Query)("MinQueryLength", ctx.MinQueryLength)("MaxPreviewResults", ctx.MaxPreviewResults)("ShowRecent", ctx.EnableRecent)("RecentRecords", ctx.RecentRecords)("ShowPromo", ctx.ShowPromo)("PromoText", ctx.PromoText)("PromoActionLabel", ctx.PromoActionLabel);
-        } }, dependencies: [i1.SearchInputComponent, i2.SearchSuggestComponent, i3.SearchScopeSelectorComponent], styles: ["\n\n\n.search-composite-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    gap: 8px;\n    width: 100%;\n}\n\n.search-composite-scope[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: stretch;\n}\n\n.search-composite-wrap[_ngcontent-%COMP%]    > mj-search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.search-composite-wrap[_ngcontent-%COMP%]    > mj-search-suggest[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n}"] });
+        } }, dependencies: [i1.SearchInputComponent, i2.SearchSuggestComponent, i3.SearchScopeSelectorComponent], styles: ["\n\n.search-composite-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    gap: 8px;\n    width: 100%;\n}\n\n.search-composite-scope[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: stretch;\n}\n\n.search-composite-wrap[_ngcontent-%COMP%]    > mj-search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.search-composite-wrap[_ngcontent-%COMP%]    > mj-search-suggest[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchCompositeComponent, [{
         type: Component,

package/dist/lib/search-composite.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-composite.component.js","sourceRoot":"","sources":["../../src/lib/search-composite.component.ts","../../src/lib/search-composite.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Composite Component\n *\n * Drop-in widget combining SearchInputComponent + SearchSuggestComponent.\n * Handles query debouncing, preview search calls, recent searches,\n * keyboard navigation delegation, and click-outside-to-close.\n */\n\nimport {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { SearchService, RecentSearch } from './search.service';\nimport { SearchInputComponent } from './search-input.component';\nimport { SearchSuggestComponent } from './search-suggest.component';\nimport { SearchResultItem, SearchScopeInfo, RecentRecordItem } from './search-types';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-composite',\n    templateUrl: './search-composite.component.html',\n    styleUrls: ['./search-composite.component.css']\n})\nexport class SearchCompositeComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private elementRef = inject(ElementRef);\n    protected searchService = inject(SearchService);\n    private destroy$ = new Subject<void>();\n\n    @ViewChild('searchInput') searchInputRef!: SearchInputComponent;\n    @ViewChild('searchSuggest') searchSuggestRef!: SearchSuggestComponent;\n\n    // --- Configuration Inputs ---\n\n    /** Placeholder text for the search input */\n    @Input() Placeholder = 'Search...';\n\n    /** Whether to show keyboard shortcut hint on the input */\n    @Input() ShowShortcutHint = true;\n\n    /** Debounce time in milliseconds for query changes */\n    @Input() DebounceMs = 400;\n\n    /** Minimum query length before preview results are fetched */\n    @Input() MinQueryLength = 2;\n\n    /** Maximum number of preview results to show in the dropdown */\n    @Input() MaxPreviewResults = 8;\n\n    /** Whether to enable live preview search on typing */\n    @Input() EnablePreview = true;\n\n    /** Whether to enable recent searches display */\n    @Input() EnableRecent = true;\n\n    /**\n     * Whether to show the scope selector inline with the search input. When true (default),\n     * the composite lazy-loads the list of scopes the current user can see and renders the\n     * selector only if at least one scope exists. When zero scopes are visible the selector\n     * stays hidden and the UX is identical to the pre-scope unscoped behavior.\n     */\n    @Input() EnableScopeSelector = true;\n\n    /** Promo row pass-throughs — see SearchSuggestComponent for semantics. */\n    @Input() ShowPromo = false;\n    @Input() PromoText = '';\n    @Input() PromoActionLabel = 'Turn on';\n\n    // --- Outputs ---\n\n    /** Emitted when a result is selected from the preview dropdown */\n    @Output() ResultSelected = new EventEmitter<SearchResultItem>();\n\n    /** Emitted when the user presses Enter or selects a recent search (full search) */\n    @Output() SearchSubmitted = new EventEmitter<string>();\n\n    /** Emitted when the user clicks \"See all N results\" */\n    @Output() SeeAllRequested = new EventEmitter<string>();\n\n    /** Promo pass-throughs (accept carries the current query). */\n    @Output() PromoAccepted = new EventEmitter<string>();\n    @Output() PromoDismissed = new EventEmitter<void>();\n\n    /** Emitted when the user selects a recently opened record from the dropdown */\n    @Output() RecentRecordSelected = new EventEmitter<RecentRecordItem>();\n\n    // --- Internal state ---\n\n    public Query = '';\n    public IsSuggestOpen = false;\n\n    /** The current min relevance percent from the suggest dropdown filter */\n    /** Programmatically focus the search input (e.g. a host-owned Ctrl/Cmd+K chord). */\n    public Focus(): void {\n        this.searchInputRef?.Focus();\n    }\n\n    public get MinRelevancePercent(): number {\n        return this.searchSuggestRef?.MinRelevancePercent ?? 0;\n    }\n    public PreviewResults: SearchResultItem[] = [];\n    public RecentSearches: RecentSearch[] = [];\n    /** Recently opened records for the dropdown's idle state (max 3 shown). */\n    public RecentRecords: RecentRecordItem[] = [];\n    public PreviewTotalCount = 0;\n    public IsPreviewLoading = false;\n    private previewSearchVersion = 0;\n\n    /**\n     * Scopes the current user can see. Populated by `SearchService.LoadScopes()` on init.\n     * When empty, the scope selector is not rendered (unscoped-as-before UX).\n     */\n    public AvailableScopes: SearchScopeInfo[] = [];\n\n    /** Whether any scope is visible to the current user — drives selector visibility. */\n    public HasScopes: boolean = false;\n\n    /**\n     * Currently selected scope IDs. Empty array means \"Global\" / unscoped. Read by the\n     * shell (or any parent) on submit via the exposed getter, and mirrored to the server\n     * through `SearchRequest.ScopeIDs` on the full submitted search.\n     */\n    public SelectedScopeIDs: string[] = [];\n\n    ngOnInit(): void {\n        this.subscribeToRecentSearches();\n        this.searchService.LoadRecentSearches(); // fire-and-forget — loads from UserInfoEngine\n        this.refreshRecentRecords(); // fire-and-forget — recently opened records\n        if (this.EnableScopeSelector) {\n            this.subscribeToScopes();\n            this.searchService.LoadScopes(); // fire-and-forget — populates Scopes$\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // --- Click outside to close ---\n\n    @HostListener('document:mousedown', ['$event'])\n    OnDocumentMousedown(event: MouseEvent): void {\n        const target = event.target as Node | null;\n        if (target && !this.elementRef.nativeElement.contains(target)) {\n            this.closeSuggest();\n        }\n    }\n\n    // --- Keyboard navigation delegation ---\n\n    @HostListener('keydown', ['$event'])\n    OnHostKeydown(event: KeyboardEvent): void {\n        if (!this.IsSuggestOpen) return;\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateDown();\n                break;\n            case 'ArrowUp':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateUp();\n                break;\n            case 'Enter':\n                if (this.searchSuggestRef?.HighlightedIndex >= 0) {\n                    event.preventDefault();\n                    this.searchSuggestRef.SelectHighlighted();\n                }\n                break;\n            case 'Tab': {\n                // Tab walks the dropdown suggestions (mirrors ArrowDown/Up) before\n                // leaving the widget — same model as the palette and overlay. DOM\n                // focus stays in the input (combobox pattern); only the highlight\n                // moves. Once the highlight walks off either end, Tab proceeds\n                // naturally (forward → the promo row / next control; backward →\n                // out of the bar).\n                const suggest = this.searchSuggestRef;\n                const count = suggest?.NavigableItemCount ?? 0;\n                if (!suggest || count === 0) {\n                    break;\n                }\n                if (!event.shiftKey && suggest.HighlightedIndex < count - 1) {\n                    event.preventDefault();\n                    suggest.NavigateDown();\n                } else if (event.shiftKey && suggest.HighlightedIndex > 0) {\n                    event.preventDefault();\n                    suggest.NavigateUp();\n                }\n                break;\n            }\n        }\n    }\n\n    // --- Event handlers from child components ---\n\n    /** Handle debounced query changes from the input */\n    public OnQueryChange(query: string): void {\n        this.Query = query;\n\n        if (query.length >= this.MinQueryLength && this.EnablePreview) {\n            this.executePreviewSearch(query);\n        } else {\n            this.clearPreviewResults();\n        }\n\n        this.openSuggest();\n    }\n\n    /** Handle Enter press in the input */\n    public OnQuerySubmit(query: string): void {\n        // If a suggestion is highlighted, select it instead of searching\n        if (this.IsSuggestOpen && this.searchSuggestRef && this.searchSuggestRef.HighlightedIndex >= 0) {\n            this.searchSuggestRef.SelectHighlighted();\n            return;\n        }\n\n        if (query.trim().length > 0) {\n            this.SearchSubmitted.emit(query.trim());\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input focus */\n    public OnInputFocused(): void {\n        this.openSuggest();\n    }\n\n    /** Handle Escape press in the input */\n    public OnInputEscaped(): void {\n        if (this.IsSuggestOpen) {\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input cleared */\n    public OnInputCleared(): void {\n        this.Query = '';\n        this.clearPreviewResults();\n        this.openSuggest();\n    }\n\n    /** Handle result selection from suggest dropdown */\n    public OnResultSelected(result: SearchResultItem): void {\n        // Direct navigation bypasses ExecuteSearch (which is what normally records\n        // recents), so record the query here — the same compensation the omnibar\n        // palette applies in its Execute(). Enter/see-all paths don't need this:\n        // they land on the results page, whose full search records with the real\n        // count (addToRecentSearches dedups by query, so no double entries).\n        const typed = this.Query.trim();\n        if (typed.length > 0) {\n            this.searchService.RecordRecentSearch(typed, this.PreviewTotalCount);\n        }\n        this.ResultSelected.emit(result);\n        this.closeSuggest();\n    }\n\n    /** Handle recent search selection */\n    public OnRecentSelected(query: string): void {\n        this.Query = query;\n        this.SearchSubmitted.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"See all\" click */\n    public OnSeeAllRequested(query: string): void {\n        this.SeeAllRequested.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"Clear\" recent searches */\n    public OnClearRecentRequested(): void {\n        this.searchService.ClearRecentSearches();\n    }\n\n    /**\n     * Relay a selection change from the embedded scope selector to local state. Parents\n     * read `SelectedScopeIDs` directly on submit; no output event is needed because\n     * scope selection doesn't alter the inline preview (preview stays global for speed).\n     */\n    public OnScopeSelectionChange(scopeIDs: string[]): void {\n        this.SelectedScopeIDs = scopeIDs;\n    }\n\n    // --- Private ---\n\n    private openSuggest(): void {\n        this.IsSuggestOpen = true;\n        this.searchSuggestRef?.ResetHighlight();\n        // Refresh in the background so a record opened since the last dropdown\n        // appears; name resolution is memoized in the service, so repeat opens\n        // are cheap.\n        this.refreshRecentRecords();\n        this.cdr.detectChanges();\n    }\n\n    /** Load/refresh the recently-opened-records list (fail-soft, fire-and-forget). */\n    private refreshRecentRecords(): void {\n        void this.searchService.GetRecentlyOpenedRecords(3).then((records) => {\n            this.RecentRecords = records;\n            this.cdr.detectChanges();\n        });\n    }\n\n    /** Recently-opened-record selection from the dropdown → bubble to the host. */\n    public OnRecentRecordSelected(record: RecentRecordItem): void {\n        this.RecentRecordSelected.emit(record);\n        this.closeSuggest();\n    }\n\n    private closeSuggest(): void {\n        this.IsSuggestOpen = false;\n        this.searchSuggestRef?.ResetHighlight();\n        this.cdr.detectChanges();\n    }\n\n    private subscribeToRecentSearches(): void {\n        this.searchService.RecentSearches$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(recents => {\n                this.RecentSearches = recents;\n                this.cdr.detectChanges();\n            });\n    }\n\n    private subscribeToScopes(): void {\n        this.searchService.Scopes$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(scopes => {\n                this.AvailableScopes = scopes;\n                this.HasScopes = scopes.length > 0;\n                // Drop any previously-selected scope IDs the user can no longer see.\n                if (this.SelectedScopeIDs.length > 0) {\n                    const visible = new Set(scopes.map(s => s.ID));\n                    const next = this.SelectedScopeIDs.filter(id => visible.has(id));\n                    if (next.length !== this.SelectedScopeIDs.length) {\n                        this.SelectedScopeIDs = next;\n                    }\n                }\n                this.cdr.detectChanges();\n            });\n    }\n\n    private async executePreviewSearch(query: string): Promise<void> {\n        const version = ++this.previewSearchVersion;\n        this.IsPreviewLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const response = await this.searchService.PreviewSearch(query, this.MaxPreviewResults);\n            // Only apply if this is still the latest request and query hasn't changed\n            if (version === this.previewSearchVersion && this.Query === query) {\n                this.PreviewResults = response.Results;\n                this.PreviewTotalCount = response.TotalCount;\n            }\n        } catch {\n            if (version === this.previewSearchVersion) {\n                this.PreviewResults = [];\n                this.PreviewTotalCount = 0;\n            }\n        } finally {\n            if (version === this.previewSearchVersion) {\n                this.IsPreviewLoading = false;\n                this.cdr.detectChanges();\n            }\n        }\n    }\n\n    private clearPreviewResults(): void {\n        this.PreviewResults = [];\n        this.PreviewTotalCount = 0;\n        this.cdr.detectChanges();\n    }\n}\n","<div class=\"search-composite-wrap\">\n    @if (EnableScopeSelector && HasScopes) {\n        <mj-search-scope-selector\n            class=\"search-composite-scope\"\n            [SelectedScopeIDs]=\"SelectedScopeIDs\"\n            (SelectionChange)=\"OnScopeSelectionChange($any($event))\">\n        </mj-search-scope-selector>\n    }\n\n    <mj-search-input\n        #searchInput\n        [Placeholder]=\"Placeholder\"\n        [Query]=\"Query\"\n        [ShowShortcutHint]=\"ShowShortcutHint\"\n        [DebounceMs]=\"DebounceMs\"\n        (QueryChange)=\"OnQueryChange($any($event))\"\n        (QuerySubmit)=\"OnQuerySubmit($any($event))\"\n        (InputFocused)=\"OnInputFocused()\"\n        (InputEscaped)=\"OnInputEscaped()\"\n        (InputCleared)=\"OnInputCleared()\"\n    ></mj-search-input>\n\n    <mj-search-suggest\n        #searchSuggest\n        [IsOpen]=\"IsSuggestOpen\"\n        [PreviewResults]=\"PreviewResults\"\n        [RecentSearches]=\"RecentSearches\"\n        [TotalCount]=\"PreviewTotalCount\"\n        [IsLoading]=\"IsPreviewLoading\"\n        [Query]=\"Query\"\n        [MinQueryLength]=\"MinQueryLength\"\n        [MaxPreviewResults]=\"MaxPreviewResults\"\n        [ShowRecent]=\"EnableRecent\"\n        [RecentRecords]=\"RecentRecords\"\n        [ShowPromo]=\"ShowPromo\"\n        [PromoText]=\"PromoText\"\n        [PromoActionLabel]=\"PromoActionLabel\"\n        (ResultSelected)=\"OnResultSelected($any($event))\"\n        (RecentSelected)=\"OnRecentSelected($any($event))\"\n        (SeeAllRequested)=\"OnSeeAllRequested($any($event))\"\n        (ClearRecentRequested)=\"OnClearRecentRequested()\"\n        (RecentRecordSelected)=\"OnRecentRecordSelected($event)\"\n        (PromoAccepted)=\"PromoAccepted.emit($event)\"\n        (PromoDismissed)=\"PromoDismissed.emit()\"\n    ></mj-search-suggest>\n</div>\n"]}
+{"version":3,"file":"search-composite.component.js","sourceRoot":"","sources":["../../src/lib/search-composite.component.ts","../../src/lib/search-composite.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Composite Component\n *\n * Drop-in widget combining SearchInputComponent + SearchSuggestComponent.\n * Handles query debouncing, preview search calls, recent searches,\n * keyboard navigation delegation, and click-outside-to-close.\n */\n\nimport {\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { SearchService, RecentSearch } from './search.service';\nimport { SearchInputComponent } from './search-input.component';\nimport { SearchSuggestComponent } from './search-suggest.component';\nimport { SearchResultItem, SearchScopeInfo, RecentRecordItem } from './search-types';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-composite',\n    templateUrl: './search-composite.component.html',\n    styleUrls: ['./search-composite.component.css']\n})\nexport class SearchCompositeComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private elementRef = inject(ElementRef);\n    protected searchService = inject(SearchService);\n    private destroy$ = new Subject<void>();\n\n    @ViewChild('searchInput') searchInputRef!: SearchInputComponent;\n    @ViewChild('searchSuggest') searchSuggestRef!: SearchSuggestComponent;\n\n    // --- Configuration Inputs ---\n\n    /** Placeholder text for the search input */\n    @Input() Placeholder = 'Search...';\n\n    /** Whether to show keyboard shortcut hint on the input */\n    @Input() ShowShortcutHint = true;\n\n    /** Debounce time in milliseconds for query changes */\n    @Input() DebounceMs = 400;\n\n    /** Minimum query length before preview results are fetched */\n    @Input() MinQueryLength = 2;\n\n    /** Maximum number of preview results to show in the dropdown */\n    @Input() MaxPreviewResults = 8;\n\n    /** Whether to enable live preview search on typing */\n    @Input() EnablePreview = true;\n\n    /** Whether to enable recent searches display */\n    @Input() EnableRecent = true;\n\n    /**\n     * Whether to show the scope selector inline with the search input. When true (default),\n     * the composite lazy-loads the list of scopes the current user can see and renders the\n     * selector only if at least one scope exists. When zero scopes are visible the selector\n     * stays hidden and the UX is identical to the pre-scope unscoped behavior.\n     */\n    @Input() EnableScopeSelector = true;\n\n    /** Promo row pass-throughs — see SearchSuggestComponent for semantics. */\n    @Input() ShowPromo = false;\n    @Input() PromoText = '';\n    @Input() PromoActionLabel = 'Turn on';\n\n    // --- Outputs ---\n\n    /** Emitted when a result is selected from the preview dropdown */\n    @Output() ResultSelected = new EventEmitter<SearchResultItem>();\n\n    /** Emitted when the user presses Enter or selects a recent search (full search) */\n    @Output() SearchSubmitted = new EventEmitter<string>();\n\n    /** Emitted when the user clicks \"See all N results\" */\n    @Output() SeeAllRequested = new EventEmitter<string>();\n\n    /** Promo pass-throughs (accept carries the current query). */\n    @Output() PromoAccepted = new EventEmitter<string>();\n    @Output() PromoDismissed = new EventEmitter<void>();\n\n    /** Emitted when the user selects a recently opened record from the dropdown */\n    @Output() RecentRecordSelected = new EventEmitter<RecentRecordItem>();\n\n    // --- Internal state ---\n\n    public Query = '';\n    public IsSuggestOpen = false;\n\n    /** The current min relevance percent from the suggest dropdown filter */\n    /** Programmatically focus the search input (e.g. a host-owned Ctrl/Cmd+K chord). */\n    public Focus(): void {\n        this.searchInputRef?.Focus();\n    }\n\n    public get MinRelevancePercent(): number {\n        return this.searchSuggestRef?.MinRelevancePercent ?? 0;\n    }\n    public PreviewResults: SearchResultItem[] = [];\n    public RecentSearches: RecentSearch[] = [];\n    /** Recently opened records for the dropdown's idle state (max 3 shown). */\n    public RecentRecords: RecentRecordItem[] = [];\n    public PreviewTotalCount = 0;\n    public IsPreviewLoading = false;\n    private previewSearchVersion = 0;\n\n    /**\n     * Scopes the current user can see. Populated by `SearchService.LoadScopes()` on init.\n     * When empty, the scope selector is not rendered (unscoped-as-before UX).\n     */\n    public AvailableScopes: SearchScopeInfo[] = [];\n\n    /** Whether any scope is visible to the current user — drives selector visibility. */\n    public HasScopes: boolean = false;\n\n    /**\n     * Currently selected scope IDs. Empty array means \"Global\" / unscoped. Read by the\n     * shell (or any parent) on submit via the exposed getter, and mirrored to the server\n     * through `SearchRequest.ScopeIDs` on the full submitted search.\n     */\n    public SelectedScopeIDs: string[] = [];\n\n    ngOnInit(): void {\n        this.subscribeToRecentSearches();\n        this.searchService.LoadRecentSearches(); // fire-and-forget — loads from UserInfoEngine\n        this.refreshRecentRecords(); // fire-and-forget — recently opened records\n        if (this.EnableScopeSelector) {\n            this.subscribeToScopes();\n            this.searchService.LoadScopes(); // fire-and-forget — populates Scopes$\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // --- Click outside to close ---\n\n    @HostListener('document:mousedown', ['$event'])\n    OnDocumentMousedown(event: MouseEvent): void {\n        const target = event.target as Node | null;\n        if (target && !this.elementRef.nativeElement.contains(target)) {\n            this.closeSuggest();\n        }\n    }\n\n    // --- Keyboard navigation delegation ---\n\n    @HostListener('keydown', ['$event'])\n    OnHostKeydown(event: KeyboardEvent): void {\n        if (!this.IsSuggestOpen) return;\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateDown();\n                break;\n            case 'ArrowUp':\n                event.preventDefault();\n                this.searchSuggestRef?.NavigateUp();\n                break;\n            case 'Enter':\n                if (this.searchSuggestRef?.HighlightedIndex >= 0) {\n                    event.preventDefault();\n                    this.searchSuggestRef.SelectHighlighted();\n                }\n                break;\n            case 'Tab': {\n                // Tab walks the dropdown suggestions (mirrors ArrowDown/Up) before\n                // leaving the widget — same model as the palette and overlay. DOM\n                // focus stays in the input (combobox pattern); only the highlight\n                // moves. Once the highlight walks off either end, Tab proceeds\n                // naturally (forward → the promo row / next control; backward →\n                // out of the bar).\n                const suggest = this.searchSuggestRef;\n                const count = suggest?.NavigableItemCount ?? 0;\n                if (!suggest || count === 0) {\n                    break;\n                }\n                if (!event.shiftKey && suggest.HighlightedIndex < count - 1) {\n                    event.preventDefault();\n                    suggest.NavigateDown();\n                } else if (event.shiftKey && suggest.HighlightedIndex > 0) {\n                    event.preventDefault();\n                    suggest.NavigateUp();\n                }\n                break;\n            }\n        }\n    }\n\n    // --- Event handlers from child components ---\n\n    /** Handle debounced query changes from the input */\n    public OnQueryChange(query: string): void {\n        this.Query = query;\n\n        if (query.length >= this.MinQueryLength && this.EnablePreview) {\n            this.executePreviewSearch(query);\n        } else {\n            this.clearPreviewResults();\n        }\n\n        this.openSuggest();\n    }\n\n    /** Handle Enter press in the input */\n    public OnQuerySubmit(query: string): void {\n        // If a suggestion is highlighted, select it instead of searching\n        if (this.IsSuggestOpen && this.searchSuggestRef && this.searchSuggestRef.HighlightedIndex >= 0) {\n            this.searchSuggestRef.SelectHighlighted();\n            return;\n        }\n\n        if (query.trim().length > 0) {\n            this.SearchSubmitted.emit(query.trim());\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input focus */\n    public OnInputFocused(): void {\n        this.openSuggest();\n    }\n\n    /** Handle Escape press in the input */\n    public OnInputEscaped(): void {\n        if (this.IsSuggestOpen) {\n            this.closeSuggest();\n        }\n    }\n\n    /** Handle input cleared */\n    public OnInputCleared(): void {\n        this.Query = '';\n        this.clearPreviewResults();\n        this.openSuggest();\n    }\n\n    /** Handle result selection from suggest dropdown */\n    public OnResultSelected(result: SearchResultItem): void {\n        // Direct navigation bypasses ExecuteSearch (which is what normally records\n        // recents), so record the query here — the same compensation the omnibar\n        // palette applies in its Execute(). Enter/see-all paths don't need this:\n        // they land on the results page, whose full search records with the real\n        // count (addToRecentSearches dedups by query, so no double entries).\n        const typed = this.Query.trim();\n        if (typed.length > 0) {\n            this.searchService.RecordRecentSearch(typed, this.PreviewTotalCount);\n        }\n        this.ResultSelected.emit(result);\n        this.closeSuggest();\n    }\n\n    /** Handle recent search selection */\n    public OnRecentSelected(query: string): void {\n        this.Query = query;\n        this.SearchSubmitted.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"See all\" click */\n    public OnSeeAllRequested(query: string): void {\n        this.SeeAllRequested.emit(query);\n        this.closeSuggest();\n    }\n\n    /** Handle \"Clear\" recent searches */\n    public OnClearRecentRequested(): void {\n        this.searchService.ClearRecentSearches();\n    }\n\n    /**\n     * Relay a selection change from the embedded scope selector to local state. Parents\n     * read `SelectedScopeIDs` directly on submit; no output event is needed because\n     * scope selection doesn't alter the inline preview (preview stays global for speed).\n     */\n    public OnScopeSelectionChange(scopeIDs: string[]): void {\n        this.SelectedScopeIDs = scopeIDs;\n    }\n\n    // --- Private ---\n\n    private openSuggest(): void {\n        this.IsSuggestOpen = true;\n        this.searchSuggestRef?.ResetHighlight();\n        // Refresh in the background so a record opened since the last dropdown\n        // appears; name resolution is memoized in the service, so repeat opens\n        // are cheap.\n        this.refreshRecentRecords();\n        this.cdr.detectChanges();\n    }\n\n    /** Load/refresh the recently-opened-records list (fail-soft, fire-and-forget). */\n    private refreshRecentRecords(): void {\n        void this.searchService.GetRecentlyOpenedRecords(3).then((records) => {\n            this.RecentRecords = records;\n            this.cdr.detectChanges();\n        });\n    }\n\n    /** Recently-opened-record selection from the dropdown → bubble to the host. */\n    public OnRecentRecordSelected(record: RecentRecordItem): void {\n        this.RecentRecordSelected.emit(record);\n        this.closeSuggest();\n    }\n\n    private closeSuggest(): void {\n        this.IsSuggestOpen = false;\n        this.searchSuggestRef?.ResetHighlight();\n        this.cdr.detectChanges();\n    }\n\n    private subscribeToRecentSearches(): void {\n        this.searchService.RecentSearches$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(recents => {\n                this.RecentSearches = recents;\n                this.cdr.detectChanges();\n            });\n    }\n\n    private subscribeToScopes(): void {\n        this.searchService.Scopes$\n            .pipe(takeUntil(this.destroy$))\n            .subscribe(scopes => {\n                this.AvailableScopes = scopes;\n                this.HasScopes = scopes.length > 0;\n                // Drop any previously-selected scope IDs the user can no longer see.\n                if (this.SelectedScopeIDs.length > 0) {\n                    const visible = new Set(scopes.map(s => s.ID));\n                    const next = this.SelectedScopeIDs.filter(id => visible.has(id));\n                    if (next.length !== this.SelectedScopeIDs.length) {\n                        this.SelectedScopeIDs = next;\n                    }\n                }\n                this.cdr.detectChanges();\n            });\n    }\n\n    private async executePreviewSearch(query: string): Promise<void> {\n        const version = ++this.previewSearchVersion;\n        this.IsPreviewLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const response = await this.searchService.PreviewSearch(query, this.MaxPreviewResults);\n            // Only apply if this is still the latest request and query hasn't changed\n            if (version === this.previewSearchVersion && this.Query === query) {\n                this.PreviewResults = response.Results;\n                this.PreviewTotalCount = response.TotalCount;\n            }\n        } catch {\n            if (version === this.previewSearchVersion) {\n                this.PreviewResults = [];\n                this.PreviewTotalCount = 0;\n            }\n        } finally {\n            if (version === this.previewSearchVersion) {\n                this.IsPreviewLoading = false;\n                this.cdr.detectChanges();\n            }\n        }\n    }\n\n    private clearPreviewResults(): void {\n        this.PreviewResults = [];\n        this.PreviewTotalCount = 0;\n        this.cdr.detectChanges();\n    }\n}\n","<div class=\"search-composite-wrap\">\n    @if (EnableScopeSelector && HasScopes) {\n        <mj-search-scope-selector\n            class=\"search-composite-scope\"\n            [SelectedScopeIDs]=\"SelectedScopeIDs\"\n            (SelectionChange)=\"OnScopeSelectionChange($any($event))\">\n        </mj-search-scope-selector>\n    }\n\n    <mj-search-input\n        #searchInput\n        [Placeholder]=\"Placeholder\"\n        [Query]=\"Query\"\n        [ShowShortcutHint]=\"ShowShortcutHint\"\n        [DebounceMs]=\"DebounceMs\"\n        (QueryChange)=\"OnQueryChange($any($event))\"\n        (QuerySubmit)=\"OnQuerySubmit($any($event))\"\n        (InputFocused)=\"OnInputFocused()\"\n        (InputEscaped)=\"OnInputEscaped()\"\n        (InputCleared)=\"OnInputCleared()\"\n    ></mj-search-input>\n\n    <mj-search-suggest\n        #searchSuggest\n        [IsOpen]=\"IsSuggestOpen\"\n        [PreviewResults]=\"PreviewResults\"\n        [RecentSearches]=\"RecentSearches\"\n        [TotalCount]=\"PreviewTotalCount\"\n        [IsLoading]=\"IsPreviewLoading\"\n        [Query]=\"Query\"\n        [MinQueryLength]=\"MinQueryLength\"\n        [MaxPreviewResults]=\"MaxPreviewResults\"\n        [ShowRecent]=\"EnableRecent\"\n        [RecentRecords]=\"RecentRecords\"\n        [ShowPromo]=\"ShowPromo\"\n        [PromoText]=\"PromoText\"\n        [PromoActionLabel]=\"PromoActionLabel\"\n        (ResultSelected)=\"OnResultSelected($any($event))\"\n        (RecentSelected)=\"OnRecentSelected($any($event))\"\n        (SeeAllRequested)=\"OnSeeAllRequested($any($event))\"\n        (ClearRecentRequested)=\"OnClearRecentRequested()\"\n        (RecentRecordSelected)=\"OnRecentRecordSelected($event)\"\n        (PromoAccepted)=\"PromoAccepted.emit($event)\"\n        (PromoDismissed)=\"PromoDismissed.emit()\"\n    ></mj-search-suggest>\n</div>\n"]}

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

@@ -317,7 +317,7 @@ export class SearchFilterComponent {
             i0.ɵɵconditional(ctx.ShowRelevanceSlider ? 11 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.Filters.length === 0 && !ctx.ShowRelevanceSlider ? 12 : -1);
-        } }, dependencies: [i1.MJEmptyStateComponent, i1.MJAccordionPanelComponent, i1.MJAccordionTitleDirective, i1.MJAccordionActionsDirective, i1.MJAccordionBodyDirective], styles: ["\n\n\n.filter-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.filter-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.filter-close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.filter-close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.filter-category[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.filter-category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    flex: 1;\n}\n\n.filter-category-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-select-all[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    font-weight: 500;\n    cursor: pointer;\n    margin-right: 8px;\n    transition: color 0.15s ease, border-color 0.15s ease;\n}\n\n.filter-select-all[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.filter-category-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n\n\n\n\n\n\n\n\n.filter-options[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-option-readonly[_ngcontent-%COMP%] {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly[_ngcontent-%COMP%]:hover {\n    background: transparent;\n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n\n\n.filter-empty[_ngcontent-%COMP%] {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n\n\n.filter-relevance-slider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range[_ngcontent-%COMP%]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range[_ngcontent-%COMP%]::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n\n\n.filter-server-threshold[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\n}"] });
+        } }, dependencies: [i1.MJEmptyStateComponent, i1.MJAccordionPanelComponent, i1.MJAccordionTitleDirective, i1.MJAccordionActionsDirective, i1.MJAccordionBodyDirective], styles: ["\n\n.filter-panel[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.filter-panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-panel-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n}\n\n.filter-clear-all[_ngcontent-%COMP%] {\n    border: none;\n    background: none;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    padding: 0.15rem 0.4rem;\n    border-radius: 4px;\n}\n\n.filter-clear-all[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.filter-header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.filter-close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.filter-close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n.filter-category[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.filter-category[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.filter-category-header-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n}\n\n.filter-category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    flex: 1;\n}\n\n.filter-category-header[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-select-all[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: none;\n    color: var(--mj-text-muted);\n    font-size: 0.65rem;\n    font-weight: 500;\n    cursor: pointer;\n    margin-right: 8px;\n    transition: color 0.15s ease, border-color 0.15s ease;\n}\n\n.filter-select-all[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.filter-category-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    font-size: 0.82rem;\n    color: var(--mj-text-primary);\n}\n\n\n\n\n\n\n\n.filter-options[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.filter-option[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.4rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n    font-size: 0.82rem;\n}\n\n.filter-option[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.filter-option-readonly[_ngcontent-%COMP%] {\n    cursor: default;\n    opacity: 0.85;\n}\n.filter-option-readonly[_ngcontent-%COMP%]:hover {\n    background: transparent;\n}\n\n.filter-checkbox[_ngcontent-%COMP%] {\n    width: 1rem;\n    height: 1rem;\n    border: 1.5px solid var(--mj-border-strong);\n    border-radius: 3px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    font-size: 0.6rem;\n    transition: all 0.15s ease;\n}\n\n.filter-checkbox-checked[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.filter-option-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    width: 1rem;\n    text-align: center;\n}\n\n.filter-option-label[_ngcontent-%COMP%] {\n    flex: 1;\n    color: var(--mj-text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.filter-option-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n\n.filter-empty[_ngcontent-%COMP%] {\n    padding: 1.5rem 1rem;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 0.82rem;\n}\n\n\n.filter-relevance-slider[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 12px;\n}\n.relevance-range[_ngcontent-%COMP%] {\n    flex: 1;\n    height: 4px;\n    -webkit-appearance: none;\n    appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n.relevance-range[_ngcontent-%COMP%]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-range[_ngcontent-%COMP%]::-moz-range-thumb {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    cursor: pointer;\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n}\n.relevance-value[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    min-width: 36px;\n    text-align: right;\n}\n\n\n.filter-server-threshold[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 2px 12px 6px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.server-threshold-warning[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n    font-weight: 600;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchFilterComponent, [{
         type: Component,

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

@@ -11,9 +11,9 @@ import { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';
 import * as i0 from "@angular/core";
 const _c0 = ["inputEl"];
 function SearchInputComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function SearchInputComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Clear()); });
+    i0.ɵɵlistener("click", function SearchInputComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Clear()); });
     i0.ɵɵelement(1, "i", 7);
     i0.ɵɵelementEnd();
 } }
@@ -22,9 +22,9 @@ function SearchInputComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.ShortcutHint);
+    i0.ɵɵtextInterpolate(ctx_r1.ShortcutHint);
 } }
 export class SearchInputComponent {
     cdr = inject(ChangeDetectorRef);
@@ -151,11 +151,10 @@ export class SearchInputComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
         } }, inputs: { Placeholder: "Placeholder", Query: "Query", ShowShortcutHint: "ShowShortcutHint", ShortcutHint: "ShortcutHint", DebounceMs: "DebounceMs" }, outputs: { QueryChange: "QueryChange", QuerySubmit: "QuerySubmit", InputFocused: "InputFocused", InputBlurred: "InputBlurred", InputEscaped: "InputEscaped", InputCleared: "InputCleared" }, standalone: false, decls: 6, vars: 6, consts: [["inputEl", ""], [1, "search-input-container"], [1, "fa-solid", "fa-magnifying-glass", "search-input-icon"], ["type", "text", "autocomplete", "off", "spellcheck", "false", 1, "mj-input", "search-input-field", 3, "input", "keydown", "focus", "blur", "click", "placeholder", "value"], ["title", "Clear search", "aria-label", "Clear search", "type", "button", 1, "search-input-clear"], [1, "search-input-shortcut"], ["title", "Clear search", "aria-label", "Clear search", "type", "button", 1, "search-input-clear", 3, "click"], [1, "fa-solid", "fa-times"]], template: function SearchInputComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1);
             i0.ɵɵelement(1, "i", 2);
             i0.ɵɵelementStart(2, "input", 3, 0);
-            i0.ɵɵlistener("input", function SearchInputComponent_Template_input_input_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnInput($event.target.value)); })("keydown", function SearchInputComponent_Template_input_keydown_2_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnKeydown($event)); })("focus", function SearchInputComponent_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnFocus()); })("blur", function SearchInputComponent_Template_input_blur_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnBlur()); })("click", function SearchInputComponent_Template_input_click_2_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OnClick()); });
+            i0.ɵɵlistener("input", function SearchInputComponent_Template_input_input_2_listener($event) { return ctx.OnInput($event.target.value); })("keydown", function SearchInputComponent_Template_input_keydown_2_listener($event) { return ctx.OnKeydown($event); })("focus", function SearchInputComponent_Template_input_focus_2_listener() { return ctx.OnFocus(); })("blur", function SearchInputComponent_Template_input_blur_2_listener() { return ctx.OnBlur(); })("click", function SearchInputComponent_Template_input_click_2_listener() { return ctx.OnClick(); });
             i0.ɵɵelementEnd();
             i0.ɵɵconditionalCreate(4, SearchInputComponent_Conditional_4_Template, 2, 0, "button", 4);
             i0.ɵɵconditionalCreate(5, SearchInputComponent_Conditional_5_Template, 2, 1, "kbd", 5);
@@ -168,7 +167,7 @@ export class SearchInputComponent {
             i0.ɵɵconditional(ctx.Query.length > 0 ? 4 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.ShowShortcutHint && !ctx.IsFocused && ctx.Query.length === 0 ? 5 : -1);
-        } }, styles: ["\n\n\n.search-input-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.1rem 0.75rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-focused[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.search-input-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n    transition: color 0.15s ease;\n}\n\n.search-input-focused[_ngcontent-%COMP%]   .search-input-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.search-input-field[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none !important;\n    background: transparent !important;\n    padding: 0.2rem 0 !important;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    outline: none !important;\n    box-shadow: none !important;\n    min-width: 0;\n}\n\n.search-input-field[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.search-input-clear[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: background 0.1s ease, color 0.1s ease;\n}\n\n.search-input-clear[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.search-input-shortcut[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.12rem 0.45rem;\n    border-radius: 4px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    font-family: inherit;\n    flex-shrink: 0;\n    line-height: 1.4;\n    white-space: nowrap;\n}"] });
+        } }, styles: ["\n\n.search-input-container[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.1rem 0.75rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-focused[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.search-input-icon[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n    transition: color 0.15s ease;\n}\n\n.search-input-focused[_ngcontent-%COMP%]   .search-input-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.search-input-field[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none !important;\n    background: transparent !important;\n    padding: 0.2rem 0 !important;\n    font-size: 0.9rem;\n    color: var(--mj-text-primary);\n    outline: none !important;\n    box-shadow: none !important;\n    min-width: 0;\n}\n\n.search-input-field[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.search-input-clear[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    border: none;\n    border-radius: 4px;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    cursor: pointer;\n    flex-shrink: 0;\n    transition: background 0.1s ease, color 0.1s ease;\n}\n\n.search-input-clear[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.search-input-shortcut[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.12rem 0.45rem;\n    border-radius: 4px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    font-family: inherit;\n    flex-shrink: 0;\n    line-height: 1.4;\n    white-space: nowrap;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchInputComponent, [{
         type: Component,

package/dist/lib/search-input.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.component.js","sourceRoot":"","sources":["../../src/lib/search-input.component.ts","../../src/lib/search-input.component.html"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Search Input Component\n *\n * A reusable search text input for navbar/hero placement.\n * Features debounced query emission, keyboard shortcut hint,\n * clear button, and focus management.\n */\n\nimport {\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-input',\n    templateUrl: './search-input.component.html',\n    styleUrls: ['./search-input.component.css']\n})\nexport class SearchInputComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private destroy$ = new Subject<void>();\n    private queryInput$ = new Subject<string>();\n\n    @ViewChild('inputEl') inputRef!: ElementRef<HTMLInputElement>;\n\n    // --- Configuration Inputs ---\n\n    /** Placeholder text shown in the input */\n    @Input() Placeholder = 'Search...';\n\n    /** Current query value (two-way bindable via QueryChange) */\n    private _Query = '';\n\n    @Input()\n    set Query(value: string) {\n        if (value !== this._Query) {\n            this._Query = value;\n            this.cdr.detectChanges();\n        }\n    }\n    get Query(): string {\n        return this._Query;\n    }\n\n    /** Whether to show the keyboard shortcut hint badge */\n    @Input() ShowShortcutHint = true;\n\n    /**\n     * Text to display in the shortcut hint badge. Defaults platform-aware:\n     * \"⌘K\" on macOS, \"Ctrl+K\" elsewhere (matching the actual chord, which hosts\n     * bind with metaKey on Mac). Set explicitly only to advertise a different\n     * chord.\n     */\n    @Input() ShortcutHint = SearchInputComponent.defaultShortcutHint();\n\n    /** Debounce time in milliseconds before QueryChange emits */\n    @Input() DebounceMs = 400;\n\n    // --- Outputs ---\n\n    /** Emitted after debounce when query text changes */\n    @Output() QueryChange = new EventEmitter<string>();\n\n    /** Emitted immediately when the user presses Enter */\n    @Output() QuerySubmit = new EventEmitter<string>();\n\n    /** Emitted when the input receives focus */\n    @Output() InputFocused = new EventEmitter<void>();\n\n    /** Emitted when the input loses focus */\n    @Output() InputBlurred = new EventEmitter<void>();\n\n    /** Emitted when the user presses Escape in the input */\n    @Output() InputEscaped = new EventEmitter<void>();\n\n    /** Emitted when the user clears the input via the clear button */\n    @Output() InputCleared = new EventEmitter<void>();\n\n    // --- Internal state ---\n\n    /** Whether the input currently has focus */\n    public IsFocused = false;\n\n    ngOnInit(): void {\n        this.setupDebounce();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // --- Public Methods ---\n\n    /** Programmatically focus the input element */\n    public Focus(): void {\n        this.inputRef?.nativeElement?.focus();\n    }\n\n    /** Clear the query and emit InputCleared */\n    public Clear(): void {\n        this._Query = '';\n        this.queryInput$.next('');\n        this.QueryChange.emit('');\n        this.InputCleared.emit();\n        this.Focus();\n        this.cdr.detectChanges();\n    }\n\n    // --- Template event handlers ---\n\n    /** Handle native input event */\n    public OnInput(value: string): void {\n        this._Query = value;\n        this.queryInput$.next(value);\n    }\n\n    /** Handle keydown events on the input */\n    public OnKeydown(event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter':\n                event.preventDefault();\n                this.QuerySubmit.emit(this._Query);\n                break;\n            case 'Escape':\n                event.preventDefault();\n                this.InputEscaped.emit();\n                break;\n        }\n    }\n\n    /** Handle focus event */\n    public OnFocus(): void {\n        this.IsFocused = true;\n        this.InputFocused.emit();\n        this.cdr.detectChanges();\n    }\n\n    /** Handle click — re-opens suggest when input already has focus */\n    public OnClick(): void {\n        if (this.IsFocused) {\n            this.InputFocused.emit();\n        }\n    }\n\n    /** Handle blur event */\n    public OnBlur(): void {\n        this.IsFocused = false;\n        this.InputBlurred.emit();\n        this.cdr.detectChanges();\n    }\n\n    // --- Private ---\n\n    /** Platform-correct default for the shortcut badge (same detection idiom as\n        the Ctrl/Cmd+K keydown handlers that actually bind the chord). */\n    private static defaultShortcutHint(): string {\n        const isMac = typeof navigator !== 'undefined' && navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n        return isMac ? '⌘K' : 'Ctrl+K';\n    }\n\n    private setupDebounce(): void {\n        this.queryInput$\n            .pipe(\n                debounceTime(this.DebounceMs),\n                distinctUntilChanged(),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(value => {\n                this.QueryChange.emit(value);\n            });\n    }\n}\n","<div class=\"search-input-container\" [class.search-input-focused]=\"IsFocused\">\n    <i class=\"fa-solid fa-magnifying-glass search-input-icon\"></i>\n    <input\n        #inputEl\n        type=\"text\"\n        class=\"mj-input search-input-field\"\n        [placeholder]=\"Placeholder\"\n        [value]=\"Query\"\n        (input)=\"OnInput($any($event.target).value)\"\n        (keydown)=\"OnKeydown($event)\"\n        (focus)=\"OnFocus()\"\n        (blur)=\"OnBlur()\"\n        (click)=\"OnClick()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n    />\n    @if (Query.length > 0) {\n        <button\n            class=\"search-input-clear\"\n            (click)=\"Clear()\"\n            title=\"Clear search\"\n            aria-label=\"Clear search\"\n            type=\"button\"\n        >\n            <i class=\"fa-solid fa-times\"></i>\n        </button>\n    }\n    @if (ShowShortcutHint && !IsFocused && Query.length === 0) {\n        <kbd class=\"search-input-shortcut\">{{ ShortcutHint }}</kbd>\n    }\n</div>\n"]}
+{"version":3,"file":"search-input.component.js","sourceRoot":"","sources":["../../src/lib/search-input.component.ts","../../src/lib/search-input.component.html"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACH,SAAS,EAET,YAAY,EACZ,KAAK,EAGL,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,MAAM,EACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;;;ICJvE,iCAMC;IAJG,wLAAS,cAAO,KAAC;IAKjB,uBAAiC;IACrC,iBAAS;;;IAGT,8BAAmC;IAAA,YAAkB;IAAA,iBAAM;;;IAAxB,cAAkB;IAAlB,yCAAkB;;ADC7D,MAAM,OAAO,oBAAoB;IACrB,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAChC,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAC/B,WAAW,GAAG,IAAI,OAAO,EAAU,CAAC;IAEtB,QAAQ,CAAgC;IAE9D,+BAA+B;IAE/B,0CAA0C;IACjC,WAAW,GAAG,WAAW,CAAC;IAEnC,6DAA6D;IACrD,MAAM,GAAG,EAAE,CAAC;IAEpB,IACI,KAAK,CAAC,KAAa;QACnB,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IACD,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,uDAAuD;IAC9C,gBAAgB,GAAG,IAAI,CAAC;IAEjC;;;;;OAKG;IACM,YAAY,GAAG,oBAAoB,CAAC,mBAAmB,EAAE,CAAC;IAEnE,6DAA6D;IACpD,UAAU,GAAG,GAAG,CAAC;IAE1B,kBAAkB;IAElB,qDAAqD;IAC3C,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;IAEnD,sDAAsD;IAC5C,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;IAEnD,4CAA4C;IAClC,YAAY,GAAG,IAAI,YAAY,EAAQ,CAAC;IAElD,yCAAyC;IAC/B,YAAY,GAAG,IAAI,YAAY,EAAQ,CAAC;IAElD,wDAAwD;IAC9C,YAAY,GAAG,IAAI,YAAY,EAAQ,CAAC;IAElD,kEAAkE;IACxD,YAAY,GAAG,IAAI,YAAY,EAAQ,CAAC;IAElD,yBAAyB;IAEzB,4CAA4C;IACrC,SAAS,GAAG,KAAK,CAAC;IAEzB,QAAQ;QACJ,IAAI,CAAC,aAAa,EAAE,CAAC;IACzB,CAAC;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED,yBAAyB;IAEzB,+CAA+C;IACxC,KAAK;QACR,IAAI,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC;IAC1C,CAAC;IAED,4CAA4C;IACrC,KAAK;QACR,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,kCAAkC;IAElC,gCAAgC;IACzB,OAAO,CAAC,KAAa;QACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,yCAAyC;IAClC,SAAS,CAAC,KAAoB;QACjC,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAChB,KAAK,OAAO;gBACR,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBACnC,MAAM;YACV,KAAK,QAAQ;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;gBACzB,MAAM;QACd,CAAC;IACL,CAAC;IAED,yBAAyB;IAClB,OAAO;QACV,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,mEAAmE;IAC5D,OAAO;QACV,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,wBAAwB;IACjB,MAAM;QACT,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,kBAAkB;IAElB;yEACqE;IAC7D,MAAM,CAAC,mBAAmB;QAC9B,MAAM,KAAK,GAAG,OAAO,SAAS,KAAK,WAAW,IAAI,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACvG,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnC,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,WAAW;aACX,IAAI,CACD,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,EAC7B,oBAAoB,EAAE,EACtB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAC3B;aACA,SAAS,CAAC,KAAK,CAAC,EAAE;YACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC,CAAC,CAAC;IACX,CAAC;8GAzJQ,oBAAoB;6DAApB,oBAAoB;;;;;;YC7BjC,8BAA6E;YACzE,uBAA8D;YAC9D,mCAaE;YAHE,AADA,AADA,AADA,AADA,sGAAS,gCAAkC,IAAC,6FACjC,qBAAiB,IAAC,mFACpB,aAAS,IAAC,iFACX,YAAQ,IAAC,mFACR,aAAS,IAAC;YAVvB,iBAaE;YACF,yFAAwB;YAWxB,sFAA4D;YAGhE,iBAAM;;YA9B8B,qDAAwC;YAMpE,eAA2B;YAC3B,AADA,6CAA2B,oBACZ;YASnB,eAUC;YAVD,+CAUC;YACD,cAEC;YAFD,2FAEC;;;iFDAQ,oBAAoB;cANhC,SAAS;6BACM,KAAK,YACP,iBAAiB;;kBAS1B,SAAS;mBAAC,SAAS;;kBAKnB,KAAK;;kBAKL,KAAK;;kBAYL,KAAK;;kBAQL,KAAK;;kBAGL,KAAK;;kBAKL,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kBAGN,MAAM;;kFA1DE,oBAAoB","sourcesContent":["/**\n * @fileoverview Search Input Component\n *\n * A reusable search text input for navbar/hero placement.\n * Features debounced query emission, keyboard shortcut hint,\n * clear button, and focus management.\n */\n\nimport {\n    Component,\n    ElementRef,\n    EventEmitter,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ChangeDetectorRef,\n    inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\n@Component({\n    standalone: false,\n    selector: 'mj-search-input',\n    templateUrl: './search-input.component.html',\n    styleUrls: ['./search-input.component.css']\n})\nexport class SearchInputComponent implements OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private destroy$ = new Subject<void>();\n    private queryInput$ = new Subject<string>();\n\n    @ViewChild('inputEl') inputRef!: ElementRef<HTMLInputElement>;\n\n    // --- Configuration Inputs ---\n\n    /** Placeholder text shown in the input */\n    @Input() Placeholder = 'Search...';\n\n    /** Current query value (two-way bindable via QueryChange) */\n    private _Query = '';\n\n    @Input()\n    set Query(value: string) {\n        if (value !== this._Query) {\n            this._Query = value;\n            this.cdr.detectChanges();\n        }\n    }\n    get Query(): string {\n        return this._Query;\n    }\n\n    /** Whether to show the keyboard shortcut hint badge */\n    @Input() ShowShortcutHint = true;\n\n    /**\n     * Text to display in the shortcut hint badge. Defaults platform-aware:\n     * \"⌘K\" on macOS, \"Ctrl+K\" elsewhere (matching the actual chord, which hosts\n     * bind with metaKey on Mac). Set explicitly only to advertise a different\n     * chord.\n     */\n    @Input() ShortcutHint = SearchInputComponent.defaultShortcutHint();\n\n    /** Debounce time in milliseconds before QueryChange emits */\n    @Input() DebounceMs = 400;\n\n    // --- Outputs ---\n\n    /** Emitted after debounce when query text changes */\n    @Output() QueryChange = new EventEmitter<string>();\n\n    /** Emitted immediately when the user presses Enter */\n    @Output() QuerySubmit = new EventEmitter<string>();\n\n    /** Emitted when the input receives focus */\n    @Output() InputFocused = new EventEmitter<void>();\n\n    /** Emitted when the input loses focus */\n    @Output() InputBlurred = new EventEmitter<void>();\n\n    /** Emitted when the user presses Escape in the input */\n    @Output() InputEscaped = new EventEmitter<void>();\n\n    /** Emitted when the user clears the input via the clear button */\n    @Output() InputCleared = new EventEmitter<void>();\n\n    // --- Internal state ---\n\n    /** Whether the input currently has focus */\n    public IsFocused = false;\n\n    ngOnInit(): void {\n        this.setupDebounce();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // --- Public Methods ---\n\n    /** Programmatically focus the input element */\n    public Focus(): void {\n        this.inputRef?.nativeElement?.focus();\n    }\n\n    /** Clear the query and emit InputCleared */\n    public Clear(): void {\n        this._Query = '';\n        this.queryInput$.next('');\n        this.QueryChange.emit('');\n        this.InputCleared.emit();\n        this.Focus();\n        this.cdr.detectChanges();\n    }\n\n    // --- Template event handlers ---\n\n    /** Handle native input event */\n    public OnInput(value: string): void {\n        this._Query = value;\n        this.queryInput$.next(value);\n    }\n\n    /** Handle keydown events on the input */\n    public OnKeydown(event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter':\n                event.preventDefault();\n                this.QuerySubmit.emit(this._Query);\n                break;\n            case 'Escape':\n                event.preventDefault();\n                this.InputEscaped.emit();\n                break;\n        }\n    }\n\n    /** Handle focus event */\n    public OnFocus(): void {\n        this.IsFocused = true;\n        this.InputFocused.emit();\n        this.cdr.detectChanges();\n    }\n\n    /** Handle click — re-opens suggest when input already has focus */\n    public OnClick(): void {\n        if (this.IsFocused) {\n            this.InputFocused.emit();\n        }\n    }\n\n    /** Handle blur event */\n    public OnBlur(): void {\n        this.IsFocused = false;\n        this.InputBlurred.emit();\n        this.cdr.detectChanges();\n    }\n\n    // --- Private ---\n\n    /** Platform-correct default for the shortcut badge (same detection idiom as\n        the Ctrl/Cmd+K keydown handlers that actually bind the chord). */\n    private static defaultShortcutHint(): string {\n        const isMac = typeof navigator !== 'undefined' && navigator.platform.toUpperCase().indexOf('MAC') >= 0;\n        return isMac ? '⌘K' : 'Ctrl+K';\n    }\n\n    private setupDebounce(): void {\n        this.queryInput$\n            .pipe(\n                debounceTime(this.DebounceMs),\n                distinctUntilChanged(),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(value => {\n                this.QueryChange.emit(value);\n            });\n    }\n}\n","<div class=\"search-input-container\" [class.search-input-focused]=\"IsFocused\">\n    <i class=\"fa-solid fa-magnifying-glass search-input-icon\"></i>\n    <input\n        #inputEl\n        type=\"text\"\n        class=\"mj-input search-input-field\"\n        [placeholder]=\"Placeholder\"\n        [value]=\"Query\"\n        (input)=\"OnInput($any($event.target).value)\"\n        (keydown)=\"OnKeydown($event)\"\n        (focus)=\"OnFocus()\"\n        (blur)=\"OnBlur()\"\n        (click)=\"OnClick()\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n    />\n    @if (Query.length > 0) {\n        <button\n            class=\"search-input-clear\"\n            (click)=\"Clear()\"\n            title=\"Clear search\"\n            aria-label=\"Clear search\"\n            type=\"button\"\n        >\n            <i class=\"fa-solid fa-times\"></i>\n        </button>\n    }\n    @if (ShowShortcutHint && !IsFocused && Query.length === 0) {\n        <kbd class=\"search-input-shortcut\">{{ ShortcutHint }}</kbd>\n    }\n</div>\n"]}

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

@@ -359,7 +359,7 @@ function SearchOverlayComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵlistener("click", function SearchOverlayComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnBackdropClick()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(1, "div", 2);
-    i0.ɵɵlistener("click", function SearchOverlayComponent_Conditional_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.stopPropagation()); })("keydown", function SearchOverlayComponent_Conditional_0_Template_div_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSpotlightKeydown($event)); });
+    i0.ɵɵlistener("click", function SearchOverlayComponent_Conditional_0_Template_div_click_1_listener($event) { return $event.stopPropagation(); })("keydown", function SearchOverlayComponent_Conditional_0_Template_div_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSpotlightKeydown($event)); });
     i0.ɵɵelementStart(2, "div", 3);
     i0.ɵɵelement(3, "i", 4);
     i0.ɵɵelementStart(4, "input", 5, 0);
@@ -946,7 +946,7 @@ export class SearchOverlayComponent {
             i0.ɵɵconditionalCreate(0, SearchOverlayComponent_Conditional_0_Template, 19, 11);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
-        } }, dependencies: [i1.MJEmptyStateComponent], styles: ["\n\n\n.search-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    backdrop-filter: blur(8px);\n    z-index: 99998;\n    animation: _ngcontent-%COMP%_backdropFadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_backdropFadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.search-spotlight[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 12%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 680px;\n    max-width: calc(100vw - 2rem);\n    max-height: 70vh;\n    z-index: 99999;\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--mj-radius-xl);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_spotlightIn 0.25s ease;\n}\n\n@keyframes _ngcontent-%COMP%_spotlightIn {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(-10px) scale(0.98);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0) scale(1);\n    }\n}\n\n\n\n.search-input-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    gap: 0.75rem;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    font-family: inherit;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.search-spinner[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.search-shortcut-hint[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.15rem 0.5rem;\n    border-radius: 4px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-family: inherit;\n}\n\n.search-close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.search-close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n.search-results-area[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: calc(70vh - 56px);\n}\n\n\n\n.search-filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n    padding: 0.6rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.streaming-status-strip[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.streaming-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    padding: 0.2rem 0.55rem;\n    border-radius: 9999px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.74rem;\n}\n\n.streaming-chip-pending[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.streaming-chip-completed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-success-border);\n    color: var(--mj-status-success-text);\n}\n\n.streaming-chip-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error-text);\n}\n\n.streaming-chip-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.streaming-chip-count[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.streaming-chip-time[_ngcontent-%COMP%] {\n    opacity: 0.6;\n    font-size: 0.7rem;\n}\n\n.filter-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    padding: 0.25rem 0.6rem;\n    border-radius: 9999px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.filter-chip[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-primary);\n}\n\n.filter-chip-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.filter-chip-count[_ngcontent-%COMP%] {\n    opacity: 0.6;\n    font-size: 0.72rem;\n}\n\n.filter-clear-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0.25rem 0.6rem;\n    border-radius: 9999px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    cursor: pointer;\n}\n\n.filter-clear-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-status-error);\n}\n\n\n\n.search-recent[_ngcontent-%COMP%] {\n    padding: 0.5rem 0;\n}\n\n.search-recent-header[_ngcontent-%COMP%] {\n    padding: 0.5rem 1rem;\n}\n\n.search-recent-title[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n}\n\n.search-recent-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    transition: background 0.1s ease;\n}\n\n.search-recent-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.search-recent-icon[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n}\n\n.search-recent-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n\n\n.result-group[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.result-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.5rem 1rem;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n}\n\n.result-group-label[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.result-group-count[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n\n\n.result-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-item[_ngcontent-%COMP%]:hover, \n.result-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n\n.result-item[_ngcontent-%COMP%]:focus {\n    outline: none;\n}\n.result-item[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: -2px;\n}\n.search-recent-item[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: -2px;\n}\n\n.result-item-icon[_ngcontent-%COMP%] {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n    margin-top: 0.1rem;\n}\n\n.result-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-item-title[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 500;\n    font-size: 0.9rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-item-snippet[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin-top: 0.15rem;\n}\n\n.result-item-tags[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.3rem;\n    margin-top: 0.3rem;\n}\n\n.result-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-item-score[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.15rem 0.45rem;\n    border-radius: 9999px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    font-weight: 600;\n}\n\n\n\n.search-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.5rem 1rem;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.search-footer-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n.search-footer-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n\n\n\n\n.see-all-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-1-5);\n    padding: 0.35rem 0.8rem;\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.see-all-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n\n\n.agent-cta-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.6rem 1.2rem;\n    border-radius: 8px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.agent-cta-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.agent-cta-btn-small[_ngcontent-%COMP%] {\n    padding: 0.35rem 0.8rem;\n    font-size: 0.78rem;\n}\n\n\n\n@media (max-width: 640px) {\n    .search-spotlight[_ngcontent-%COMP%] {\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        transform: none;\n        width: 100%;\n        max-width: 100%;\n        height: 100dvh;\n        max-height: 100dvh;\n        border-radius: 0;\n        animation: none; \n\n    }\n\n    \n\n    .search-results-area[_ngcontent-%COMP%] {\n        flex: 1;\n        min-height: 0;\n        max-height: none;\n    }\n\n    \n\n\n    .search-filter-bar[_ngcontent-%COMP%] {\n        overflow-x: auto;\n        flex-wrap: nowrap;\n        -webkit-overflow-scrolling: touch;\n        gap: 0.5rem;\n        padding: 0.5rem 0.75rem;\n        align-items: center;\n    }\n\n    .search-filter-bar[_ngcontent-%COMP%]   .filter-chip[_ngcontent-%COMP%], \n   .search-filter-bar[_ngcontent-%COMP%]   .filter-clear-btn[_ngcontent-%COMP%] {\n        flex-shrink: 0;          \n\n        padding: 0.25rem 0.7rem;\n        line-height: 1.2;\n        font-size: 0.75rem;\n    }\n\n    \n\n    .search-shortcut-hint[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    \n\n\n\n    .search-close-btn[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n    .search-promo[_ngcontent-%COMP%] {\n        gap: var(--mj-space-3);\n    }\n    .search-promo-action[_ngcontent-%COMP%] {\n        padding: 0.6rem 1rem;\n    }\n    .search-promo-dismiss[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-sm);\n    }\n}\n\n\n\n\n.search-promo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.search-promo-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.search-promo-text[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.search-promo-action[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    padding: 0.2rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.search-promo-action[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n.search-promo-dismiss[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-disabled);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.search-promo-dismiss[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}"] });
+        } }, dependencies: [i1.MJEmptyStateComponent], styles: ["\n\n.search-backdrop[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    backdrop-filter: blur(8px);\n    z-index: 99998;\n    animation: _ngcontent-%COMP%_backdropFadeIn 0.2s ease;\n}\n\n@keyframes _ngcontent-%COMP%_backdropFadeIn {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.search-spotlight[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 12%;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 680px;\n    max-width: calc(100vw - 2rem);\n    max-height: 70vh;\n    z-index: 99999;\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--mj-radius-xl);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_spotlightIn 0.25s ease;\n}\n\n@keyframes _ngcontent-%COMP%_spotlightIn {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(-10px) scale(0.98);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0) scale(1);\n    }\n}\n\n\n.search-input-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    padding: 0.75rem 1rem;\n    border-bottom: 1px solid var(--mj-border-default);\n    gap: 0.75rem;\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    font-family: inherit;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: var(--mj-text-muted);\n}\n\n.search-spinner[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n}\n\n.search-shortcut-hint[_ngcontent-%COMP%]   kbd[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.15rem 0.5rem;\n    border-radius: 4px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    font-family: inherit;\n}\n\n.search-close-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.search-close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n.search-results-area[_ngcontent-%COMP%] {\n    overflow-y: auto;\n    max-height: calc(70vh - 56px);\n}\n\n\n.search-filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n    padding: 0.6rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.streaming-status-strip[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.4rem;\n    padding: 0.5rem 1rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.streaming-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    padding: 0.2rem 0.55rem;\n    border-radius: 9999px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.74rem;\n}\n\n.streaming-chip-pending[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.streaming-chip-completed[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-success-border);\n    color: var(--mj-status-success-text);\n}\n\n.streaming-chip-error[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    border-color: var(--mj-status-error-border);\n    color: var(--mj-status-error-text);\n}\n\n.streaming-chip-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n}\n\n.streaming-chip-count[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.streaming-chip-time[_ngcontent-%COMP%] {\n    opacity: 0.6;\n    font-size: 0.7rem;\n}\n\n.filter-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    padding: 0.25rem 0.6rem;\n    border-radius: 9999px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.filter-chip[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-text-primary);\n}\n\n.filter-chip-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.filter-chip-count[_ngcontent-%COMP%] {\n    opacity: 0.6;\n    font-size: 0.72rem;\n}\n\n.filter-clear-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0.25rem 0.6rem;\n    border-radius: 9999px;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n    cursor: pointer;\n}\n\n.filter-clear-btn[_ngcontent-%COMP%]:hover {\n    color: var(--mj-status-error);\n}\n\n\n.search-recent[_ngcontent-%COMP%] {\n    padding: 0.5rem 0;\n}\n\n.search-recent-header[_ngcontent-%COMP%] {\n    padding: 0.5rem 1rem;\n}\n\n.search-recent-title[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n}\n\n.search-recent-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    padding: 0.5rem 1rem;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-size: 0.9rem;\n    transition: background 0.1s ease;\n}\n\n.search-recent-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.search-recent-icon[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n}\n\n.search-recent-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n}\n\n\n.result-group[_ngcontent-%COMP%] {\n    padding: 0.25rem 0;\n}\n\n.result-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.5rem 1rem;\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    font-weight: 600;\n}\n\n.result-group-label[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.result-group-count[_ngcontent-%COMP%] {\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n\n.result-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 0.75rem;\n    padding: 0.6rem 1rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.result-item[_ngcontent-%COMP%]:hover, \n.result-item-highlighted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n\n\n.result-item[_ngcontent-%COMP%]:focus {\n    outline: none;\n}\n.result-item[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: -2px;\n}\n.search-recent-item[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: -2px;\n}\n\n.result-item-icon[_ngcontent-%COMP%] {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n    margin-top: 0.1rem;\n}\n\n.result-item-content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.result-item-title[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n    font-weight: 500;\n    font-size: 0.9rem;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.result-item-snippet[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.8rem;\n    line-height: 1.4;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n    margin-top: 0.15rem;\n}\n\n.result-item-tags[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 0.3rem;\n    margin-top: 0.3rem;\n}\n\n.result-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.1rem 0.4rem;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n}\n\n.result-item-score[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    margin-top: 0.2rem;\n}\n\n.score-badge[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 0.15rem 0.45rem;\n    border-radius: 9999px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    font-weight: 600;\n}\n\n\n.search-footer[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.5rem 1rem;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.search-footer-count[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 0.78rem;\n}\n\n.search-footer-actions[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n\n\n\n.see-all-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-1-5);\n    padding: 0.35rem 0.8rem;\n    border-radius: var(--mj-radius-md);\n    border: 1px solid var(--mj-border-default);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.78rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.see-all-btn[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n\n.agent-cta-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0.6rem 1.2rem;\n    border-radius: 8px;\n    border: none;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.85rem;\n    font-weight: 500;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.agent-cta-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.agent-cta-btn-small[_ngcontent-%COMP%] {\n    padding: 0.35rem 0.8rem;\n    font-size: 0.78rem;\n}\n\n\n@media (max-width: 640px) {\n    .search-spotlight[_ngcontent-%COMP%] {\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        transform: none;\n        width: 100%;\n        max-width: 100%;\n        height: 100dvh;\n        max-height: 100dvh;\n        border-radius: 0;\n        animation: none; \n    }\n\n    \n    .search-results-area[_ngcontent-%COMP%] {\n        flex: 1;\n        min-height: 0;\n        max-height: none;\n    }\n\n    \n\n    .search-filter-bar[_ngcontent-%COMP%] {\n        overflow-x: auto;\n        flex-wrap: nowrap;\n        -webkit-overflow-scrolling: touch;\n        gap: 0.5rem;\n        padding: 0.5rem 0.75rem;\n        align-items: center;\n    }\n\n    .search-filter-bar[_ngcontent-%COMP%]   .filter-chip[_ngcontent-%COMP%], \n   .search-filter-bar[_ngcontent-%COMP%]   .filter-clear-btn[_ngcontent-%COMP%] {\n        flex-shrink: 0;          \n        padding: 0.25rem 0.7rem;\n        line-height: 1.2;\n        font-size: 0.75rem;\n    }\n\n    \n    .search-shortcut-hint[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    \n\n\n    .search-close-btn[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n    .search-promo[_ngcontent-%COMP%] {\n        gap: var(--mj-space-3);\n    }\n    .search-promo-action[_ngcontent-%COMP%] {\n        padding: 0.6rem 1rem;\n    }\n    .search-promo-dismiss[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-sm);\n    }\n}\n\n\n\n.search-promo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.search-promo-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.search-promo-text[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.search-promo-action[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    padding: 0.2rem 0.6rem;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n    font-weight: var(--mj-font-medium);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n\n.search-promo-action[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-color: var(--mj-brand-primary);\n}\n\n.search-promo-dismiss[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-full);\n    background: transparent;\n    color: var(--mj-text-disabled);\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n    flex-shrink: 0;\n}\n\n.search-promo-dismiss[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-secondary);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchOverlayComponent, [{
         type: Component,