@memberjunction/ng-explorer-core 6.2.0-edge.2 → 6.2.0-edge.4

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

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, Output, ViewChild, inject, } from '@angular/core';
-import { CompositeKey } from '@memberjunction/core';
+import { CompositeKey, LogError } from '@memberjunction/core';
 import { Metadata } from '@memberjunction/core';
 import { NavigationService } from '@memberjunction/ng-shared';
 import { ApplicationManager } from '@memberjunction/ng-base-application';
@@ -29,7 +29,7 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_6_Template(rf, ctx) {
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_15_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 21);
+    i0.ɵɵelementStart(0, "button", 20);
     i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_15_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();
@@ -42,11 +42,11 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_15_For_4_Template(rf,
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "button", 21);
+    i0.ɵɵelementStart(0, "div", 12)(1, "button", 20);
     i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_15_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_15_For_4_Template, 2, 3, "button", 22, _forTrack0);
+    i0.ɵɵrepeaterCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_15_For_4_Template, 2, 3, "button", 21, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -57,13 +57,13 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_15_Template(rf, ctx)
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵelement(1, "i", 23);
+    i0.ɵɵelement(1, "i", 22);
     i0.ɵɵtext(2, " Searching\u2026");
     i0.ɵɵelementEnd();
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_18_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
+    i0.ɵɵelementStart(0, "button", 25);
     i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Conditional_18_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);
@@ -80,18 +80,18 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_18_For_2_Template(rf,
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵlistener("focus", function OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_For_4_Template_div_focus_0_listener() { const ɵ$index_67_r9 = i0.ɵɵrestoreView(_r8).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ctx_r1.RecentBaseIndex + ɵ$index_67_r9); })("keydown", function OmnibarPaletteComponent_Conditional_0_Conditional_18_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_18_Conditional_3_For_4_Template_div_mouseenter_0_listener() { const ɵ$index_67_r9 = i0.ɵɵrestoreView(_r8).$index; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ctx_r1.RecentBaseIndex + ɵ$index_67_r9); })("click", function OmnibarPaletteComponent_Conditional_0_Conditional_18_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", 30);
+    i0.ɵɵelementStart(1, "span", 29);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 31)(4, "span", 32);
+    i0.ɵɵelementStart(3, "span", 30)(4, "span", 31);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 33);
+    i0.ɵɵelementStart(6, "span", 32);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "span", 34)(9, "span", 35);
+    i0.ɵɵelementStart(8, "span", 33)(9, "span", 34);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -110,11 +110,11 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_For_
     i0.ɵɵtextInterpolate(row_r10.Suggestion.type);
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵtext(1, "Recent");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 16);
-    i0.ɵɵrepeaterCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_For_4_Template, 11, 10, "div", 28, _forTrack2);
+    i0.ɵɵelementStart(2, "div", 15);
+    i0.ɵɵrepeaterCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_For_4_Template, 11, 10, "div", 27, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -122,8 +122,8 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_Temp
     i0.ɵɵrepeater(ctx_r1.RecentRows);
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 24);
-    i0.ɵɵrepeaterCreate(1, OmnibarPaletteComponent_Conditional_0_Conditional_18_For_2_Template, 5, 2, "button", 25, _forTrack1);
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵrepeaterCreate(1, OmnibarPaletteComponent_Conditional_0_Conditional_18_For_2_Template, 5, 2, "button", 24, _forTrack1);
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(3, OmnibarPaletteComponent_Conditional_0_Conditional_18_Conditional_3_Template, 5, 0);
 } if (rf & 2) {
@@ -133,8 +133,8 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_18_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.RecentRows.length > 0 ? 3 : -1);
 } }
-function OmnibarPaletteComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
     i0.ɵɵtext(1, "No matches \u2014 press ");
     i0.ɵɵelementStart(2, "kbd", 9);
     i0.ɵɵtext(3, "\u21B5");
