@memberjunction/ng-explorer-core 5.46.0 → 5.48.0

package/dist/lib/omnibar/omnibar-palette.component.js

@@ -0,0 +1,829 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, ViewChild, inject, } from '@angular/core';
+import { CompositeKey } from '@memberjunction/core';
+import { Metadata } from '@memberjunction/core';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { ApplicationManager } from '@memberjunction/ng-base-application';
+import { SearchService } from '@memberjunction/ng-search';
+import { FileOpenService } from '@memberjunction/ng-file-storage';
+import { firstValueFrom, skip } from 'rxjs';
+import { CommandPaletteService } from '../command-palette/command-palette.service';
+import { DiscoverOmnibarProviders, GetOmnibarNavPayload, } from './omnibar-provider';
+import { LoadOmnibarProviders } from './index';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _c0 = ["paletteInput"];
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.Char;
+const _forTrack2 = ($index, $item) => $item.Suggestion.id;
+function OmnibarPaletteComponent_Conditional_0_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "b");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.ActiveTriggerChar);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 5);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_14_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_14_For_4_Template_button_click_0_listener() { const scope_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ToggleScope(scope_r5.ID)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const scope_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("ob-scope--on", ctx_r1.IsScopeSelected(scope_r5.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(scope_r5.Name);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "button", 20);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_14_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ClearScopes()); });
+    i0.ɵɵtext(2, "All sources");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_14_For_4_Template, 2, 3, "button", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("ob-scope--on", ctx_r1.SelectedScopeIDs.length === 0);
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.Scopes);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    i0.ɵɵelement(1, "i", 22);
+    i0.ɵɵtext(2, " Searching\u2026");
+    i0.ɵɵelementEnd();
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_17_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 25);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_17_For_2_Template_button_click_0_listener() { const hint_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SeedTrigger(hint_r7.Char)); });
+    i0.ɵɵelementStart(1, "b");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const hint_r7 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(hint_r7.Char);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(hint_r7.Label);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵlistener("focus", function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template_div_focus_0_listener() { const ɵ$index_65_r9 = i0.ɵɵrestoreView(_r8).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ctx_r1.RecentBaseIndex + ɵ$index_65_r9); })("keydown", function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template_div_keydown_0_listener($event) { const row_r10 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnRowKeydown($event, row_r10.Suggestion)); })("mouseenter", function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template_div_mouseenter_0_listener() { const ɵ$index_65_r9 = i0.ɵɵrestoreView(_r8).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ctx_r1.RecentBaseIndex + ɵ$index_65_r9); })("click", function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template_div_click_0_listener() { const row_r10 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.Execute(row_r10.Suggestion)); });
+    i0.ɵɵelementStart(1, "span", 29);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 30)(4, "span", 31);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "span", 32);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "span", 33)(9, "span", 34);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const row_r10 = ctx.$implicit;
+    const ɵ$index_65_r9 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("ob-row--sel", ctx_r1.RecentBaseIndex + ɵ$index_65_r9 === ctx_r1.SelectedIndex);
+    i0.ɵɵattribute("id", "ob-opt-" + (ctx_r1.RecentBaseIndex + ɵ$index_65_r9))("tabindex", ctx_r1.RecentBaseIndex + ɵ$index_65_r9 === ctx_r1.SelectedIndex ? 0 : -1)("aria-selected", ctx_r1.RecentBaseIndex + ɵ$index_65_r9 === ctx_r1.SelectedIndex);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(row_r10.Suggestion.icon || "fa-solid fa-clock-rotate-left");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r10.Suggestion.displayName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r10.Suggestion.description);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r10.Suggestion.type);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵtext(1, "Recent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 15);
+    i0.ɵɵrepeaterCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_For_4_Template, 11, 10, "div", 27, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.RecentRows);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵrepeaterCreate(1, OmnibarPaletteComponent_Conditional_0_Conditional_17_For_2_Template, 5, 2, "button", 24, _forTrack1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_17_Conditional_3_Template, 5, 0);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.TriggerHints);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.RecentRows.length > 0 ? 3 : -1);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1, "No matches \u2014 press ");
+    i0.ɵɵelementStart(2, "kbd", 8);
+    i0.ɵɵtext(3, "\u21B5");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" to search everything for \u201C", ctx_r1.EffectiveQuery, "\u201D.");
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r12 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r12.GroupLabel);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r12 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r12.Suggestion.description);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r12 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("width", row_r12.ScorePercent, "%");
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_0_Template, 2, 1, "div", 26);
+    i0.ɵɵelementStart(1, "div", 28);
+    i0.ɵɵlistener("focus", function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template_div_focus_1_listener() { const ɵ$index_96_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_96_r13); })("keydown", function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template_div_keydown_1_listener($event) { const row_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRowKeydown($event, row_r12.Suggestion)); })("mouseenter", function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template_div_mouseenter_1_listener() { const ɵ$index_96_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_96_r13); })("click", function OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template_div_click_1_listener() { const row_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.Execute(row_r12.Suggestion)); });
+    i0.ɵɵelementStart(2, "span", 29);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 30)(5, "span", 31);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_7_Template, 2, 1, "span", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 33);
+    i0.ɵɵconditionalCreate(9, OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Conditional_9_Template, 2, 2, "span", 35);
+    i0.ɵɵelementStart(10, "span", 34);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 36);
+    i0.ɵɵtext(13, "open ");
+    i0.ɵɵelementStart(14, "kbd", 8);
+    i0.ɵɵtext(15, "\u21B5");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const row_r12 = ctx.$implicit;
+    const ɵ$index_96_r13 = ctx.$index;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(row_r12.GroupLabel ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("ob-row--sel", ɵ$index_96_r13 === ctx_r1.SelectedIndex);
+    i0.ɵɵattribute("id", "ob-opt-" + ɵ$index_96_r13)("tabindex", ɵ$index_96_r13 === ctx_r1.SelectedIndex ? 0 : -1)("aria-selected", ɵ$index_96_r13 === ctx_r1.SelectedIndex);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(row_r12.Suggestion.icon || "fa-solid fa-circle");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r12.Suggestion.displayName);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r12.Suggestion.description ? 7 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(row_r12.ScorePercent != null ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r12.Suggestion.type);
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
+    i0.ɵɵrepeaterCreate(1, OmnibarPaletteComponent_Conditional_0_Conditional_19_For_2_Template, 16, 12, null, null, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.Rows);
+} }
+function OmnibarPaletteComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Close()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 2);
+    i0.ɵɵlistener("keydown", function OmnibarPaletteComponent_Conditional_0_Template_div_keydown_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPaletteKeydown($event)); });
+    i0.ɵɵelementStart(2, "div", 3)(3, "span", 4);
+    i0.ɵɵconditionalCreate(4, OmnibarPaletteComponent_Conditional_0_Conditional_4_Template, 2, 1, "b")(5, OmnibarPaletteComponent_Conditional_0_Conditional_5_Template, 1, 0, "i", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "input", 6, 0);
+    i0.ɵɵlistener("ngModelChange", function OmnibarPaletteComponent_Conditional_0_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnQueryChange($event)); })("keydown", function OmnibarPaletteComponent_Conditional_0_Template_input_keydown_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnInputKeydown($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 7);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "kbd", 8);
+    i0.ɵɵtext(11, "esc");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "button", 9);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Close()); });
+    i0.ɵɵelement(13, "i", 10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(14, OmnibarPaletteComponent_Conditional_0_Conditional_14_Template, 5, 2, "div", 11);
+    i0.ɵɵelementStart(15, "div", 12);
+    i0.ɵɵconditionalCreate(16, OmnibarPaletteComponent_Conditional_0_Conditional_16_Template, 3, 0, "div", 13)(17, OmnibarPaletteComponent_Conditional_0_Conditional_17_Template, 4, 1)(18, OmnibarPaletteComponent_Conditional_0_Conditional_18_Template, 5, 1, "div", 14)(19, OmnibarPaletteComponent_Conditional_0_Conditional_19_Template, 3, 0, "div", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 16)(21, "span", 17)(22, "kbd", 8);
+    i0.ɵɵtext(23, "\u2191");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(24, "kbd", 8);
+    i0.ɵɵtext(25, "\u2193");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(26, " navigate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "span", 17)(28, "kbd", 8);
+    i0.ɵɵtext(29, "\u21B5");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(30, " open");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "button", 18);
+    i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RequestSettings()); });
+    i0.ɵɵelement(32, "i", 19);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("ob-lead--trigger", ctx_r1.ActiveTriggerChar.length > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ActiveTriggerChar.length > 0 ? 4 : 5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("placeholder", ctx_r1.ActivePlaceholder)("ngModel", ctx_r1.Query);
+    i0.ɵɵattribute("aria-expanded", ctx_r1.HasOptions)("aria-activedescendant", ctx_r1.ActiveDescendantId);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.ActiveModeLabel);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.ShowScopes && ctx_r1.Scopes.length > 0 ? 14 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.IsLoading ? 16 : ctx_r1.Rows.length === 0 && ctx_r1.Query.length === 0 ? 17 : ctx_r1.Rows.length === 0 ? 18 : 19);
+} }
+/** Debounce for the default (network-backed) search mode; trigger modes serve warm caches. */
+const SEARCH_DEBOUNCE_MS = 300;
+/** Max suggestions requested per keystroke. */
+const MAX_RESULTS = 9;
+/**
+ * The unified Explorer command palette (Ctrl/Cmd+K): one surface for global
+ * cross-source search (plain text), jump-to-record ('#'), commands & apps ('/'),
+ * and agents ('@') — every mode a pluggable {@link OmnibarProvider}, discovered via
+ * the MJ ClassFactory so OpenApps can add modes without touching this component.
+ *
+ * Design source of truth: plans/composer-adoption/mockups/omnibar-command-palette.html.
+ */
+export class OmnibarPaletteComponent {
+    cdr = inject(ChangeDetectorRef);
+    host = inject(ElementRef);
+    navigation = inject(NavigationService);
+    appManager = inject(ApplicationManager);
+    search = inject(SearchService);
+    paletteService = inject(CommandPaletteService);
+    fileOpen = inject(FileOpenService);
+    inputRef;
+    /** Palette visibility (open via {@link Open}; Escape/backdrop close). */
+    IsOpen = false;
+    /** Raw input text including any leading trigger char. */
+    Query = '';
+    Rows = [];
+    RecentRows = [];
+    SelectedIndex = 0;
+    IsLoading = false;
+    Scopes = [];
+    SelectedScopeIDs = [];
+    Opened = new EventEmitter();
+    Closed = new EventEmitter();
+    /** Footer gear clicked — the host opens its settings surface (Explorer: My
+        Profile, where the Command Palette opt-in section lives). The palette
+        closes first so the settings dialog isn't buried under it. */
+    SettingsRequested = new EventEmitter();
+    providers = [];
+    defaultProvider = null;
+    byTrigger = new Map();
+    queryGeneration = 0;
+    debounceHandle = null;
+    /** Element focused before the palette opened — restored on close (a11y). */
+    previousFocus = null;
+    recentsSub = null;
+    // ---------------------------------------------------------------
+    // Derived view state
+    // ---------------------------------------------------------------
+    /** The active trigger char ('' = default/global-search mode). */
+    get ActiveTriggerChar() {
+        const first = this.Query.charAt(0);
+        return this.byTrigger.has(first) ? first : '';
+    }
+    /** Query text with the trigger char stripped. */
+    get EffectiveQuery() {
+        return this.ActiveTriggerChar ? this.Query.substring(1) : this.Query;
+    }
+    get ActiveModeLabel() {
+        return this.activeProvider?.ModeLabel ?? 'Search';
+    }
+    get ActivePlaceholder() {
+        return this.activeProvider?.Placeholder ?? 'Search everything — or type #, /, @ …';
+    }
+    /** Scope pills only apply to the cross-source search mode. */
+    get ShowScopes() {
+        return this.ActiveTriggerChar === '' && this.EffectiveQuery.trim().length > 0;
+    }
+    /** Footer gear: close, then let the host present its settings surface. */
+    RequestSettings() {
+        this.Close();
+        this.SettingsRequested.emit();
+    }
+    /** Hint chips for the empty state — one per non-default provider. */
+    get TriggerHints() {
+        return this.providers
+            .filter((p) => p.TriggerChar !== '')
+            .map((p) => ({ Char: p.TriggerChar, Label: p.ModeLabel }));
+    }
+    /** RecentRows render after the hint bar; selection indexes continue into them. */
+    get RecentBaseIndex() {
+        return 0;
+    }
+    get activeProvider() {
+        const char = this.ActiveTriggerChar;
+        return char ? (this.byTrigger.get(char) ?? null) : this.defaultProvider;
+    }
+    get selectableRows() {
+        return this.Rows.length > 0 ? this.Rows : this.RecentRows;
+    }
+    /**
+     * ARIA combobox wiring: the input keeps DOM focus while this points at the
+     * virtually-highlighted option row, so screen readers announce selection moves.
+     */
+    get ActiveDescendantId() {
+        return this.selectableRows.length > 0 ? `ob-opt-${this.SelectedIndex}` : null;
+    }
+    /** Whether any option rows exist — drives the combobox's aria-expanded. */
+    get HasOptions() {
+        return this.selectableRows.length > 0;
+    }
+    // ---------------------------------------------------------------
+    // Public API
+    // ---------------------------------------------------------------
+    /** Opens the palette, optionally pre-seeded (e.g. '/' from the legacy Ctrl+/ path). */
+    Open(initialQuery = '') {
+        this.ensureProviders();
+        this.previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        this.IsOpen = true;
+        this.Query = initialQuery;
+        this.Rows = [];
+        this.SelectedIndex = 0;
+        void this.loadScopes();
+        void this.loadRecents();
+        if (initialQuery.length > 0) {
+            this.runQuery();
+        }
+        this.Opened.emit();
+        this.cdr.markForCheck();
+        // Input mounts via @if — focus next tick.
+        setTimeout(() => this.inputRef?.nativeElement.focus(), 30);
+    }
+    Close() {
+        if (!this.IsOpen) {
+            return;
+        }
+        this.IsOpen = false;
+        this.Query = '';
+        this.Rows = [];
+        this.Closed.emit();
+        this.cdr.markForCheck();
+        // Return focus to where the user was (skip if that element left the DOM).
+        if (this.previousFocus?.isConnected) {
+            this.previousFocus.focus();
+        }
+        this.previousFocus = null;
+    }
+    Toggle(initialQuery = '') {
+        if (this.IsOpen) {
+            this.Close();
+        }
+        else {
+            this.Open(initialQuery);
+        }
+    }
+    ngOnDestroy() {
+        if (this.debounceHandle != null) {
+            clearTimeout(this.debounceHandle);
+        }
+        this.recentsSub?.unsubscribe();
+    }
+    // ---------------------------------------------------------------
+    // Input handling
+    // ---------------------------------------------------------------
+    OnQueryChange(value) {
+        this.Query = value;
+        this.SelectedIndex = 0;
+        this.runQuery();
+    }
+    OnInputKeydown(event) {
+        const rows = this.selectableRows;
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.moveSelection(1);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.moveSelection(-1);
+                break;
+            case 'Enter': {
+                event.preventDefault();
+                const row = rows[this.SelectedIndex];
+                if (row) {
+                    this.Execute(row.Suggestion);
+                }
+                else if (this.ActiveTriggerChar === '' && this.EffectiveQuery.trim().length > 1) {
+                    // No rows yet (still loading / no matches): honest escape hatch to full search.
+                    this.openFullSearch(this.EffectiveQuery.trim());
+                }
+                break;
+            }
+        }
+    }
+    /**
+     * Dialog-level keys (bubbled from anywhere inside the palette):
+     * - Escape closes from any focused element, not just the input.
+     * - Tab follows the natural visual order — input → scope pills → mode chips →
+     *   the selected result row (roving tabindex) — and TRAPS at the ends so focus
+     *   cycles inside the dialog instead of escaping to the page underneath.
+     *   (Design review: Tab must reach the three mode chips, not skip them.)
+     */
+    OnPaletteKeydown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            this.Close();
+            return;
+        }
+        if (event.key !== 'Tab') {
+            return;
+        }
+        // On a result row, Tab / Shift+Tab step through the RESULTS themselves
+        // (mirrors ArrowDown/Up) until walking off either end of the list — then
+        // the trap logic below takes over. Same model as mj-search-overlay.
+        const activeEl = document.activeElement;
+        if (activeEl?.classList.contains('ob-row')) {
+            const last = this.selectableRows.length - 1;
+            if (!event.shiftKey && this.SelectedIndex < last) {
+                event.preventDefault();
+                this.moveSelection(1, true);
+                return;
+            }
+            if (event.shiftKey && this.SelectedIndex > 0) {
+                event.preventDefault();
+                this.moveSelection(-1, true);
+                return;
+            }
+            // At either end: fall through so Tab leaves the list naturally.
+        }
+        const root = this.host.nativeElement.querySelector('.omnibar-palette');
+        if (!root) {
+            return;
+        }
+        const focusables = Array.from(root.querySelectorAll('input, button, .ob-row[tabindex="0"]'))
+            .filter((el) => el.offsetParent !== null);
+        if (focusables.length === 0) {
+            return;
+        }
+        const active = document.activeElement;
+        if (!event.shiftKey && active === focusables[focusables.length - 1]) {
+            event.preventDefault();
+            focusables[0].focus();
+        }
+        else if (event.shiftKey && active === focusables[0]) {
+            event.preventDefault();
+            focusables[focusables.length - 1].focus();
+        }
+    }
+    /** Keys on a focused result row (rows are real focus stops via roving tabindex). */
+    OnRowKeydown(event, suggestion) {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                this.moveSelection(1, true);
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                this.moveSelection(-1, true);
+                break;
+            case 'Enter':
+                event.preventDefault();
+                this.Execute(suggestion);
+                break;
+        }
+    }
+    /**
+     * Keyboard-driven selection move: wraps at both ends (standard picker behavior)
+     * and keeps the highlighted row visible. Mouse hover sets SelectedIndex directly
+     * in the template and deliberately does NOT scroll — auto-scrolling under the
+     * pointer would fight the user's hand. When the move originates from a focused
+     * row (roving tabindex), DOM focus follows the selection.
+     */
+    moveSelection(delta, focusRow = false) {
+        const count = this.selectableRows.length;
+        if (count === 0) {
+            return;
+        }
+        this.SelectedIndex = (this.SelectedIndex + delta + count) % count;
+        this.cdr.markForCheck();
+        const row = this.host.nativeElement.querySelector(`#ob-opt-${this.SelectedIndex}`);
+        row?.scrollIntoView({ block: 'nearest' });
+        if (focusRow) {
+            row?.focus();
+        }
+    }
+    /** Hint-chip click: seed the trigger char and refocus. */
+    SeedTrigger(char) {
+        this.Query = char;
+        this.SelectedIndex = 0;
+        this.runQuery();
+        this.inputRef?.nativeElement.focus();
+    }
+    // ---------------------------------------------------------------
+    // Scopes
+    // ---------------------------------------------------------------
+    IsScopeSelected(id) {
+        return this.SelectedScopeIDs.includes(id);
+    }
+    ToggleScope(id) {
+        this.SelectedScopeIDs = this.IsScopeSelected(id)
+            ? this.SelectedScopeIDs.filter((s) => s !== id)
+            : [...this.SelectedScopeIDs, id];
+        this.cdr.markForCheck();
+    }
+    ClearScopes() {
+        this.SelectedScopeIDs = [];
+        this.cdr.markForCheck();
+    }
+    // ---------------------------------------------------------------
+    // Execution
+    // ---------------------------------------------------------------
+    /** Executes a suggestion: navigate per its payload, or re-seed for entity drill-in. */
+    Execute(suggestion) {
+        const nav = GetOmnibarNavPayload(suggestion);
+        if (!nav) {
+            return; // foreign suggestion with no navigation — nothing to execute
+        }
+        // Default-mode queries count as "searches" even when the user executes a
+        // suggestion that navigates directly (no full ExecuteSearch downstream to
+        // record them). Trigger-mode fragments ('#accounts ac…') are NOT searches —
+        // recording those would pollute recents. 'search' payloads skip too: the
+        // results page records them with the real result count.
+        const typed = this.EffectiveQuery.trim();
+        if (this.ActiveTriggerChar === '' && typed.length > 0 && nav.kind !== 'search') {
+            this.search.RecordRecentSearch(typed);
+        }
+        switch (nav.kind) {
+            case 'record':
+                this.navigation.OpenEntityRecord(nav.entityName, CompositeKey.FromID(nav.recordId));
+                break;
+            case 'entity-list':
+                this.navigation.OpenDynamicView(nav.entityName);
+                break;
+            case 'search':
+                this.openFullSearch(nav.query);
+                return; // openFullSearch closes
+            case 'app':
+                void this.paletteService.TrackAppAccess(nav.appId);
+                void this.navigation.SwitchToApp(nav.appId);
+                break;
+            case 'nav':
+                void this.navigation.SwitchToApp(nav.appId, nav.navItemName);
+                break;
+            case 'agent':
+                void this.openAgentChat(nav.agentName);
+                break;
+            case 'file':
+                if (!this.fileOpen.OpenPreviewFromSearchResult(nav.rawMetadata)) {
+                    void this.fileOpen.OpenFileFromSearchResult(nav.rawMetadata);
+                }
+                break;
+        }
+        this.Close();
+    }
+    openFullSearch(query) {
+        const opts = this.SelectedScopeIDs.length > 0 ? { scopeIDs: [...this.SelectedScopeIDs] } : undefined;
+        this.navigation.OpenSearch(query, opts);
+        this.Close();
+    }
+    /** '@' selection: switch to the Chat app pre-addressed to the agent. */
+    async openAgentChat(agentName) {
+        const apps = await firstValueFrom(this.appManager.Applications).catch(() => []);
+        const chat = apps.find((a) => a.Name.trim().toLowerCase() === 'chat');
+        if (chat) {
+            // agentReq is a one-shot request nonce: the chat wrapper applies each
+            // agent|nonce instruction exactly once, so URL↔tab-config sync echoes
+            // of an already-consumed param can never re-stage the pre-address (and
+            // wipe an in-progress composer draft), while a genuine re-tag of the
+            // SAME agent still applies because it carries a fresh nonce.
+            await this.navigation.SwitchToApp(chat.ID, undefined, {
+                agent: agentName,
+                agentReq: Date.now().toString(36),
+            });
+        }
+    }
+    // ---------------------------------------------------------------
+    // Query execution
+    // ---------------------------------------------------------------
+    ensureProviders() {
+        if (this.providers.length > 0) {
+            return;
+        }
+        // Kick off the persisted-recents load (idempotent; resolves via LoggedIn
+        // replay). The legacy search composite used to be the only caller — with
+        // the omnibar enabled it never renders, so prior-session recents were
+        // invisible until the palette started requesting them itself.
+        void this.search.LoadRecentSearches();
+        // Refresh the empty-state Recent rows whenever recents change while the
+        // palette is idle-open (skip(1): BehaviorSubject replays its current
+        // value on subscribe, which loadRecents already read directly).
+        this.recentsSub = this.search.RecentSearches$.pipe(skip(1)).subscribe(() => {
+            if (this.IsOpen && this.Query.length === 0) {
+                void this.loadRecents();
+            }
+        });
+        LoadOmnibarProviders();
+        this.providers = DiscoverOmnibarProviders();
+        const context = {
+            Search: this.search,
+            Apps: this.appManager,
+            PaletteService: this.paletteService,
+            Navigation: this.navigation,
+        };
+        for (const provider of this.providers) {
+            provider.Attach(context);
+            if (provider.TriggerChar === '') {
+                this.defaultProvider = this.defaultProvider ?? provider;
+            }
+            else if (!this.byTrigger.has(provider.TriggerChar)) {
+                this.byTrigger.set(provider.TriggerChar, provider);
+            }
+        }
+    }
+    runQuery() {
+        if (this.debounceHandle != null) {
+            clearTimeout(this.debounceHandle);
+            this.debounceHandle = null;
+        }
+        const generation = ++this.queryGeneration;
+        const provider = this.activeProvider;
+        const query = this.EffectiveQuery;
+        const isTriggerMode = this.ActiveTriggerChar !== '';
+        if (!provider || (query.trim().length === 0 && !isTriggerMode)) {
+            this.Rows = [];
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+            return;
+        }
+        const fire = () => void this.fetchSuggestions(provider, query, generation);
+        if (isTriggerMode) {
+            fire(); // warm caches — no debounce
+        }
+        else {
+            this.IsLoading = this.Rows.length === 0;
+            this.cdr.markForCheck();
+            this.debounceHandle = setTimeout(fire, SEARCH_DEBOUNCE_MS);
+        }
+    }
+    async fetchSuggestions(provider, query, generation) {
+        const request = {
+            Query: query,
+            MaxResults: MAX_RESULTS,
+            ContextUser: this.currentUser,
+            Provider: null,
+        };
+        const suggestions = query.trim().length === 0
+            ? await provider.EmptyStateSuggestions(request)
+            : await provider.GetSuggestions(request);
+        if (generation !== this.queryGeneration) {
+            return; // stale response — a newer keystroke superseded it
+        }
+        this.Rows = this.toRows(suggestions);
+        this.SelectedIndex = 0;
+        this.IsLoading = false;
+        this.cdr.markForCheck();
+    }
+    toRows(suggestions) {
+        let lastGroup = null;
+        return suggestions.map((s) => {
+            const group = typeof s.data?.['group'] === 'string' ? s.data['group'] : '';
+            const isNewGroup = group.length > 0 && group !== lastGroup;
+            if (group.length > 0) {
+                lastGroup = group;
+            }
+            const score = typeof s.data?.['score'] === 'number' ? s.data['score'] : null;
+            return {
+                Suggestion: s,
+                GroupLabel: isNewGroup ? group : null,
+                ScorePercent: score != null ? Math.round(Math.max(0, Math.min(1, score)) * 100) : null,
+            };
+        });
+    }
+    async loadScopes() {
+        try {
+            this.Scopes = await this.search.LoadScopes();
+            this.cdr.markForCheck();
+        }
+        catch {
+            this.Scopes = [];
+        }
+    }
+    /** Empty-state recents: recent searches + recent apps (best-effort). */
+    async loadRecents() {
+        const rows = [];
+        try {
+            const recentSearches = this.search.RecentSearches$.value.slice(0, 3);
+            for (const recent of recentSearches) {
+                rows.push({
+                    Suggestion: {
+                        type: 'search',
+                        id: `recent-search:${recent.Query}`,
+                        name: recent.Query,
+                        displayName: recent.Query,
+                        description: 'Recent search',
+                        icon: 'fa-solid fa-clock-rotate-left',
+                        data: { nav: { kind: 'search', query: recent.Query } },
+                    },
+                    GroupLabel: null,
+                    ScorePercent: null,
+                });
+            }
+        }
+        catch {
+            // recents are decorative — never block the palette
+        }
+        try {
+            const commandProvider = this.byTrigger.get('/');
+            if (commandProvider) {
+                const apps = await commandProvider.EmptyStateSuggestions({
+                    Query: '', MaxResults: 3, ContextUser: this.currentUser, Provider: null,
+                });
+                rows.push(...apps.map((s) => ({ Suggestion: s, GroupLabel: null, ScorePercent: null })));
+            }
+        }
+        catch {
+            // ditto
+        }
+        this.RecentRows = rows;
+        this.cdr.markForCheck();
+    }
+    get currentUser() {
+        return Metadata.Provider?.CurrentUser ?? null; // global-provider-ok: Explorer shell palette is app chrome bound to the session's default provider
+    }
+    static ɵfac = function OmnibarPaletteComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OmnibarPaletteComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OmnibarPaletteComponent, selectors: [["mj-omnibar-palette"]], viewQuery: function OmnibarPaletteComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);
+        } }, outputs: { Opened: "Opened", Closed: "Closed", SettingsRequested: "SettingsRequested" }, standalone: false, decls: 1, vars: 1, consts: [["paletteInput", ""], [1, "omnibar-overlay", 3, "click"], ["role", "dialog", "aria-modal", "true", "aria-label", "Command palette", 1, "omnibar-palette", 3, "keydown"], [1, "ob-input-row"], [1, "ob-lead"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "autocomplete", "off", "spellcheck", "false", "role", "combobox", "aria-controls", "ob-listbox", "aria-autocomplete", "list", 1, "ob-input", 3, "ngModelChange", "keydown", "placeholder", "ngModel"], [1, "ob-mode-badge"], [1, "ob-kbd"], ["type", "button", "aria-label", "Close", "title", "Close", 1, "ob-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "ob-scopes"], [1, "ob-body"], [1, "ob-loading"], [1, "ob-empty"], ["id", "ob-listbox", "role", "listbox", "aria-label", "Suggestions"], [1, "ob-foot"], [1, "ob-k"], ["type", "button", "aria-label", "Command Palette settings", "title", "Command Palette settings", 1, "ob-settings", 3, "click"], [1, "fa-solid", "fa-gear"], ["type", "button", 1, "ob-scope", 3, "click"], ["type", "button", 1, "ob-scope", 3, "ob-scope--on"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [1, "ob-hintbar"], ["type", "button", 1, "ob-hint-chip"], ["type", "button", 1, "ob-hint-chip", 3, "click"], ["role", "presentation", 1, "ob-group-label"], ["role", "option", 1, "ob-row", 3, "ob-row--sel"], ["role", "option", 1, "ob-row", 3, "focus", "keydown", "mouseenter", "click"], [1, "ob-ric"], [1, "ob-rmain"], [1, "ob-rname"], [1, "ob-rsub"], [1, "ob-raux"], [1, "ob-rtype"], [1, "ob-score"], [1, "ob-go"]], template: function OmnibarPaletteComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Template, 33, 10);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel], styles: ["\n\n\n.omnibar-overlay[_ngcontent-%COMP%] {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1400;\n}\n\n.omnibar-palette[_ngcontent-%COMP%] {\n    position: fixed;\n    left: 50%;\n    top: 96px;\n    transform: translateX(-50%);\n    width: min(680px, 92vw);\n    \n\n\n\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 96px - 24px);\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-xl);\n    box-shadow: var(--mj-shadow-lg, 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 22%, transparent));\n    z-index: 1401;\n    overflow: hidden;\n    animation: _ngcontent-%COMP%_ob-pop .13s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_ob-pop {\n    from { opacity: 0; transform: translateX(-50%) scale(.985) translateY(-4px); }\n    to { opacity: 1; transform: translateX(-50%) scale(1); }\n}\n\n.ob-input-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 18px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ob-lead[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 15px;\n    width: 18px;\n    text-align: center;\n}\n\n.ob-lead--trigger[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n.ob-lead[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] { font-family: ui-monospace, monospace; }\n\n.ob-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    font-size: 16px;\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n.ob-input[_ngcontent-%COMP%]::placeholder { color: var(--mj-text-muted); }\n\n.ob-mode-badge[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .4px;\n    text-transform: uppercase;\n    padding: 3px 9px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.ob-kbd[_ngcontent-%COMP%] {\n    font-family: inherit;\n    font-size: 10.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-bottom-width: 2px;\n    border-radius: 5px;\n    padding: 1.5px 6px;\n}\n\n.ob-close[_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.ob-close[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.ob-scopes[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    padding: 9px 18px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-wrap: wrap;\n}\n\n.ob-scope[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-full, 999px);\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    background: transparent;\n}\n\n.ob-scope--on[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.ob-body[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n    min-height: 0;\n    overflow-y: auto;\n    padding: 6px 0;\n}\n\n.ob-loading[_ngcontent-%COMP%], \n.ob-empty[_ngcontent-%COMP%] {\n    padding: 18px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.ob-group-label[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 10px 18px 5px;\n}\n\n.ob-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 9px 18px;\n    cursor: pointer;\n}\n\n\n\n\n.ob-row[_ngcontent-%COMP%]:focus { outline: none; }\n.ob-row[_ngcontent-%COMP%]:focus-visible { outline: 2px solid var(--mj-border-focus); outline-offset: -2px; }\n\n.ob-row--sel[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 9%, transparent);\n    box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n}\n\n.ob-ric[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 30px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.ob-row--sel[_ngcontent-%COMP%]   .ob-ric[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 16%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.ob-rmain[_ngcontent-%COMP%] { flex: 1; min-width: 0; display: flex; flex-direction: column; }\n\n.ob-rname[_ngcontent-%COMP%] {\n    font-size: 13.5px;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    color: var(--mj-text-primary);\n}\n\n.ob-rsub[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-top: 1px;\n}\n\n.ob-raux[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }\n\n.ob-rtype[_ngcontent-%COMP%] {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    text-transform: capitalize;\n}\n\n.ob-score[_ngcontent-%COMP%] {\n    width: 52px;\n    height: 4px;\n    border-radius: 2px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.ob-score[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { display: block; height: 100%; background: var(--mj-brand-primary); }\n\n.ob-go[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    opacity: 0;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n}\n\n.ob-row--sel[_ngcontent-%COMP%]   .ob-go[_ngcontent-%COMP%] { opacity: 1; }\n\n.ob-hintbar[_ngcontent-%COMP%] { display: flex; gap: 8px; padding: 12px 18px; flex-wrap: wrap; }\n\n.ob-hint-chip[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 13px;\n    border: 1px dashed var(--mj-border-strong);\n    border-radius: 10px;\n    cursor: pointer;\n    background: transparent;\n}\n\n.ob-hint-chip[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n\n.ob-hint-chip[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] { font-family: ui-monospace, monospace; color: var(--mj-brand-primary); font-size: 14px; }\n.ob-hint-chip[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] { font-size: 12px; color: var(--mj-text-secondary); }\n\n.ob-foot[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 10px 18px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n}\n\n.ob-k[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 5px; }\n\n\n\n.ob-settings[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    margin-left: auto;\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-xs);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n.ob-settings[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n\n\n\n\n\n@media (max-width: 640px) {\n    .omnibar-palette[_ngcontent-%COMP%] {\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        transform: none;\n        width: 100%;\n        height: 100dvh;\n        max-height: none; \n\n        border-radius: 0;\n        animation: none; \n\n        display: flex;\n        flex-direction: column;\n    }\n\n    \n\n    .ob-body[_ngcontent-%COMP%] {\n        flex: 1;\n        min-height: 0;\n        max-height: none;\n    }\n\n    \n\n\n\n\n    .ob-kbd[_ngcontent-%COMP%], \n   .ob-go[_ngcontent-%COMP%], \n   .ob-k[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    \n\n    .ob-close[_ngcontent-%COMP%], \n   .ob-settings[_ngcontent-%COMP%] {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OmnibarPaletteComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-omnibar-palette', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (IsOpen) {\n  <div class=\"omnibar-overlay\" (click)=\"Close()\"></div>\n  <div class=\"omnibar-palette\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Command palette\"\n    (keydown)=\"OnPaletteKeydown($event)\">\n\n    <div class=\"ob-input-row\">\n      <span class=\"ob-lead\" [class.ob-lead--trigger]=\"ActiveTriggerChar.length > 0\">\n        @if (ActiveTriggerChar.length > 0) {\n          <b>{{ ActiveTriggerChar }}</b>\n        } @else {\n          <i class=\"fa-solid fa-magnifying-glass\"></i>\n        }\n      </span>\n      <input #paletteInput class=\"ob-input\" type=\"text\" autocomplete=\"off\" spellcheck=\"false\"\n        role=\"combobox\" aria-controls=\"ob-listbox\" aria-autocomplete=\"list\"\n        [attr.aria-expanded]=\"HasOptions\"\n        [attr.aria-activedescendant]=\"ActiveDescendantId\"\n        [placeholder]=\"ActivePlaceholder\"\n        [ngModel]=\"Query\" (ngModelChange)=\"OnQueryChange($event)\"\n        (keydown)=\"OnInputKeydown($event)\" />\n      <span class=\"ob-mode-badge\">{{ ActiveModeLabel }}</span>\n      <kbd class=\"ob-kbd\">esc</kbd>\n      <button type=\"button\" class=\"ob-close\" aria-label=\"Close\" title=\"Close\" (click)=\"Close()\">\n        <i class=\"fa-solid fa-xmark\"></i>\n      </button>\n    </div>\n\n    @if (ShowScopes && Scopes.length > 0) {\n      <div class=\"ob-scopes\">\n        <button type=\"button\" class=\"ob-scope\" [class.ob-scope--on]=\"SelectedScopeIDs.length === 0\"\n          (click)=\"ClearScopes()\">All sources</button>\n        @for (scope of Scopes; track scope.ID) {\n          <button type=\"button\" class=\"ob-scope\" [class.ob-scope--on]=\"IsScopeSelected(scope.ID)\"\n            (click)=\"ToggleScope(scope.ID)\">{{ scope.Name }}</button>\n        }\n      </div>\n    }\n\n    <div class=\"ob-body\">\n      @if (IsLoading) {\n        <div class=\"ob-loading\"><i class=\"fa-solid fa-circle-notch fa-spin\"></i> Searching\u2026</div>\n      } @else if (Rows.length === 0 && Query.length === 0) {\n        <div class=\"ob-hintbar\">\n          @for (hint of TriggerHints; track hint.Char) {\n            <button type=\"button\" class=\"ob-hint-chip\" (click)=\"SeedTrigger(hint.Char)\">\n              <b>{{ hint.Char }}</b><span>{{ hint.Label }}</span>\n            </button>\n          }\n        </div>\n        @if (RecentRows.length > 0) {\n          <div class=\"ob-group-label\" role=\"presentation\">Recent</div>\n          <div id=\"ob-listbox\" role=\"listbox\" aria-label=\"Suggestions\">\n          @for (row of RecentRows; track row.Suggestion.id; let i = $index) {\n            <div class=\"ob-row\" role=\"option\" [attr.id]=\"'ob-opt-' + (RecentBaseIndex + i)\"\n              [attr.tabindex]=\"RecentBaseIndex + i === SelectedIndex ? 0 : -1\"\n              [attr.aria-selected]=\"RecentBaseIndex + i === SelectedIndex\"\n              [class.ob-row--sel]=\"RecentBaseIndex + i === SelectedIndex\"\n              (focus)=\"SelectedIndex = RecentBaseIndex + i\"\n              (keydown)=\"OnRowKeydown($event, row.Suggestion)\"\n              (mouseenter)=\"SelectedIndex = RecentBaseIndex + i\" (click)=\"Execute(row.Suggestion)\">\n              <span class=\"ob-ric\"><i [class]=\"row.Suggestion.icon || 'fa-solid fa-clock-rotate-left'\"></i></span>\n              <span class=\"ob-rmain\">\n                <span class=\"ob-rname\">{{ row.Suggestion.displayName }}</span>\n                <span class=\"ob-rsub\">{{ row.Suggestion.description }}</span>\n              </span>\n              <span class=\"ob-raux\"><span class=\"ob-rtype\">{{ row.Suggestion.type }}</span></span>\n            </div>\n          }\n          </div>\n        }\n      } @else if (Rows.length === 0) {\n        <div class=\"ob-empty\">No matches \u2014 press <kbd class=\"ob-kbd\">\u21B5</kbd> to search everything for \u201C{{ EffectiveQuery }}\u201D.</div>\n      } @else {\n        <div id=\"ob-listbox\" role=\"listbox\" aria-label=\"Suggestions\">\n        @for (row of Rows; track row.Suggestion.id; let i = $index) {\n          @if (row.GroupLabel) {\n            <div class=\"ob-group-label\" role=\"presentation\">{{ row.GroupLabel }}</div>\n          }\n          <div class=\"ob-row\" role=\"option\" [attr.id]=\"'ob-opt-' + i\"\n            [attr.tabindex]=\"i === SelectedIndex ? 0 : -1\"\n            [attr.aria-selected]=\"i === SelectedIndex\"\n            [class.ob-row--sel]=\"i === SelectedIndex\"\n            (focus)=\"SelectedIndex = i\"\n            (keydown)=\"OnRowKeydown($event, row.Suggestion)\"\n            (mouseenter)=\"SelectedIndex = i\" (click)=\"Execute(row.Suggestion)\">\n            <span class=\"ob-ric\"><i [class]=\"row.Suggestion.icon || 'fa-solid fa-circle'\"></i></span>\n            <span class=\"ob-rmain\">\n              <span class=\"ob-rname\">{{ row.Suggestion.displayName }}</span>\n              @if (row.Suggestion.description) {\n                <span class=\"ob-rsub\">{{ row.Suggestion.description }}</span>\n              }\n            </span>\n            <span class=\"ob-raux\">\n              @if (row.ScorePercent != null) {\n                <span class=\"ob-score\"><i [style.width.%]=\"row.ScorePercent\"></i></span>\n              }\n              <span class=\"ob-rtype\">{{ row.Suggestion.type }}</span>\n              <span class=\"ob-go\">open <kbd class=\"ob-kbd\">\u21B5</kbd></span>\n            </span>\n          </div>\n        }\n        </div>\n      }\n    </div>\n\n    <div class=\"ob-foot\">\n      <span class=\"ob-k\"><kbd class=\"ob-kbd\">\u2191</kbd><kbd class=\"ob-kbd\">\u2193</kbd> navigate</span>\n      <span class=\"ob-k\"><kbd class=\"ob-kbd\">\u21B5</kbd> open</span>\n      <button type=\"button\" class=\"ob-settings\" aria-label=\"Command Palette settings\"\n        title=\"Command Palette settings\" (click)=\"RequestSettings()\">\n        <i class=\"fa-solid fa-gear\"></i>\n      </button>\n    </div>\n  </div>\n}\n", styles: ["/* \u2500\u2500 Unified command palette (design source: plans/composer-adoption/mockups/omnibar-command-palette.html) \u2500\u2500 */\n\n.omnibar-overlay {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1400;\n}\n\n.omnibar-palette {\n    position: fixed;\n    left: 50%;\n    top: 96px;\n    transform: translateX(-50%);\n    width: min(680px, 92vw);\n    /* Grow to content \u2014 every fetched row plus the footer stays visible without\n       internal scroll on desktop. The viewport bound below is the only cap, so\n       .ob-body only scrolls when the screen genuinely can't fit the panel. */\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 96px - 24px);\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-xl);\n    box-shadow: var(--mj-shadow-lg, 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 22%, transparent));\n    z-index: 1401;\n    overflow: hidden;\n    animation: ob-pop .13s ease-out;\n}\n\n@keyframes ob-pop {\n    from { opacity: 0; transform: translateX(-50%) scale(.985) translateY(-4px); }\n    to { opacity: 1; transform: translateX(-50%) scale(1); }\n}\n\n.ob-input-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 18px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ob-lead {\n    color: var(--mj-text-muted);\n    font-size: 15px;\n    width: 18px;\n    text-align: center;\n}\n\n.ob-lead--trigger { color: var(--mj-brand-primary); }\n.ob-lead b { font-family: ui-monospace, monospace; }\n\n.ob-input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    font-size: 16px;\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n.ob-input::placeholder { color: var(--mj-text-muted); }\n\n.ob-mode-badge {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .4px;\n    text-transform: uppercase;\n    padding: 3px 9px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n    color: var(--mj-brand-primary);\n    white-space: nowrap;\n}\n\n.ob-kbd {\n    font-family: inherit;\n    font-size: 10.5px;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-bottom-width: 2px;\n    border-radius: 5px;\n    padding: 1.5px 6px;\n}\n\n.ob-close {\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.ob-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.ob-scopes {\n    display: flex;\n    gap: 6px;\n    padding: 9px 18px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-wrap: wrap;\n}\n\n.ob-scope {\n    font-size: 11px;\n    padding: 3px 10px;\n    border-radius: var(--mj-radius-full, 999px);\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    background: transparent;\n}\n\n.ob-scope--on {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.ob-body {\n    flex: 1 1 auto;\n    min-height: 0;\n    overflow-y: auto;\n    padding: 6px 0;\n}\n\n.ob-loading,\n.ob-empty {\n    padding: 18px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n.ob-group-label {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 10px 18px 5px;\n}\n\n.ob-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 9px 18px;\n    cursor: pointer;\n}\n\n/* Rows are focus stops (roving tabindex): the --sel background tracks focus, so\n   suppress the default outline but keep a ring for keyboard :focus-visible. */\n.ob-row:focus { outline: none; }\n.ob-row:focus-visible { outline: 2px solid var(--mj-border-focus); outline-offset: -2px; }\n\n.ob-row--sel {\n    background: color-mix(in srgb, var(--mj-brand-primary) 9%, transparent);\n    box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n}\n\n.ob-ric {\n    width: 30px;\n    height: 30px;\n    border-radius: 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 13px;\n    flex-shrink: 0;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.ob-row--sel .ob-ric {\n    background: color-mix(in srgb, var(--mj-brand-primary) 16%, transparent);\n    color: var(--mj-brand-primary);\n}\n\n.ob-rmain { flex: 1; min-width: 0; display: flex; flex-direction: column; }\n\n.ob-rname {\n    font-size: 13.5px;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    color: var(--mj-text-primary);\n}\n\n.ob-rsub {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-top: 1px;\n}\n\n.ob-raux { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }\n\n.ob-rtype {\n    font-size: 10px;\n    font-weight: 600;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-full, 999px);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    text-transform: capitalize;\n}\n\n.ob-score {\n    width: 52px;\n    height: 4px;\n    border-radius: 2px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.ob-score i { display: block; height: 100%; background: var(--mj-brand-primary); }\n\n.ob-go {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    opacity: 0;\n    display: flex;\n    gap: 6px;\n    align-items: center;\n}\n\n.ob-row--sel .ob-go { opacity: 1; }\n\n.ob-hintbar { display: flex; gap: 8px; padding: 12px 18px; flex-wrap: wrap; }\n\n.ob-hint-chip {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 13px;\n    border: 1px dashed var(--mj-border-strong);\n    border-radius: 10px;\n    cursor: pointer;\n    background: transparent;\n}\n\n.ob-hint-chip:hover {\n    border-color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n\n.ob-hint-chip b { font-family: ui-monospace, monospace; color: var(--mj-brand-primary); font-size: 14px; }\n.ob-hint-chip span { font-size: 12px; color: var(--mj-text-secondary); }\n\n.ob-foot {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 10px 18px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n}\n\n.ob-k { display: flex; align-items: center; gap: 5px; }\n\n/* Footer gear \u2014 the reverse door to My Profile \u2192 Command Palette. */\n.ob-settings {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    margin-left: auto;\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-xs);\n    cursor: pointer;\n    transition: var(--mj-transition-colors);\n}\n.ob-settings:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ========================================\n   MOBILE (matches mj-search-overlay's 640px sheet treatment so the two search\n   surfaces sit identically on small viewports)\n   ======================================== */\n@media (max-width: 640px) {\n    .omnibar-palette {\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        transform: none;\n        width: 100%;\n        height: 100dvh;\n        max-height: none; /* desktop viewport bound would clamp the full-height sheet */\n        border-radius: 0;\n        animation: none; /* ob-pop animates a translateX(-50%) that no longer applies */\n        display: flex;\n        flex-direction: column;\n    }\n\n    /* Full-height sheet: the results area absorbs all remaining space. */\n    .ob-body {\n        flex: 1;\n        min-height: 0;\n        max-height: none;\n    }\n\n    /* Keyboard chrome is meaningless on touch: esc/\u21B5 chips, per-row 'open \u21B5'\n       hints, and the footer's nav-hint spans. The footer itself stays because it\n       carries the settings gear \u2014 the only in-surface door to the opt-in toggle,\n       which mobile users need too. The \u2715 close button also stays. */\n    .ob-kbd,\n    .ob-go,\n    .ob-k {\n        display: none;\n    }\n\n    /* Touch-friendly hit areas for the surviving controls. */\n    .ob-close,\n    .ob-settings {\n        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n}\n"] }]
+    }], null, { inputRef: [{
+            type: ViewChild,
+            args: ['paletteInput']
+        }], Opened: [{
+            type: Output
+        }], Closed: [{
+            type: Output
+        }], SettingsRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OmnibarPaletteComponent, { className: "OmnibarPaletteComponent", filePath: "src/lib/omnibar/omnibar-palette.component.ts", lineNumber: 49 }); })();
+/** Tree-shaking guard for the palette component. */
+export function LoadOmnibarPaletteComponent() {
+    // intentional no-op
+}
+//# sourceMappingURL=omnibar-palette.component.js.map