@@ -142,12 +142,27 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_19_Template(rf, ctx)
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" to search everything for \u201C", ctx_r1.EffectiveQuery, "\u201D.");
 } }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("No matches for \u201C", ctx_r1.EffectiveQuery, "\u201D.");
+} }
+function OmnibarPaletteComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Conditional_19_Conditional_0_Template, 5, 1, "div", 35)(1, OmnibarPaletteComponent_Conditional_0_Conditional_19_Conditional_1_Template, 2, 1, "div", 35);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.CanEscapeToFullSearch ? 0 : 1);
+} }
 function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelementStart(0, "div", 26);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -156,7 +171,7 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_
     i0.ɵɵtextInterpolate(row_r12.GroupLabel);
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 33);
+    i0.ɵɵelementStart(0, "span", 32);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -175,20 +190,20 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_0_Template, 2, 1, "div", 27);
-    i0.ɵɵelementStart(1, "div", 29);
-    i0.ɵɵlistener("focus", function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template_div_focus_1_listener() { const ɵ$index_98_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_98_r13); })("keydown", function OmnibarPaletteComponent_Conditional_0_Conditional_20_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_20_For_2_Template_div_mouseenter_1_listener() { const ɵ$index_98_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_98_r13); })("click", function OmnibarPaletteComponent_Conditional_0_Conditional_20_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", 30);
+    i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_0_Template, 2, 1, "div", 26);
+    i0.ɵɵelementStart(1, "div", 28);
+    i0.ɵɵlistener("focus", function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template_div_focus_1_listener() { const ɵ$index_103_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_103_r13); })("keydown", function OmnibarPaletteComponent_Conditional_0_Conditional_20_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_20_For_2_Template_div_mouseenter_1_listener() { const ɵ$index_103_r13 = i0.ɵɵrestoreView(_r11).$index; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SelectedIndex = ɵ$index_103_r13); })("click", function OmnibarPaletteComponent_Conditional_0_Conditional_20_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", 31)(5, "span", 32);
+    i0.ɵɵelementStart(4, "span", 30)(5, "span", 31);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_7_Template, 2, 1, "span", 33);
+    i0.ɵɵconditionalCreate(7, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_7_Template, 2, 1, "span", 32);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 34);
+    i0.ɵɵelementStart(8, "span", 33);
     i0.ɵɵconditionalCreate(9, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Conditional_9_Template, 2, 2, "span", 36);
-    i0.ɵɵelementStart(10, "span", 35);
+    i0.ɵɵelementStart(10, "span", 34);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "span", 37);
@@ -198,12 +213,12 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template(rf,
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const row_r12 = ctx.$implicit;
-    const ɵ$index_98_r13 = ctx.$index;
+    const ɵ$index_103_r13 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵconditional(row_r12.GroupLabel ? 0 : -1);
+    i0.ɵɵconditional(row_r12.GroupLabel !== null ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("ob-row--sel", ɵ$index_98_r13 === ctx_r1.SelectedIndex);
-    i0.ɵɵattribute("id", "ob-opt-" + ɵ$index_98_r13)("tabindex", ɵ$index_98_r13 === ctx_r1.SelectedIndex ? 0 : -1)("aria-selected", ɵ$index_98_r13 === ctx_r1.SelectedIndex);
+    i0.ɵɵclassProp("ob-row--sel", ɵ$index_103_r13 === ctx_r1.SelectedIndex);
+    i0.ɵɵattribute("id", "ob-opt-" + ɵ$index_103_r13)("tabindex", ɵ$index_103_r13 === ctx_r1.SelectedIndex ? 0 : -1)("aria-selected", ɵ$index_103_r13 === ctx_r1.SelectedIndex);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap(row_r12.Suggestion.icon || "fa-solid fa-circle");
     i0.ɵɵadvance(3);
@@ -216,7 +231,7 @@ function OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template(rf,
     i0.ɵɵtextInterpolate(row_r12.Suggestion.type);
 } }
 function OmnibarPaletteComponent_Conditional_0_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵrepeaterCreate(1, OmnibarPaletteComponent_Conditional_0_Conditional_20_For_2_Template, 16, 12, null, null, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -249,9 +264,9 @@ function OmnibarPaletteComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(15, OmnibarPaletteComponent_Conditional_0_Conditional_15_Template, 5, 2, "div", 12);
     i0.ɵɵelementStart(16, "div", 13);
-    i0.ɵɵconditionalCreate(17, OmnibarPaletteComponent_Conditional_0_Conditional_17_Template, 3, 0, "div", 14)(18, OmnibarPaletteComponent_Conditional_0_Conditional_18_Template, 4, 1)(19, OmnibarPaletteComponent_Conditional_0_Conditional_19_Template, 5, 1, "div", 15)(20, OmnibarPaletteComponent_Conditional_0_Conditional_20_Template, 3, 0, "div", 16);
+    i0.ɵɵconditionalCreate(17, OmnibarPaletteComponent_Conditional_0_Conditional_17_Template, 3, 0, "div", 14)(18, OmnibarPaletteComponent_Conditional_0_Conditional_18_Template, 4, 1)(19, OmnibarPaletteComponent_Conditional_0_Conditional_19_Template, 2, 1)(20, OmnibarPaletteComponent_Conditional_0_Conditional_20_Template, 3, 0, "div", 15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 17)(22, "span", 18)(23, "kbd", 9);
+    i0.ɵɵelementStart(21, "div", 16)(22, "span", 17)(23, "kbd", 9);
     i0.ɵɵtext(24, "\u2191");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(25, "kbd", 9);
@@ -259,14 +274,14 @@ function OmnibarPaletteComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵtext(27, " navigate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 18)(29, "kbd", 9);
+    i0.ɵɵelementStart(28, "span", 17)(29, "kbd", 9);
     i0.ɵɵtext(30, "\u21B5");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(31, " open");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(32, "button", 19);
+    i0.ɵɵelementStart(32, "button", 18);
     i0.ɵɵlistener("click", function OmnibarPaletteComponent_Conditional_0_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RequestSettings()); });
-    i0.ɵɵelement(33, "i", 20);
+    i0.ɵɵelement(33, "i", 19);
     i0.ɵɵelementStart(34, "span");
     i0.ɵɵtext(35, "Settings");
     i0.ɵɵelementEnd()()()();
@@ -334,6 +349,8 @@ export class OmnibarPaletteComponent {
     defaultProvider = null;
     byTrigger = new Map();
     queryGeneration = 0;
+    /** Trigger char of the provider that produced the current {@link Rows}. */
+    renderedTriggerChar = '';
     debounceHandle = null;
     /** Element focused before the palette opened — restored on close (a11y). */
     previousFocus = null;
@@ -379,8 +396,29 @@ export class OmnibarPaletteComponent {
         const char = this.ActiveTriggerChar;
         return char ? (this.byTrigger.get(char) ?? null) : this.defaultProvider;
     }
+    /**
+     * Rows that keyboard selection may target: only rendered rows. {@link RecentRows}
+     * render only in the empty-query state, so they are selectable only then.
+     */
     get selectableRows() {
-        return this.Rows.length > 0 ? this.Rows : this.RecentRows;
+        if (this.Rows.length > 0) {
+            return this.Rows;
+        }
+        return this.Query.length === 0 ? this.RecentRows : [];
+    }
+    /**
+     * Whether <kbd>Enter</kbd> on a palette with no rows may open the full Search Results
+     * workspace for the typed text. Drives both the key handler and the empty-state wording.
+     *
+     * Default mode always allows it, because full search is that mode's own action. A trigger
+     * mode allows it only after its fetch settles, because there full search is a different
+     * action from what the rows offer (switch app, open record).
+     */
+    get CanEscapeToFullSearch() {
+        if (this.EffectiveQuery.trim().length <= 1) {
+            return false;
+        }
+        return this.ActiveTriggerChar === '' || !this.IsLoading;
     }
     /**
      * ARIA combobox wiring: the input keeps DOM focus while this points at the
@@ -404,6 +442,9 @@ export class OmnibarPaletteComponent {
         this.Query = initialQuery;
         this.Rows = [];
         this.SelectedIndex = 0;
+        // The empty row set we just installed belongs to no mode, so the first fetch is
+        // correctly seen as a mode change.
+        this.renderedTriggerChar = '';
         void this.loadScopes();
         void this.loadRecents();
         if (initialQuery.length > 0) {
@@ -468,8 +509,7 @@ export class OmnibarPaletteComponent {
                 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.
+                else if (this.CanEscapeToFullSearch) {
                     this.openFullSearch(this.EffectiveQuery.trim());
                 }
                 break;
@@ -593,7 +633,13 @@ export class OmnibarPaletteComponent {
     // ---------------------------------------------------------------
     // Execution
     // ---------------------------------------------------------------
-    /** Executes a suggestion: navigate per its payload, or re-seed for entity drill-in. */
+    /**
+     * Executes a suggestion: navigate per its payload, or re-seed for entity drill-in.
+     *
+     * Not blocked while a fetch is pending: every activation path targets a rendered row,
+     * because {@link selectableRows} offers only rendered rows and a mode change clears
+     * {@link Rows}.
+     */
     Execute(suggestion) {
         const nav = GetOmnibarNavPayload(suggestion);
         if (!nav) {
@@ -639,6 +685,9 @@ export class OmnibarPaletteComponent {
                     void this.fileOpen.OpenFileFromSearchResult(nav.rawMetadata);
                 }
                 break;
+            case 'dashboard':
+                this.navigation.OpenDashboard(nav.dashboardId, nav.dashboardName);
+                break;
         }
         this.Close();
     }
@@ -713,20 +762,24 @@ export class OmnibarPaletteComponent {
         if (!provider || (query.trim().length === 0 && !isTriggerMode)) {
             this.Rows = [];
             this.IsLoading = false;
+            this.renderedTriggerChar = this.ActiveTriggerChar;
             this.cdr.markForCheck();
             return;
         }
-        const fire = () => void this.fetchSuggestions(provider, query, generation);
-        if (isTriggerMode) {
-            // Short debounce: entity matching is in-memory, but record suggestions issue a
-            // RunView per keystroke — debouncing collapses a typing burst into one backend query.
-            this.debounceHandle = setTimeout(fire, TRIGGER_DEBOUNCE_MS);
-        }
-        else {
-            this.IsLoading = this.Rows.length === 0;
-            this.cdr.markForCheck();
-            this.debounceHandle = setTimeout(fire, SEARCH_DEBOUNCE_MS);
+        // A mode change clears the rows, because a different provider answers a different
+        // question. Rows for the same mode stay on screen while the next fetch runs.
+        if (this.ActiveTriggerChar !== this.renderedTriggerChar) {
+            this.Rows = [];
         }
+        // In every mode, show the spinner while no rows are on screen, so the "No matches"
+        // empty state appears only after a fetch has settled.
+        this.IsLoading = this.Rows.length === 0;
+        this.cdr.markForCheck();
+        // Shorter debounce in trigger mode: entity matching is in-memory, but record
+        // suggestions issue a RunView per keystroke — debouncing collapses a typing burst
+        // into one backend query.
+        const fire = () => void this.fetchSuggestions(provider, query, generation);
+        this.debounceHandle = setTimeout(fire, isTriggerMode ? TRIGGER_DEBOUNCE_MS : SEARCH_DEBOUNCE_MS);
     }
     async fetchSuggestions(provider, query, generation) {
         const request = {
@@ -735,29 +788,37 @@ export class OmnibarPaletteComponent {
             ContextUser: this.currentUser,
             Provider: null,
         };
-        const suggestions = query.trim().length === 0
-            ? await provider.EmptyStateSuggestions(request)
-            : await provider.GetSuggestions(request);
+        // A failed fetch still settles this generation, so the spinner clears and no
+        // rejection escapes the `void fetchSuggestions(...)` call.
+        let suggestions = [];
+        try {
+            suggestions = query.trim().length === 0
+                ? await provider.EmptyStateSuggestions(request)
+                : await provider.GetSuggestions(request);
+        }
+        catch (e) {
+            LogError(e);
+        }
         if (generation !== this.queryGeneration) {
             return; // stale response — a newer keystroke superseded it
         }
         this.Rows = this.toRows(suggestions);
         this.SelectedIndex = 0;
         this.IsLoading = false;
+        this.renderedTriggerChar = this.ActiveTriggerChar;
         this.cdr.markForCheck();
     }
     toRows(suggestions) {
-        let lastGroup = null;
+        // '' = ungrouped, so ungrouped rows at the top get no header.
+        let previousGroup = '';
         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 groupLabel = group !== previousGroup ? group : null;
+            previousGroup = group;
             const score = typeof s.data?.['score'] === 'number' ? s.data['score'] : null;
             return {
                 Suggestion: s,
-                GroupLabel: isNewGroup ? group : null,
+                GroupLabel: groupLabel,
                 ScorePercent: score != null ? Math.round(Math.max(0, Math.min(1, score)) * 100) : null,
             };
         });
@@ -819,7 +880,7 @@ export class OmnibarPaletteComponent {
         } 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-field"], [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"], ["aria-hidden", "true", 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) {
+        } }, 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-field"], [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"], ["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"], ["aria-hidden", "true", 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-empty"], [1, "ob-score"], [1, "ob-go"]], template: function OmnibarPaletteComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, OmnibarPaletteComponent_Conditional_0_Template, 36, 10);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.IsOpen ? 0 : -1);
@@ -827,7 +888,7 @@ export class OmnibarPaletteComponent {
 }
 (() => { (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      <div class=\"ob-field\">\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      </div>\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\" aria-hidden=\"true\"></i>\n        <span>Settings</span>\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/* Shared command-surface spec (omnibar + app launcher): banner-aware top\n   offset, radius-lg, shadow-xl, boxed sunken input, whole-screen scrim. */\n.omnibar-palette {\n    position: fixed;\n    left: 50%;\n    top: calc(60px + var(--mj-connectivity-banner-height, 0px) + var(--mj-space-6));\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 - 60px - var(--mj-connectivity-banner-height, 0px) - var(--mj-space-12));\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-xl);\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: var(--mj-space-2);\n    padding: var(--mj-space-4) var(--mj-space-4) var(--mj-space-2);\n}\n\n/* Boxed sunken field \u2014 identical treatment to the app launcher's filter. */\n.ob-field {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2-5);\n    flex: 1;\n    min-width: 0;\n    height: 46px;\n    padding: 0 var(--mj-space-3-5);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    transition: border-color var(--mj-transition-fast);\n}\n.ob-field:focus-within {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.ob-lead {\n    color: var(--mj-text-muted);\n    font-size: 15px;\n    width: 18px;\n    text-align: center;\n    flex-shrink: 0;\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: 40px;\n    height: 40px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-base);\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.ob-close:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\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/* Brand-tint selection \u2014 the one active-state language used across the shell\n   (nav pills, launcher cards); the old left inset bar was a second dialect. */\n.ob-row--sel {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\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 options button \u2014 the reverse door to My Profile \u2192 Command Palette.\n   Shared spec with the launcher's Configure button: quiet labeled gear,\n   right-aligned. */\n.ob-settings {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    margin-left: auto;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-family: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    padding: var(--mj-space-1-5) var(--mj-space-2);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: background var(--mj-transition-fast), color var(--mj-transition-fast);\n}\n.ob-settings:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.ob-settings:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .omnibar-palette {\n        animation: none;\n    }\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        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n    .ob-settings {\n        min-height: 40px;\n        font-size: var(--mj-text-base);\n    }\n}\n"] }]
+        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      <div class=\"ob-field\">\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      </div>\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        <!-- Only promise the Enter escape hatch when Enter will actually take it \u2014\n             CanEscapeToFullSearch gates both, so the two can't drift apart. It's false for\n             a 1-char query, and in a trigger mode until the fetch settles. -->\n        @if (CanEscapeToFullSearch) {\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 class=\"ob-empty\">No matches for \u201C{{ EffectiveQuery }}\u201D.</div>\n        }\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 !== null) {\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\" aria-hidden=\"true\"></i>\n        <span>Settings</span>\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/* Shared command-surface spec (omnibar + app launcher): banner-aware top\n   offset, radius-lg, shadow-xl, boxed sunken input, whole-screen scrim. */\n.omnibar-palette {\n    position: fixed;\n    left: 50%;\n    top: calc(60px + var(--mj-connectivity-banner-height, 0px) + var(--mj-space-6));\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 - 60px - var(--mj-connectivity-banner-height, 0px) - var(--mj-space-12));\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-xl);\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: var(--mj-space-2);\n    padding: var(--mj-space-4) var(--mj-space-4) var(--mj-space-2);\n}\n\n/* Boxed sunken field \u2014 identical treatment to the app launcher's filter. */\n.ob-field {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2-5);\n    flex: 1;\n    min-width: 0;\n    height: 46px;\n    padding: 0 var(--mj-space-3-5);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    transition: border-color var(--mj-transition-fast);\n}\n.ob-field:focus-within {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.ob-lead {\n    color: var(--mj-text-muted);\n    font-size: 15px;\n    width: 18px;\n    text-align: center;\n    flex-shrink: 0;\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: 40px;\n    height: 40px;\n    padding: 0;\n    border: none;\n    border-radius: var(--mj-radius-md);\n    background: transparent;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-base);\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.ob-close:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\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/* Brand-tint selection \u2014 the one active-state language used across the shell\n   (nav pills, launcher cards); the old left inset bar was a second dialect. */\n.ob-row--sel {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\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 options button \u2014 the reverse door to My Profile \u2192 Command Palette.\n   Shared spec with the launcher's Configure button: quiet labeled gear,\n   right-aligned. */\n.ob-settings {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    margin-left: auto;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font-family: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    padding: var(--mj-space-1-5) var(--mj-space-2);\n    border-radius: var(--mj-radius-md);\n    cursor: pointer;\n    transition: background var(--mj-transition-fast), color var(--mj-transition-fast);\n}\n.ob-settings:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.ob-settings:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .omnibar-palette {\n        animation: none;\n    }\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        width: 40px;\n        height: 40px;\n        font-size: var(--mj-text-base);\n    }\n    .ob-settings {\n        min-height: 40px;\n        font-size: var(--mj-text-base);\n    }\n}\n"] }]
     }], null, { inputRef: [{
             type: ViewChild,
             args: ['paletteInput']
@@ -838,7 +899,7 @@ export class OmnibarPaletteComponent {
         }], SettingsRequested: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OmnibarPaletteComponent, { className: "OmnibarPaletteComponent", filePath: "src/lib/omnibar/omnibar-palette.component.ts", lineNumber: 57 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OmnibarPaletteComponent, { className: "OmnibarPaletteComponent", filePath: "src/lib/omnibar/omnibar-palette.component.ts", lineNumber: 61 }); })();
 /** Tree-shaking guard for the palette component. */
 export function LoadOmnibarPaletteComponent() {
     // intentional no-op