@memberjunction/ng-dashboards 5.7.0 → 5.9.0

package/dist/QueryBrowser/query-browser-resource.component.js

@@ -27,21 +27,52 @@ function QueryBrowserResourceComponent_Conditional_20_Template(rf, ctx) { if (rf
     i0.ɵɵelement(1, "i", 29);
     i0.ɵɵelementEnd();
 } }
-function QueryBrowserResourceComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "mj-loading", 30);
+function QueryBrowserResourceComponent_For_23_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function QueryBrowserResourceComponent_For_23_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const status_r5 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleStatusFilter(status_r5)); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 33);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const status_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("--chip-color", ctx_r2.getStatusColor(status_r5));
+    i0.ɵɵclassProp("active", ctx_r2.StatusFilters[status_r5]);
+    i0.ɵɵproperty("title", (ctx_r2.StatusFilters[status_r5] ? "Hide" : "Show") + " " + status_r5 + " queries");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.getStatusIcon(status_r5));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(status_r5);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.getStatusCount(status_r5));
+} }
+function QueryBrowserResourceComponent_For_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, QueryBrowserResourceComponent_For_23_Conditional_0_Template, 6, 9, "button", 30);
+} if (rf & 2) {
+    const status_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.getStatusCount(status_r5) > 0 ? 0 : -1);
 } }
-function QueryBrowserResourceComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+function QueryBrowserResourceComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 31);
+    i0.ɵɵelement(1, "mj-loading", 34);
+    i0.ɵɵelementEnd();
+} }
+function QueryBrowserResourceComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 35);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No queries available");
     i0.ɵɵelementEnd()();
 } }
-function QueryBrowserResourceComponent_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 32);
+function QueryBrowserResourceComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "i", 36);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -50,144 +81,198 @@ function QueryBrowserResourceComponent_Conditional_24_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1("No queries match \"", ctx_r2.searchText, "\"");
 } }
-function QueryBrowserResourceComponent_Conditional_25_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function QueryBrowserResourceComponent_Conditional_28_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function QueryBrowserResourceComponent_Conditional_25_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, QueryBrowserResourceComponent_Conditional_25_For_2_ng_container_0_Template, 1, 0, "ng-container", 33);
+function QueryBrowserResourceComponent_Conditional_28_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, QueryBrowserResourceComponent_Conditional_28_For_2_ng_container_0_Template, 1, 0, "ng-container", 37);
 } if (rf & 2) {
-    const node_r4 = ctx.$implicit;
+    const node_r6 = ctx.$implicit;
     i0.ɵɵnextContext(2);
-    const categoryNode_r5 = i0.ɵɵreference(32);
-    i0.ɵɵproperty("ngTemplateOutlet", categoryNode_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r4));
+    const categoryNode_r7 = i0.ɵɵreference(35);
+    i0.ɵɵproperty("ngTemplateOutlet", categoryNode_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r6));
 } }
-function QueryBrowserResourceComponent_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
-    i0.ɵɵrepeaterCreate(1, QueryBrowserResourceComponent_Conditional_25_For_2_Template, 1, 4, "ng-container", null, i0.ɵɵcomponentInstance().trackByCategory, true);
+function QueryBrowserResourceComponent_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵrepeaterCreate(1, QueryBrowserResourceComponent_Conditional_28_For_2_Template, 1, 4, "ng-container", null, i0.ɵɵcomponentInstance().trackByCategory, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.categoryTree);
 } }
-function QueryBrowserResourceComponent_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵelementStart(2, "p", 35);
+function QueryBrowserResourceComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "i", 38);
+    i0.ɵɵelementStart(2, "p", 39);
     i0.ɵɵtext(3, "Select a query from the list");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 36);
+    i0.ɵɵelementStart(4, "p", 40);
     i0.ɵɵtext(5, "Click on a query to view and run it");
     i0.ɵɵelementEnd()();
 } }
-function QueryBrowserResourceComponent_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-query-viewer", 37);
-    i0.ɵɵlistener("EntityLinkClick", function QueryBrowserResourceComponent_Conditional_30_Template_mj_query_viewer_EntityLinkClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onEntityLinkClick($event)); })("RowDoubleClick", function QueryBrowserResourceComponent_Conditional_30_Template_mj_query_viewer_RowDoubleClick_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRowDoubleClick($event)); })("OpenQueryRecord", function QueryBrowserResourceComponent_Conditional_30_Template_mj_query_viewer_OpenQueryRecord_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onOpenQueryRecord($event)); });
+function QueryBrowserResourceComponent_Conditional_33_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("background", ctx_r2.getStatusColor(ctx_r2.selectedQuery.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r2.getStatusIcon(ctx_r2.selectedQuery.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.selectedQuery.Status, " ");
+} }
+function QueryBrowserResourceComponent_Conditional_33_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 48);
+    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵtext(2, " Approved ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("background", ctx_r2.getStatusColor("Approved"));
+} }
+function QueryBrowserResourceComponent_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 41)(1, "div", 42);
+    i0.ɵɵelement(2, "i", 43);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(5, QueryBrowserResourceComponent_Conditional_33_Conditional_5_Template, 3, 5, "span", 44)(6, QueryBrowserResourceComponent_Conditional_33_Conditional_6_Template, 3, 2, "span", 45);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "mj-query-viewer", 46);
+    i0.ɵɵlistener("EntityLinkClick", function QueryBrowserResourceComponent_Conditional_33_Template_mj_query_viewer_EntityLinkClick_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onEntityLinkClick($event)); })("RowDoubleClick", function QueryBrowserResourceComponent_Conditional_33_Template_mj_query_viewer_RowDoubleClick_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRowDoubleClick($event)); })("OpenQueryRecord", function QueryBrowserResourceComponent_Conditional_33_Template_mj_query_viewer_OpenQueryRecord_7_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onOpenQueryRecord($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r2.selectedQuery.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.selectedQuery.Status !== "Approved" ? 5 : 6);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("QueryId", ctx_r2.selectedQuery.ID)("AutoRun", true)("SelectionMode", "multiple");
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 64);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const query_r10 = i0.ɵɵnextContext().$implicit;
+    const query_r12 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(query_r10.Description);
+    i0.ɵɵtextInterpolate(query_r12.Description);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 52);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 65);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 47);
-    i0.ɵɵlistener("click", function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Template_div_click_0_listener($event) { const query_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.selectQuery(query_r10, $event)); });
-    i0.ɵɵelement(1, "i", 48);
-    i0.ɵɵelementStart(2, "div", 49)(3, "span", 50);
-    i0.ɵɵtext(4);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 67);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Conditional_5_Template, 2, 1, "span", 51);
+} if (rf & 2) {
+    const query_r12 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(4);
+    i0.ɵɵstyleProp("background", ctx_r2.getStatusColor(query_r12.Status));
+    i0.ɵɵproperty("title", query_r12.Status);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", query_r12.Status, " ");
+} }
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵlistener("click", function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Template_div_click_0_listener($event) { const query_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.selectQuery(query_r12, $event)); });
+    i0.ɵɵelement(1, "span", 60)(2, "i", 61);
+    i0.ɵɵelementStart(3, "div", 62)(4, "span", 63);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Conditional_6_Template, 1, 0, "i", 52);
+    i0.ɵɵconditionalCreate(6, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_6_Template, 2, 1, "span", 64);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_7_Template, 1, 0, "i", 65);
+    i0.ɵɵconditionalCreate(8, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Conditional_8_Template, 2, 4, "span", 66);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const query_r10 = ctx.$implicit;
+    const query_r12 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("selected", ctx_r2.IsQuerySelected(query_r10))("hidden", !ctx_r2.isQueryVisible(query_r10));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(query_r10.Name);
+    i0.ɵɵclassProp("selected", ctx_r2.IsQuerySelected(query_r12))("hidden", !ctx_r2.isQueryVisible(query_r12));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(query_r10.Description ? 5 : -1);
+    i0.ɵɵstyleProp("background", ctx_r2.getStatusColor(query_r12.Status));
+    i0.ɵɵproperty("title", query_r12.Status);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("title", query_r12.Description || query_r12.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(query_r12.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r12.Description ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(query_r10.UsesTemplate ? 6 : -1);
+    i0.ɵɵconditional(query_r12.UsesTemplate ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(query_r12.Status !== "Approved" ? 8 : -1);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵrepeaterCreate(1, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_For_2_Template, 7, 7, "div", 46, i0.ɵɵcomponentInstance().trackByQuery, true);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57);
+    i0.ɵɵrepeaterCreate(1, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_For_2_Template, 9, 12, "div", 58, i0.ɵɵcomponentInstance().trackByQuery, true);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const node_r8 = i0.ɵɵnextContext(2).node;
+    const node_r10 = i0.ɵɵnextContext(2).node;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(node_r8.queries);
+    i0.ɵɵrepeater(node_r10.queries);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_For_1_ng_container_0_Template, 1, 0, "ng-container", 33);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_For_1_ng_container_0_Template, 1, 0, "ng-container", 37);
 } if (rf & 2) {
-    const child_r11 = ctx.$implicit;
+    const child_r13 = ctx.$implicit;
     i0.ɵɵnextContext(4);
-    const categoryNode_r5 = i0.ɵɵreference(32);
-    i0.ɵɵproperty("ngTemplateOutlet", categoryNode_r5)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, child_r11));
+    const categoryNode_r7 = i0.ɵɵreference(35);
+    i0.ɵɵproperty("ngTemplateOutlet", categoryNode_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, child_r13));
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_For_1_Template, 1, 4, "ng-container", null, i0.ɵɵcomponentInstance().trackByCategory, true);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_For_1_Template, 1, 4, "ng-container", null, i0.ɵɵcomponentInstance().trackByCategory, true);
 } if (rf & 2) {
-    const node_r8 = i0.ɵɵnextContext(2).node;
-    i0.ɵɵrepeater(node_r8.children);
+    const node_r10 = i0.ɵɵnextContext(2).node;
+    i0.ɵɵrepeater(node_r10.children);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "div", 40);
-    i0.ɵɵlistener("click", function QueryBrowserResourceComponent_ng_template_31_Conditional_0_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r7); const node_r8 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpand(node_r8)); });
-    i0.ɵɵelement(2, "i", 41)(3, "i", 42);
-    i0.ɵɵelementStart(4, "span", 43);
+function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 51)(1, "div", 52);
+    i0.ɵɵlistener("click", function QueryBrowserResourceComponent_ng_template_34_Conditional_0_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r9); const node_r10 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleExpand(node_r10)); });
+    i0.ɵɵelement(2, "i", 53)(3, "i", 54);
+    i0.ɵɵelementStart(4, "span", 55);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 44);
+    i0.ɵɵelementStart(6, "span", 56);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_8_Template, 3, 0, "div", 45);
-    i0.ɵɵconditionalCreate(9, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Conditional_9_Template, 2, 0);
+    i0.ɵɵconditionalCreate(8, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_8_Template, 3, 0, "div", 57);
+    i0.ɵɵconditionalCreate(9, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Conditional_9_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const node_r8 = i0.ɵɵnextContext().node;
+    const node_r10 = i0.ɵɵnextContext().node;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵstyleProp("padding-left", node_r8.level * 16 + 8, "px");
-    i0.ɵɵclassProp("expanded", node_r8.expanded);
+    i0.ɵɵstyleProp("padding-left", node_r10.level * 16 + 8, "px");
+    i0.ɵɵclassProp("expanded", node_r10.expanded);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fa-chevron-down", node_r8.expanded)("fa-chevron-right", !node_r8.expanded);
+    i0.ɵɵclassProp("fa-chevron-down", node_r10.expanded)("fa-chevron-right", !node_r10.expanded);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-folder-open", node_r8.expanded);
+    i0.ɵɵclassProp("fa-folder-open", node_r10.expanded);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r8.category.Name);
+    i0.ɵɵtextInterpolate(node_r10.category.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("(", ctx_r2.getNodeQueryCount(node_r8), ")");
+    i0.ɵɵtextInterpolate1("(", ctx_r2.getNodeQueryCount(node_r10), ")");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r8.expanded ? 8 : -1);
+    i0.ɵɵconditional(node_r10.expanded ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r8.expanded ? 9 : -1);
+    i0.ɵɵconditional(node_r10.expanded ? 9 : -1);
 } }
-function QueryBrowserResourceComponent_ng_template_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, QueryBrowserResourceComponent_ng_template_31_Conditional_0_Template, 10, 14, "div", 38);
+function QueryBrowserResourceComponent_ng_template_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, QueryBrowserResourceComponent_ng_template_34_Conditional_0_Template, 10, 14, "div", 50);
 } if (rf & 2) {
-    const node_r8 = ctx.node;
+    const node_r10 = ctx.node;
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r2.hasVisibleContent(node_r8) ? 0 : -1);
+    i0.ɵɵconditional(ctx_r2.hasVisibleContent(node_r10) ? 0 : -1);
 } }
 /**
  * A resource component for browsing and executing stored queries.
@@ -205,18 +290,32 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     elementRef;
     zone;
     static SETTINGS_KEY = 'QueryBrowser/panelWidth';
+    static STATUS_FILTERS_KEY = 'QueryBrowser/statusFilters';
+    static EXPANDED_STATE_KEY = 'QueryBrowser/expandedCategories';
     static DEFAULT_PANEL_WIDTH = 320;
     static MIN_PANEL_WIDTH = 200;
     static MAX_PANEL_WIDTH = 600;
     isLoading = true;
     categories = [];
     categoryTree = [];
+    /** All queries the user has permission to run */
     queries = [];
     filteredQueries = [];
     selectedQuery = null;
     searchText = '';
     PanelWidth = QueryBrowserResourceComponent_1.DEFAULT_PANEL_WIDTH;
     IsResizing = false;
+    /** Status filter toggles — which statuses to show in the tree */
+    StatusFilters = {
+        'Approved': true,
+        'Pending': true,
+        'Rejected': false,
+        'Expired': false
+    };
+    /** Ordered list of all possible statuses for the filter bar */
+    AllStatuses = ['Approved', 'Pending', 'Rejected', 'Expired'];
+    /** Tracks expanded state by category ID — persisted across sessions */
+    expandedState = new Map();
     metadata = new Metadata();
     destroy$ = new Subject();
     dataLoaded = false;
@@ -235,6 +334,8 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     }
     ngOnInit() {
         this.loadSavedPanelWidth();
+        this.loadSavedStatusFilters();
+        this.loadSavedExpandedState();
         this.loadData();
         // Subscribe to router NavigationEnd events for back/forward button support
         this.router.events
@@ -272,10 +373,10 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
             if (forceRefresh) {
                 await this.metadata.Refresh();
             }
-            // Load from metadata
+            // Load all queries the user has permission to run (regardless of status)
             this.categories = this.metadata.QueryCategories || [];
-            this.queries = (this.metadata.Queries || []).filter(q => q.Status === 'Approved' && q.UserCanRun(this.metadata.CurrentUser));
-            this.filteredQueries = [...this.queries];
+            this.queries = (this.metadata.Queries || []).filter(q => q.UserCanRun(this.metadata.CurrentUser));
+            this.applyFilters();
             this.buildCategoryTree();
             // Mark data as loaded and apply any query params for deep linking
             this.dataLoaded = true;
@@ -302,14 +403,16 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     }
     buildCategoryTree() {
         const categoryMap = new Map();
-        // Create nodes for all categories
+        // Use filtered queries (status + search filters applied)
+        const visibleQueries = this.filteredQueries;
+        // Create nodes for all categories, restoring expanded state
         for (const category of this.categories) {
-            const queriesInCategory = this.queries.filter(q => UUIDsEqual(q.CategoryID, category.ID));
+            const queriesInCategory = visibleQueries.filter(q => UUIDsEqual(q.CategoryID, category.ID));
             categoryMap.set(category.ID, {
                 category,
                 children: [],
                 queries: queriesInCategory,
-                expanded: true,
+                expanded: this.expandedState.get(category.ID) ?? false,
                 level: 0
             });
         }
@@ -332,7 +435,7 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
             }
         }
         // Add uncategorized queries to a virtual root
-        const uncategorizedQueries = this.queries.filter(q => !q.CategoryID);
+        const uncategorizedQueries = visibleQueries.filter(q => !q.CategoryID);
         if (uncategorizedQueries.length > 0) {
             const uncategorizedCategory = new QueryCategoryInfo({
                 ID: '__uncategorized__',
@@ -343,7 +446,7 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
                 category: uncategorizedCategory,
                 children: [],
                 queries: uncategorizedQueries,
-                expanded: true,
+                expanded: this.expandedState.get('__uncategorized__') ?? false,
                 level: 0
             });
         }
@@ -363,16 +466,9 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     // ========================================
     onSearchChange(value) {
         this.searchText = value;
-        if (!value.trim()) {
-            this.filteredQueries = [...this.queries];
-        }
-        else {
-            const searchLower = value.toLowerCase();
-            this.filteredQueries = this.queries.filter(q => q.Name.toLowerCase().includes(searchLower) ||
-                q.Description?.toLowerCase().includes(searchLower) ||
-                q.Category?.toLowerCase().includes(searchLower));
-        }
-        // Expand all categories when searching
+        this.applyFilters();
+        this.buildCategoryTree();
+        // Expand all categories when searching so results are visible
         if (value) {
             this.expandAll();
         }
@@ -380,10 +476,106 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     }
     clearSearch() {
         this.searchText = '';
-        this.filteredQueries = [...this.queries];
+        this.applyFilters();
+        this.buildCategoryTree();
         this.cdr.markForCheck();
     }
     // ========================================
+    // Status Filters
+    // ========================================
+    /** Toggle a status filter on/off and rebuild the tree */
+    toggleStatusFilter(status) {
+        this.StatusFilters[status] = !this.StatusFilters[status];
+        this.applyFilters();
+        this.buildCategoryTree();
+        this.saveStatusFilters();
+        this.cdr.markForCheck();
+    }
+    /** Get the count of queries with a given status */
+    getStatusCount(status) {
+        return this.queries.filter(q => q.Status === status).length;
+    }
+    /** Get the CSS color for a query status */
+    getStatusColor(status) {
+        switch (status) {
+            case 'Approved': return '#28a745';
+            case 'Pending': return '#f59e0b';
+            case 'Rejected': return '#dc3545';
+            case 'Expired': return '#6c757d';
+            default: return '#6c757d';
+        }
+    }
+    /** Get the Font Awesome icon for a query status */
+    getStatusIcon(status) {
+        switch (status) {
+            case 'Approved': return 'fa-check-circle';
+            case 'Pending': return 'fa-clock';
+            case 'Rejected': return 'fa-times-circle';
+            case 'Expired': return 'fa-archive';
+            default: return 'fa-question-circle';
+        }
+    }
+    /** Apply both status and search filters to produce filteredQueries */
+    applyFilters() {
+        // First filter by status
+        let result = this.queries.filter(q => this.StatusFilters[q.Status] === true);
+        // Then filter by search text
+        if (this.searchText.trim()) {
+            const searchLower = this.searchText.toLowerCase();
+            result = result.filter(q => q.Name.toLowerCase().includes(searchLower) ||
+                q.Description?.toLowerCase().includes(searchLower) ||
+                q.Category?.toLowerCase().includes(searchLower));
+        }
+        this.filteredQueries = result;
+    }
+    /** Load saved status filter preferences */
+    loadSavedStatusFilters() {
+        const saved = UserInfoEngine.Instance.GetSetting(QueryBrowserResourceComponent_1.STATUS_FILTERS_KEY);
+        if (saved) {
+            try {
+                const parsed = JSON.parse(saved);
+                // Merge saved values onto defaults (preserves any new statuses added later)
+                for (const key of Object.keys(this.StatusFilters)) {
+                    if (typeof parsed[key] === 'boolean') {
+                        this.StatusFilters[key] = parsed[key];
+                    }
+                }
+            }
+            catch {
+                // Ignore invalid JSON, keep defaults
+            }
+        }
+    }
+    /** Save status filter preferences with debouncing */
+    saveStatusFilters() {
+        UserInfoEngine.Instance.SetSettingDebounced(QueryBrowserResourceComponent_1.STATUS_FILTERS_KEY, JSON.stringify(this.StatusFilters));
+    }
+    /** Load saved expanded/collapsed state for category nodes */
+    loadSavedExpandedState() {
+        const saved = UserInfoEngine.Instance.GetSetting(QueryBrowserResourceComponent_1.EXPANDED_STATE_KEY);
+        if (saved) {
+            try {
+                const parsed = JSON.parse(saved);
+                for (const [key, value] of Object.entries(parsed)) {
+                    if (typeof value === 'boolean') {
+                        this.expandedState.set(key, value);
+                    }
+                }
+            }
+            catch {
+                // Ignore invalid JSON, start fresh
+            }
+        }
+    }
+    /** Save expanded/collapsed state with debouncing */
+    saveExpandedState() {
+        const obj = {};
+        for (const [key, value] of this.expandedState.entries()) {
+            obj[key] = value;
+        }
+        UserInfoEngine.Instance.SetSettingDebounced(QueryBrowserResourceComponent_1.EXPANDED_STATE_KEY, JSON.stringify(obj));
+    }
+    // ========================================
     // Tree Navigation
     // ========================================
     toggleExpand(node, event) {
@@ -391,26 +583,32 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
             event.stopPropagation();
         }
         node.expanded = !node.expanded;
+        this.expandedState.set(node.category.ID, node.expanded);
+        this.saveExpandedState();
         this.cdr.markForCheck();
     }
     expandAll() {
         const expand = (nodes) => {
             for (const node of nodes) {
                 node.expanded = true;
+                this.expandedState.set(node.category.ID, true);
                 expand(node.children);
             }
         };
         expand(this.categoryTree);
+        this.saveExpandedState();
         this.cdr.markForCheck();
     }
     collapseAll() {
         const collapse = (nodes) => {
             for (const node of nodes) {
                 node.expanded = false;
+                this.expandedState.set(node.category.ID, false);
                 collapse(node.children);
             }
         };
         collapse(this.categoryTree);
+        this.saveExpandedState();
         this.cdr.markForCheck();
     }
     selectQuery(query, event) {
@@ -440,9 +638,12 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     // Query Viewer Events
     // ========================================
     onEntityLinkClick(event) {
-        // Open the entity record using navigation service
-        // Convert the recordId string to a CompositeKey (assumes single-field primary key)
-        const compositeKey = CompositeKey.FromID(event.recordId);
+        // Look up the entity's actual primary key field name from metadata
+        const md = new Metadata();
+        const entity = md.Entities.find(e => e.Name === event.entityName);
+        const pkField = entity?.FirstPrimaryKey;
+        const pkFieldName = pkField?.Name || 'ID';
+        const compositeKey = new CompositeKey([{ FieldName: pkFieldName, Value: event.recordId }]);
         this.navigationService.OpenEntityRecord(event.entityName, compositeKey);
     }
     onRowDoubleClick(event) {
@@ -574,36 +775,24 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
     expandCategoryForQuery(query) {
         if (!query.CategoryID)
             return;
-        const expandCategory = (nodes, targetCategoryId) => {
+        const expandToTarget = (nodes, targetCategoryId) => {
             for (const node of nodes) {
                 if (UUIDsEqual(node.category.ID, targetCategoryId)) {
                     node.expanded = true;
+                    this.expandedState.set(node.category.ID, true);
                     return true;
                 }
-                if (this.expandCategoryForQueryRecursive(node.children, targetCategoryId)) {
+                if (expandToTarget(node.children, targetCategoryId)) {
                     node.expanded = true;
+                    this.expandedState.set(node.category.ID, true);
                     return true;
                 }
             }
             return false;
         };
-        expandCategory(this.categoryTree, query.CategoryID);
-    }
-    /**
-     * Helper for recursive category expansion
-     */
-    expandCategoryForQueryRecursive(nodes, targetCategoryId) {
-        for (const node of nodes) {
-            if (UUIDsEqual(node.category.ID, targetCategoryId)) {
-                node.expanded = true;
-                return true;
-            }
-            if (node.children.length > 0 && this.expandCategoryForQueryRecursive(node.children, targetCategoryId)) {
-                node.expanded = true;
-                return true;
-            }
+        if (expandToTarget(this.categoryTree, query.CategoryID)) {
+            this.saveExpandedState();
         }
-        return false;
     }
     // ========================================
     // Panel Resize
@@ -659,7 +848,7 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
         return UUIDsEqual(this.selectedQuery?.ID, query.ID);
     }
     static ɵfac = function QueryBrowserResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || QueryBrowserResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.NavigationService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.NgZone)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserResourceComponent, selectors: [["mj-query-browser-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 33, vars: 15, consts: [["categoryNode", ""], [1, "query-browser-container"], [1, "query-tree-panel"], [1, "tree-header"], [1, "header-title"], [1, "fa-solid", "fa-database"], [1, "query-count"], [1, "header-actions"], ["title", "Expand all", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-folder-open"], ["title", "Collapse all", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-folder"], ["title", "Refresh", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "tree-search"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search queries...", 1, "search-input", 3, "input", "value"], [1, "clear-btn"], [1, "tree-content"], [1, "loading-state"], [1, "empty-state"], [1, "category-tree"], [1, "resize-handle", 3, "mousedown"], [1, "resize-handle-grip"], [1, "query-viewer-panel"], [1, "no-selection"], [3, "QueryId", "AutoRun", "SelectionMode"], [1, "clear-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading queries..."], [1, "fa-solid", "fa-database", "empty-icon"], [1, "fa-solid", "fa-search", "empty-icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "fa-solid", "fa-hand-pointer", "no-selection-icon"], [1, "no-selection-message"], [1, "no-selection-hint"], [3, "EntityLinkClick", "RowDoubleClick", "OpenQueryRecord", "QueryId", "AutoRun", "SelectionMode"], [1, "category-item", 3, "expanded", "padding-left"], [1, "category-item"], [1, "category-header", 3, "click"], [1, "fa-solid", "expand-icon"], [1, "fa-solid", "fa-folder", "category-icon"], [1, "category-name"], [1, "category-count"], [1, "category-queries"], [1, "query-item", 3, "selected", "hidden"], [1, "query-item", 3, "click"], [1, "fa-solid", "fa-file-code", "query-icon"], [1, "query-info"], [1, "query-name"], [1, "query-description"], ["title", "Has parameters", 1, "fa-solid", "fa-sliders", "param-icon"]], template: function QueryBrowserResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserResourceComponent, selectors: [["mj-query-browser-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 36, vars: 15, consts: [["categoryNode", ""], [1, "query-browser-container"], [1, "query-tree-panel"], [1, "tree-header"], [1, "header-title"], [1, "fa-solid", "fa-database"], [1, "query-count"], [1, "header-actions"], ["title", "Expand all", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-folder-open"], ["title", "Collapse all", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-folder"], ["title", "Refresh", 1, "icon-btn", 3, "click"], [1, "fa-solid", "fa-refresh"], [1, "tree-search"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Search queries...", 1, "search-input", 3, "input", "value"], [1, "clear-btn"], [1, "status-filter-bar"], [1, "tree-content"], [1, "loading-state"], [1, "empty-state"], [1, "category-tree"], [1, "resize-handle", 3, "mousedown"], [1, "resize-handle-grip"], [1, "query-viewer-panel"], [1, "no-selection"], [1, "clear-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "status-filter-chip", 3, "active", "--chip-color", "title"], [1, "status-filter-chip", 3, "click", "title"], [1, "fa-solid"], [1, "chip-count"], ["text", "Loading queries..."], [1, "fa-solid", "fa-database", "empty-icon"], [1, "fa-solid", "fa-search", "empty-icon"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "fa-solid", "fa-hand-pointer", "no-selection-icon"], [1, "no-selection-message"], [1, "no-selection-hint"], [1, "query-viewer-header"], [1, "query-viewer-title"], [1, "fa-solid", "fa-file-code"], [1, "query-viewer-status-pill", 3, "background"], [1, "query-viewer-status-pill", "approved", 3, "background"], [3, "EntityLinkClick", "RowDoubleClick", "OpenQueryRecord", "QueryId", "AutoRun", "SelectionMode"], [1, "query-viewer-status-pill"], [1, "query-viewer-status-pill", "approved"], [1, "fa-solid", "fa-check-circle"], [1, "category-item", 3, "expanded", "padding-left"], [1, "category-item"], [1, "category-header", 3, "click"], [1, "fa-solid", "expand-icon"], [1, "fa-solid", "fa-folder", "category-icon"], [1, "category-name"], [1, "category-count"], [1, "category-queries"], [1, "query-item", 3, "selected", "hidden"], [1, "query-item", 3, "click"], [1, "status-dot", 3, "title"], [1, "fa-solid", "fa-file-code", "query-icon"], [1, "query-info", 3, "title"], [1, "query-name"], [1, "query-description"], ["title", "Has parameters", 1, "fa-solid", "fa-sliders", "param-icon"], [1, "query-status-badge", 3, "background", "title"], [1, "query-status-badge", 3, "title"]], template: function QueryBrowserResourceComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4);
             i0.ɵɵelement(4, "i", 5);
@@ -689,20 +878,23 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
             i0.ɵɵconditionalCreate(20, QueryBrowserResourceComponent_Conditional_20_Template, 2, 0, "button", 18);
             i0.ɵɵelementEnd()();
             i0.ɵɵelementStart(21, "div", 19);
-            i0.ɵɵconditionalCreate(22, QueryBrowserResourceComponent_Conditional_22_Template, 2, 0, "div", 20);
-            i0.ɵɵconditionalCreate(23, QueryBrowserResourceComponent_Conditional_23_Template, 4, 0, "div", 21);
-            i0.ɵɵconditionalCreate(24, QueryBrowserResourceComponent_Conditional_24_Template, 4, 1, "div", 21);
-            i0.ɵɵconditionalCreate(25, QueryBrowserResourceComponent_Conditional_25_Template, 3, 0, "div", 22);
+            i0.ɵɵrepeaterCreate(22, QueryBrowserResourceComponent_For_23_Template, 1, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(24, "div", 20);
+            i0.ɵɵconditionalCreate(25, QueryBrowserResourceComponent_Conditional_25_Template, 2, 0, "div", 21);
+            i0.ɵɵconditionalCreate(26, QueryBrowserResourceComponent_Conditional_26_Template, 4, 0, "div", 22);
+            i0.ɵɵconditionalCreate(27, QueryBrowserResourceComponent_Conditional_27_Template, 4, 1, "div", 22);
+            i0.ɵɵconditionalCreate(28, QueryBrowserResourceComponent_Conditional_28_Template, 3, 0, "div", 23);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(26, "div", 23);
-            i0.ɵɵlistener("mousedown", function QueryBrowserResourceComponent_Template_div_mousedown_26_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onResizeStart($event)); });
-            i0.ɵɵelement(27, "div", 24);
+            i0.ɵɵelementStart(29, "div", 24);
+            i0.ɵɵlistener("mousedown", function QueryBrowserResourceComponent_Template_div_mousedown_29_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onResizeStart($event)); });
+            i0.ɵɵelement(30, "div", 25);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "div", 25);
-            i0.ɵɵconditionalCreate(29, QueryBrowserResourceComponent_Conditional_29_Template, 6, 0, "div", 26);
-            i0.ɵɵconditionalCreate(30, QueryBrowserResourceComponent_Conditional_30_Template, 1, 3, "mj-query-viewer", 27);
+            i0.ɵɵelementStart(31, "div", 26);
+            i0.ɵɵconditionalCreate(32, QueryBrowserResourceComponent_Conditional_32_Template, 6, 0, "div", 27);
+            i0.ɵɵconditionalCreate(33, QueryBrowserResourceComponent_Conditional_33_Template, 8, 5);
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(31, QueryBrowserResourceComponent_ng_template_31_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(34, QueryBrowserResourceComponent_ng_template_34_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵclassProp("resizing", ctx.IsResizing);
             i0.ɵɵadvance();
@@ -714,20 +906,22 @@ let QueryBrowserResourceComponent = class QueryBrowserResourceComponent extends
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.searchText ? 20 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.isLoading ? 22 : -1);
+            i0.ɵɵrepeater(ctx.AllStatuses);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.isLoading ? 25 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.queries.length === 0 ? 23 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.queries.length === 0 ? 26 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.searchText && ctx.filteredQueries.length === 0 ? 24 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.searchText && ctx.filteredQueries.length === 0 ? 27 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.queries.length > 0 ? 25 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.queries.length > 0 ? 28 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("active", ctx.IsResizing);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(!ctx.selectedQuery ? 29 : -1);
+            i0.ɵɵconditional(!ctx.selectedQuery ? 32 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedQuery ? 30 : -1);
-        } }, dependencies: [i3.NgTemplateOutlet, i4.LoadingComponent, i5.QueryViewerComponent], styles: ["\n\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.query-browser-container[_ngcontent-%COMP%] {\n    display: flex;\n    height: 100%;\n    background: #f5f5f5;\n}\n\n\n\n.query-tree-panel[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    background: #fff;\n    border-right: 1px solid #e0e0e0;\n    display: flex;\n    flex-direction: column;\n    \n\n}\n\n\n\n.tree-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n    color: #fff;\n}\n\n.header-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.query-count[_ngcontent-%COMP%] {\n    font-weight: 400;\n    opacity: 0.8;\n    font-size: 13px;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.icon-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.icon-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n\n\n.tree-search[_ngcontent-%COMP%] {\n    padding: 12px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]:focus-within {\n    border-color: #5c6bc0;\n    box-shadow: 0 0 0 3px rgba(92, 107, 192, 0.15);\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    color: #888;\n    margin-left: 10px;\n    font-size: 14px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    outline: none;\n    padding: 8px 10px;\n    font-size: 14px;\n    background: transparent;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: #999;\n}\n\n.clear-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: #888;\n    cursor: pointer;\n    margin-right: 4px;\n    border-radius: 4px;\n}\n\n.clear-btn[_ngcontent-%COMP%]:hover {\n    color: #333;\n    background: #f0f0f0;\n}\n\n\n\n.tree-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 36px;\n    color: #ccc;\n    margin-bottom: 12px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n}\n\n\n\n.category-tree[_ngcontent-%COMP%] {\n    padding: 0 4px;\n}\n\n.category-item[_ngcontent-%COMP%] {\n    margin-bottom: 2px;\n}\n\n.category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 0.15s ease;\n}\n\n.category-header[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: #888;\n    width: 12px;\n    text-align: center;\n}\n\n.category-icon[_ngcontent-%COMP%] {\n    color: #f9a825;\n    font-size: 14px;\n}\n\n.category-name[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: #333;\n    font-size: 13px;\n}\n\n.category-count[_ngcontent-%COMP%] {\n    color: #888;\n    font-size: 12px;\n}\n\n\n\n.category-queries[_ngcontent-%COMP%] {\n    margin-left: 28px;\n}\n\n.query-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.15s ease;\n    margin: 2px 0;\n}\n\n.query-item[_ngcontent-%COMP%]:hover {\n    background: #f0f7ff;\n}\n\n.query-item.selected[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border-left: 3px solid #2196f3;\n    margin-left: -3px;\n}\n\n.query-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.query-icon[_ngcontent-%COMP%] {\n    color: #5c6bc0;\n    font-size: 14px;\n    margin-top: 2px;\n}\n\n.query-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.query-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-description[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: #888;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-icon[_ngcontent-%COMP%] {\n    color: #f9a825;\n    font-size: 12px;\n    margin-top: 2px;\n}\n\n.query-details-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: #999;\n    cursor: pointer;\n    border-radius: 4px;\n    opacity: 0;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.query-item[_ngcontent-%COMP%]:hover   .query-details-btn[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.query-details-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(92, 107, 192, 0.15);\n    color: #5c6bc0;\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    width: 6px;\n    cursor: col-resize;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n    position: relative;\n    z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle.active[_ngcontent-%COMP%] {\n    background: rgba(92, 107, 192, 0.15);\n}\n\n.resize-handle-grip[_ngcontent-%COMP%] {\n    width: 2px;\n    height: 32px;\n    border-radius: 1px;\n    background: #ccc;\n    transition: background 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover   .resize-handle-grip[_ngcontent-%COMP%], \n.resize-handle.active[_ngcontent-%COMP%]   .resize-handle-grip[_ngcontent-%COMP%] {\n    background: #5c6bc0;\n}\n\n\n\n.query-browser-container.resizing[_ngcontent-%COMP%] {\n    cursor: col-resize;\n    user-select: none;\n}\n\n.query-browser-container.resizing[_ngcontent-%COMP%]   *[_ngcontent-%COMP%] {\n    pointer-events: none;\n}\n\n.query-browser-container.resizing[_ngcontent-%COMP%]   .resize-handle[_ngcontent-%COMP%] {\n    pointer-events: auto;\n}\n\n\n\n.query-viewer-panel[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n.no-selection[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.no-selection-icon[_ngcontent-%COMP%] {\n    font-size: 64px;\n    color: #ddd;\n    margin-bottom: 20px;\n}\n\n.no-selection-message[_ngcontent-%COMP%] {\n    font-size: 18px;\n    color: #666;\n    margin: 0 0 8px 0;\n}\n\n.no-selection-hint[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: #999;\n    margin: 0;\n}\n\n\n\nmj-query-viewer[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: #aaa;\n}\n\n\n\n@media (max-width: 768px) {\n    .query-browser-container[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .query-tree-panel[_ngcontent-%COMP%] {\n        width: 100% !important;\n        height: 40%;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .resize-handle[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .query-viewer-panel[_ngcontent-%COMP%] {\n        height: 60%;\n    }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(ctx.selectedQuery ? 33 : -1);
+        } }, dependencies: [i3.NgTemplateOutlet, i4.LoadingComponent, i5.QueryViewerComponent], styles: ["\n\n\n[_nghost-%COMP%] {\n    display: block;\n    height: 100%;\n}\n\n.query-browser-container[_ngcontent-%COMP%] {\n    display: flex;\n    height: 100%;\n    background: #f5f5f5;\n}\n\n\n\n.query-tree-panel[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    background: #fff;\n    border-right: 1px solid #e0e0e0;\n    display: flex;\n    flex-direction: column;\n    \n\n}\n\n\n\n.tree-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n    color: #fff;\n}\n\n.header-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.header-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n}\n\n.query-count[_ngcontent-%COMP%] {\n    font-weight: 400;\n    opacity: 0.8;\n    font-size: 13px;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.icon-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.icon-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n\n\n.tree-search[_ngcontent-%COMP%] {\n    padding: 12px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]:focus-within {\n    border-color: #5c6bc0;\n    box-shadow: 0 0 0 3px rgba(92, 107, 192, 0.15);\n}\n\n.search-icon[_ngcontent-%COMP%] {\n    color: #888;\n    margin-left: 10px;\n    font-size: 14px;\n}\n\n.search-input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    outline: none;\n    padding: 8px 10px;\n    font-size: 14px;\n    background: transparent;\n}\n\n.search-input[_ngcontent-%COMP%]::placeholder {\n    color: #999;\n}\n\n.clear-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: #888;\n    cursor: pointer;\n    margin-right: 4px;\n    border-radius: 4px;\n}\n\n.clear-btn[_ngcontent-%COMP%]:hover {\n    color: #333;\n    background: #f0f0f0;\n}\n\n\n\n.status-filter-bar[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n.status-filter-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid #ddd;\n    border-radius: 12px;\n    background: #fff;\n    color: #888;\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    line-height: 1.2;\n}\n\n.status-filter-chip[_ngcontent-%COMP%]:hover {\n    border-color: var(--chip-color, #888);\n    color: var(--chip-color, #888);\n}\n\n.status-filter-chip.active[_ngcontent-%COMP%] {\n    background: var(--chip-color, #888);\n    border-color: var(--chip-color, #888);\n    color: #fff;\n}\n\n.status-filter-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.chip-count[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 10px;\n    opacity: 0.85;\n}\n\n\n\n.status-dot[_ngcontent-%COMP%] {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    margin-top: 4px;\n}\n\n\n\n.query-status-badge[_ngcontent-%COMP%] {\n    font-size: 9px;\n    color: #fff;\n    padding: 1px 6px;\n    border-radius: 8px;\n    flex-shrink: 0;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-top: 2px;\n}\n\n\n\n.tree-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%], \n.empty-state[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n    font-size: 36px;\n    color: #ccc;\n    margin-bottom: 12px;\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n}\n\n\n\n.category-tree[_ngcontent-%COMP%] {\n    padding: 0 4px;\n}\n\n.category-item[_ngcontent-%COMP%] {\n    margin-bottom: 2px;\n}\n\n.category-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 0.15s ease;\n}\n\n.category-header[_ngcontent-%COMP%]:hover {\n    background: #f0f0f0;\n}\n\n.expand-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: #888;\n    width: 12px;\n    text-align: center;\n}\n\n.category-icon[_ngcontent-%COMP%] {\n    color: #f9a825;\n    font-size: 14px;\n}\n\n.category-name[_ngcontent-%COMP%] {\n    flex: 1;\n    font-weight: 500;\n    color: #333;\n    font-size: 13px;\n}\n\n.category-count[_ngcontent-%COMP%] {\n    color: #888;\n    font-size: 12px;\n}\n\n\n\n.category-queries[_ngcontent-%COMP%] {\n    margin-left: 28px;\n}\n\n.query-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.15s ease;\n    margin: 2px 0;\n}\n\n.query-item[_ngcontent-%COMP%]:hover {\n    background: #f0f7ff;\n}\n\n.query-item.selected[_ngcontent-%COMP%] {\n    background: #e3f2fd;\n    border-left: 3px solid #2196f3;\n    margin-left: -3px;\n}\n\n.query-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.query-icon[_ngcontent-%COMP%] {\n    color: #5c6bc0;\n    font-size: 14px;\n    margin-top: 2px;\n}\n\n.query-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.query-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-description[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: #888;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-icon[_ngcontent-%COMP%] {\n    color: #f9a825;\n    font-size: 12px;\n    margin-top: 2px;\n}\n\n.query-details-btn[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: #999;\n    cursor: pointer;\n    border-radius: 4px;\n    opacity: 0;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.query-item[_ngcontent-%COMP%]:hover   .query-details-btn[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.query-details-btn[_ngcontent-%COMP%]:hover {\n    background: rgba(92, 107, 192, 0.15);\n    color: #5c6bc0;\n}\n\n\n\n.resize-handle[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    width: 6px;\n    cursor: col-resize;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n    position: relative;\n    z-index: 10;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover, \n.resize-handle.active[_ngcontent-%COMP%] {\n    background: rgba(92, 107, 192, 0.15);\n}\n\n.resize-handle-grip[_ngcontent-%COMP%] {\n    width: 2px;\n    height: 32px;\n    border-radius: 1px;\n    background: #ccc;\n    transition: background 0.15s ease;\n}\n\n.resize-handle[_ngcontent-%COMP%]:hover   .resize-handle-grip[_ngcontent-%COMP%], \n.resize-handle.active[_ngcontent-%COMP%]   .resize-handle-grip[_ngcontent-%COMP%] {\n    background: #5c6bc0;\n}\n\n\n\n.query-browser-container.resizing[_ngcontent-%COMP%] {\n    cursor: col-resize;\n    user-select: none;\n}\n\n.query-browser-container.resizing[_ngcontent-%COMP%]   *[_ngcontent-%COMP%] {\n    pointer-events: none;\n}\n\n.query-browser-container.resizing[_ngcontent-%COMP%]   .resize-handle[_ngcontent-%COMP%] {\n    pointer-events: auto;\n}\n\n\n\n.query-viewer-panel[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n.no-selection[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.no-selection-icon[_ngcontent-%COMP%] {\n    font-size: 64px;\n    color: #ddd;\n    margin-bottom: 20px;\n}\n\n.no-selection-message[_ngcontent-%COMP%] {\n    font-size: 18px;\n    color: #666;\n    margin: 0 0 8px 0;\n}\n\n.no-selection-hint[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: #999;\n    margin: 0;\n}\n\n\n\n.query-viewer-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    background: #fff;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.query-viewer-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #333;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.query-viewer-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #5c6bc0;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.query-viewer-title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-viewer-status-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 14px;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    flex-shrink: 0;\n}\n\n.query-viewer-status-pill[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.query-viewer-status-pill.approved[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n\n\nmj-query-viewer[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar {\n    width: 6px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n}\n\n.tree-content[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover {\n    background: #aaa;\n}\n\n\n\n@media (max-width: 768px) {\n    .query-browser-container[_ngcontent-%COMP%] {\n        flex-direction: column;\n    }\n\n    .query-tree-panel[_ngcontent-%COMP%] {\n        width: 100% !important;\n        height: 40%;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .resize-handle[_ngcontent-%COMP%] {\n        display: none;\n    }\n\n    .query-viewer-panel[_ngcontent-%COMP%] {\n        height: 60%;\n    }\n}"], changeDetection: 0 });
 };
 QueryBrowserResourceComponent = QueryBrowserResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'QueryBrowserResource')
@@ -735,7 +929,7 @@ QueryBrowserResourceComponent = QueryBrowserResourceComponent_1 = __decorate([
 export { QueryBrowserResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryBrowserResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-query-browser-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Query Browser Resource -->\n<div class=\"query-browser-container\" [class.resizing]=\"IsResizing\">\n  <!-- Left Panel: Query Tree -->\n  <div class=\"query-tree-panel\" [style.width.px]=\"PanelWidth\">\n    <!-- Header -->\n    <div class=\"tree-header\">\n      <div class=\"header-title\">\n        <i class=\"fa-solid fa-database\"></i>\n        <span>Queries</span>\n        <span class=\"query-count\">({{ getTotalQueryCount() }})</span>\n      </div>\n      <div class=\"header-actions\">\n        <button class=\"icon-btn\" (click)=\"expandAll()\" title=\"Expand all\">\n          <i class=\"fa-solid fa-folder-open\"></i>\n        </button>\n        <button class=\"icon-btn\" (click)=\"collapseAll()\" title=\"Collapse all\">\n          <i class=\"fa-solid fa-folder\"></i>\n        </button>\n        <button class=\"icon-btn\" (click)=\"refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n\n    <!-- Search -->\n    <div class=\"tree-search\">\n      <div class=\"search-input-wrapper\">\n        <i class=\"fa-solid fa-search search-icon\"></i>\n        <input type=\"text\"\n          class=\"search-input\"\n          [value]=\"searchText\"\n          placeholder=\"Search queries...\"\n          (input)=\"onSearchChange($any($event.target).value)\">\n        @if (searchText) {\n          <button class=\"clear-btn\" (click)=\"clearSearch()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Tree Content -->\n    <div class=\"tree-content\">\n      <!-- Loading -->\n      @if (isLoading) {\n        <div class=\"loading-state\">\n          <mj-loading text=\"Loading queries...\"></mj-loading>\n        </div>\n      }\n\n      <!-- Empty -->\n      @if (!isLoading && queries.length === 0) {\n        <div class=\"empty-state\">\n          <i class=\"fa-solid fa-database empty-icon\"></i>\n          <p>No queries available</p>\n        </div>\n      }\n\n      <!-- No results -->\n      @if (!isLoading && searchText && filteredQueries.length === 0) {\n        <div class=\"empty-state\">\n          <i class=\"fa-solid fa-search empty-icon\"></i>\n          <p>No queries match \"{{ searchText }}\"</p>\n        </div>\n      }\n\n      <!-- Category Tree -->\n      @if (!isLoading && queries.length > 0) {\n        <div class=\"category-tree\">\n          @for (node of categoryTree; track trackByCategory($index, node)) {\n            <ng-container *ngTemplateOutlet=\"categoryNode; context: { node: node }\"></ng-container>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Resize Handle -->\n  <div class=\"resize-handle\"\n    [class.active]=\"IsResizing\"\n    (mousedown)=\"onResizeStart($event)\">\n    <div class=\"resize-handle-grip\"></div>\n  </div>\n\n  <!-- Right Panel: Query Viewer -->\n  <div class=\"query-viewer-panel\">\n    <!-- No query selected -->\n    @if (!selectedQuery) {\n      <div class=\"no-selection\">\n        <i class=\"fa-solid fa-hand-pointer no-selection-icon\"></i>\n        <p class=\"no-selection-message\">Select a query from the list</p>\n        <p class=\"no-selection-hint\">Click on a query to view and run it</p>\n      </div>\n    }\n\n    <!-- Query Viewer -->\n    @if (selectedQuery) {\n      <mj-query-viewer\n        [QueryId]=\"selectedQuery.ID\"\n        [AutoRun]=\"true\"\n        [SelectionMode]=\"'multiple'\"\n        (EntityLinkClick)=\"onEntityLinkClick($event)\"\n        (RowDoubleClick)=\"onRowDoubleClick($event)\"\n        (OpenQueryRecord)=\"onOpenQueryRecord($event)\">\n      </mj-query-viewer>\n    }\n  </div>\n</div>\n\n<!-- Category Node Template -->\n<ng-template #categoryNode let-node=\"node\">\n  @if (hasVisibleContent(node)) {\n    <div class=\"category-item\"\n      [class.expanded]=\"node.expanded\"\n      [style.padding-left.px]=\"node.level * 16 + 8\">\n      <div class=\"category-header\" (click)=\"toggleExpand(node)\">\n        <i class=\"fa-solid expand-icon\"\n          [class.fa-chevron-down]=\"node.expanded\"\n        [class.fa-chevron-right]=\"!node.expanded\"></i>\n        <i class=\"fa-solid fa-folder category-icon\"\n        [class.fa-folder-open]=\"node.expanded\"></i>\n        <span class=\"category-name\">{{ node.category.Name }}</span>\n        <span class=\"category-count\">({{ getNodeQueryCount(node) }})</span>\n      </div>\n      <!-- Queries in this category -->\n      @if (node.expanded) {\n        <div class=\"category-queries\">\n          @for (query of node.queries; track trackByQuery($index, query)) {\n            <div class=\"query-item\"\n              [class.selected]=\"IsQuerySelected(query)\"\n              [class.hidden]=\"!isQueryVisible(query)\"\n              (click)=\"selectQuery(query, $event)\">\n              <i class=\"fa-solid fa-file-code query-icon\"></i>\n              <div class=\"query-info\">\n                <span class=\"query-name\">{{ query.Name }}</span>\n                @if (query.Description) {\n                  <span class=\"query-description\">{{ query.Description }}</span>\n                }\n              </div>\n              @if (query.UsesTemplate) {\n                <i class=\"fa-solid fa-sliders param-icon\" title=\"Has parameters\"></i>\n              }\n            </div>\n          }\n        </div>\n      }\n      <!-- Child categories -->\n      @if (node.expanded) {\n        @for (child of node.children; track trackByCategory($index, child)) {\n          <ng-container *ngTemplateOutlet=\"categoryNode; context: { node: child }\"></ng-container>\n        }\n      }\n    </div>\n  }\n</ng-template>\n", styles: ["/* Query Browser Resource Styles */\n\n:host {\n    display: block;\n    height: 100%;\n}\n\n.query-browser-container {\n    display: flex;\n    height: 100%;\n    background: #f5f5f5;\n}\n\n/* Left Panel: Query Tree */\n.query-tree-panel {\n    flex-shrink: 0;\n    background: #fff;\n    border-right: 1px solid #e0e0e0;\n    display: flex;\n    flex-direction: column;\n    /* Width controlled by [style.width.px] binding */\n}\n\n/* Tree Header */\n.tree-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n    color: #fff;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.header-title i {\n    font-size: 16px;\n}\n\n.query-count {\n    font-weight: 400;\n    opacity: 0.8;\n    font-size: 13px;\n}\n\n.header-actions {\n    display: flex;\n    gap: 4px;\n}\n\n.icon-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.icon-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n/* Tree Search */\n.tree-search {\n    padding: 12px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.search-input-wrapper {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-wrapper:focus-within {\n    border-color: #5c6bc0;\n    box-shadow: 0 0 0 3px rgba(92, 107, 192, 0.15);\n}\n\n.search-icon {\n    color: #888;\n    margin-left: 10px;\n    font-size: 14px;\n}\n\n.search-input {\n    flex: 1;\n    border: none;\n    outline: none;\n    padding: 8px 10px;\n    font-size: 14px;\n    background: transparent;\n}\n\n.search-input::placeholder {\n    color: #999;\n}\n\n.clear-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: #888;\n    cursor: pointer;\n    margin-right: 4px;\n    border-radius: 4px;\n}\n\n.clear-btn:hover {\n    color: #333;\n    background: #f0f0f0;\n}\n\n/* Tree Content */\n.tree-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n/* Loading & Empty States */\n.loading-state,\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 36px;\n    color: #ccc;\n    margin-bottom: 12px;\n}\n\n.empty-state p {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n}\n\n/* Category Tree */\n.category-tree {\n    padding: 0 4px;\n}\n\n.category-item {\n    margin-bottom: 2px;\n}\n\n.category-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 0.15s ease;\n}\n\n.category-header:hover {\n    background: #f0f0f0;\n}\n\n.expand-icon {\n    font-size: 10px;\n    color: #888;\n    width: 12px;\n    text-align: center;\n}\n\n.category-icon {\n    color: #f9a825;\n    font-size: 14px;\n}\n\n.category-name {\n    flex: 1;\n    font-weight: 500;\n    color: #333;\n    font-size: 13px;\n}\n\n.category-count {\n    color: #888;\n    font-size: 12px;\n}\n\n/* Query Items */\n.category-queries {\n    margin-left: 28px;\n}\n\n.query-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.15s ease;\n    margin: 2px 0;\n}\n\n.query-item:hover {\n    background: #f0f7ff;\n}\n\n.query-item.selected {\n    background: #e3f2fd;\n    border-left: 3px solid #2196f3;\n    margin-left: -3px;\n}\n\n.query-item.hidden {\n    display: none;\n}\n\n.query-icon {\n    color: #5c6bc0;\n    font-size: 14px;\n    margin-top: 2px;\n}\n\n.query-info {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.query-name {\n    font-size: 13px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-description {\n    font-size: 11px;\n    color: #888;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-icon {\n    color: #f9a825;\n    font-size: 12px;\n    margin-top: 2px;\n}\n\n.query-details-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: #999;\n    cursor: pointer;\n    border-radius: 4px;\n    opacity: 0;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.query-item:hover .query-details-btn {\n    opacity: 1;\n}\n\n.query-details-btn:hover {\n    background: rgba(92, 107, 192, 0.15);\n    color: #5c6bc0;\n}\n\n/* Resize Handle */\n.resize-handle {\n    flex-shrink: 0;\n    width: 6px;\n    cursor: col-resize;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n    position: relative;\n    z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle.active {\n    background: rgba(92, 107, 192, 0.15);\n}\n\n.resize-handle-grip {\n    width: 2px;\n    height: 32px;\n    border-radius: 1px;\n    background: #ccc;\n    transition: background 0.15s ease;\n}\n\n.resize-handle:hover .resize-handle-grip,\n.resize-handle.active .resize-handle-grip {\n    background: #5c6bc0;\n}\n\n/* Prevent text selection and set cursor during resize */\n.query-browser-container.resizing {\n    cursor: col-resize;\n    user-select: none;\n}\n\n.query-browser-container.resizing * {\n    pointer-events: none;\n}\n\n.query-browser-container.resizing .resize-handle {\n    pointer-events: auto;\n}\n\n/* Right Panel: Query Viewer */\n.query-viewer-panel {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n/* No Selection State */\n.no-selection {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.no-selection-icon {\n    font-size: 64px;\n    color: #ddd;\n    margin-bottom: 20px;\n}\n\n.no-selection-message {\n    font-size: 18px;\n    color: #666;\n    margin: 0 0 8px 0;\n}\n\n.no-selection-hint {\n    font-size: 14px;\n    color: #999;\n    margin: 0;\n}\n\n/* Query Viewer fills remaining space */\nmj-query-viewer {\n    flex: 1;\n    min-height: 0;\n}\n\n/* Scrollbar styling */\n.tree-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n.tree-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.tree-content::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n}\n\n.tree-content::-webkit-scrollbar-thumb:hover {\n    background: #aaa;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .query-browser-container {\n        flex-direction: column;\n    }\n\n    .query-tree-panel {\n        width: 100% !important;\n        height: 40%;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .resize-handle {\n        display: none;\n    }\n\n    .query-viewer-panel {\n        height: 60%;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-query-browser-resource', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Query Browser Resource -->\n<div class=\"query-browser-container\" [class.resizing]=\"IsResizing\">\n  <!-- Left Panel: Query Tree -->\n  <div class=\"query-tree-panel\" [style.width.px]=\"PanelWidth\">\n    <!-- Header -->\n    <div class=\"tree-header\">\n      <div class=\"header-title\">\n        <i class=\"fa-solid fa-database\"></i>\n        <span>Queries</span>\n        <span class=\"query-count\">({{ getTotalQueryCount() }})</span>\n      </div>\n      <div class=\"header-actions\">\n        <button class=\"icon-btn\" (click)=\"expandAll()\" title=\"Expand all\">\n          <i class=\"fa-solid fa-folder-open\"></i>\n        </button>\n        <button class=\"icon-btn\" (click)=\"collapseAll()\" title=\"Collapse all\">\n          <i class=\"fa-solid fa-folder\"></i>\n        </button>\n        <button class=\"icon-btn\" (click)=\"refresh()\" title=\"Refresh\">\n          <i class=\"fa-solid fa-refresh\"></i>\n        </button>\n      </div>\n    </div>\n\n    <!-- Search -->\n    <div class=\"tree-search\">\n      <div class=\"search-input-wrapper\">\n        <i class=\"fa-solid fa-search search-icon\"></i>\n        <input type=\"text\"\n          class=\"search-input\"\n          [value]=\"searchText\"\n          placeholder=\"Search queries...\"\n          (input)=\"onSearchChange($any($event.target).value)\">\n        @if (searchText) {\n          <button class=\"clear-btn\" (click)=\"clearSearch()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Status Filters -->\n    <div class=\"status-filter-bar\">\n      @for (status of AllStatuses; track status) {\n        @if (getStatusCount(status) > 0) {\n          <button class=\"status-filter-chip\"\n            [class.active]=\"StatusFilters[status]\"\n            [style.--chip-color]=\"getStatusColor(status)\"\n            (click)=\"toggleStatusFilter(status)\"\n            [title]=\"(StatusFilters[status] ? 'Hide' : 'Show') + ' ' + status + ' queries'\">\n            <i class=\"fa-solid\" [class]=\"getStatusIcon(status)\"></i>\n            <span>{{ status }}</span>\n            <span class=\"chip-count\">{{ getStatusCount(status) }}</span>\n          </button>\n        }\n      }\n    </div>\n\n    <!-- Tree Content -->\n    <div class=\"tree-content\">\n      <!-- Loading -->\n      @if (isLoading) {\n        <div class=\"loading-state\">\n          <mj-loading text=\"Loading queries...\"></mj-loading>\n        </div>\n      }\n\n      <!-- Empty -->\n      @if (!isLoading && queries.length === 0) {\n        <div class=\"empty-state\">\n          <i class=\"fa-solid fa-database empty-icon\"></i>\n          <p>No queries available</p>\n        </div>\n      }\n\n      <!-- No results -->\n      @if (!isLoading && searchText && filteredQueries.length === 0) {\n        <div class=\"empty-state\">\n          <i class=\"fa-solid fa-search empty-icon\"></i>\n          <p>No queries match \"{{ searchText }}\"</p>\n        </div>\n      }\n\n      <!-- Category Tree -->\n      @if (!isLoading && queries.length > 0) {\n        <div class=\"category-tree\">\n          @for (node of categoryTree; track trackByCategory($index, node)) {\n            <ng-container *ngTemplateOutlet=\"categoryNode; context: { node: node }\"></ng-container>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Resize Handle -->\n  <div class=\"resize-handle\"\n    [class.active]=\"IsResizing\"\n    (mousedown)=\"onResizeStart($event)\">\n    <div class=\"resize-handle-grip\"></div>\n  </div>\n\n  <!-- Right Panel: Query Viewer -->\n  <div class=\"query-viewer-panel\">\n    <!-- No query selected -->\n    @if (!selectedQuery) {\n      <div class=\"no-selection\">\n        <i class=\"fa-solid fa-hand-pointer no-selection-icon\"></i>\n        <p class=\"no-selection-message\">Select a query from the list</p>\n        <p class=\"no-selection-hint\">Click on a query to view and run it</p>\n      </div>\n    }\n\n    <!-- Query Viewer -->\n    @if (selectedQuery) {\n      <!-- Query Header with Status -->\n      <div class=\"query-viewer-header\">\n        <div class=\"query-viewer-title\">\n          <i class=\"fa-solid fa-file-code\"></i>\n          <span>{{ selectedQuery.Name }}</span>\n        </div>\n        @if (selectedQuery.Status !== 'Approved') {\n          <span class=\"query-viewer-status-pill\"\n            [style.background]=\"getStatusColor(selectedQuery.Status)\">\n            <i class=\"fa-solid\" [class]=\"getStatusIcon(selectedQuery.Status)\"></i>\n            {{ selectedQuery.Status }}\n          </span>\n        } @else {\n          <span class=\"query-viewer-status-pill approved\"\n            [style.background]=\"getStatusColor('Approved')\">\n            <i class=\"fa-solid fa-check-circle\"></i>\n            Approved\n          </span>\n        }\n      </div>\n      <mj-query-viewer\n        [QueryId]=\"selectedQuery.ID\"\n        [AutoRun]=\"true\"\n        [SelectionMode]=\"'multiple'\"\n        (EntityLinkClick)=\"onEntityLinkClick($event)\"\n        (RowDoubleClick)=\"onRowDoubleClick($event)\"\n        (OpenQueryRecord)=\"onOpenQueryRecord($event)\">\n      </mj-query-viewer>\n    }\n  </div>\n</div>\n\n<!-- Category Node Template -->\n<ng-template #categoryNode let-node=\"node\">\n  @if (hasVisibleContent(node)) {\n    <div class=\"category-item\"\n      [class.expanded]=\"node.expanded\"\n      [style.padding-left.px]=\"node.level * 16 + 8\">\n      <div class=\"category-header\" (click)=\"toggleExpand(node)\">\n        <i class=\"fa-solid expand-icon\"\n          [class.fa-chevron-down]=\"node.expanded\"\n        [class.fa-chevron-right]=\"!node.expanded\"></i>\n        <i class=\"fa-solid fa-folder category-icon\"\n        [class.fa-folder-open]=\"node.expanded\"></i>\n        <span class=\"category-name\">{{ node.category.Name }}</span>\n        <span class=\"category-count\">({{ getNodeQueryCount(node) }})</span>\n      </div>\n      <!-- Queries in this category -->\n      @if (node.expanded) {\n        <div class=\"category-queries\">\n          @for (query of node.queries; track trackByQuery($index, query)) {\n            <div class=\"query-item\"\n              [class.selected]=\"IsQuerySelected(query)\"\n              [class.hidden]=\"!isQueryVisible(query)\"\n              (click)=\"selectQuery(query, $event)\">\n              <span class=\"status-dot\"\n                [style.background]=\"getStatusColor(query.Status)\"\n                [title]=\"query.Status\"></span>\n              <i class=\"fa-solid fa-file-code query-icon\"></i>\n              <div class=\"query-info\" [title]=\"query.Description || query.Name\">\n                <span class=\"query-name\">{{ query.Name }}</span>\n                @if (query.Description) {\n                  <span class=\"query-description\">{{ query.Description }}</span>\n                }\n              </div>\n              @if (query.UsesTemplate) {\n                <i class=\"fa-solid fa-sliders param-icon\" title=\"Has parameters\"></i>\n              }\n              @if (query.Status !== 'Approved') {\n                <span class=\"query-status-badge\"\n                  [style.background]=\"getStatusColor(query.Status)\"\n                  [title]=\"query.Status\">\n                  {{ query.Status }}\n                </span>\n              }\n            </div>\n          }\n        </div>\n      }\n      <!-- Child categories -->\n      @if (node.expanded) {\n        @for (child of node.children; track trackByCategory($index, child)) {\n          <ng-container *ngTemplateOutlet=\"categoryNode; context: { node: child }\"></ng-container>\n        }\n      }\n    </div>\n  }\n</ng-template>\n", styles: ["/* Query Browser Resource Styles */\n\n:host {\n    display: block;\n    height: 100%;\n}\n\n.query-browser-container {\n    display: flex;\n    height: 100%;\n    background: #f5f5f5;\n}\n\n/* Left Panel: Query Tree */\n.query-tree-panel {\n    flex-shrink: 0;\n    background: #fff;\n    border-right: 1px solid #e0e0e0;\n    display: flex;\n    flex-direction: column;\n    /* Width controlled by [style.width.px] binding */\n}\n\n/* Tree Header */\n.tree-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px 16px;\n    background: linear-gradient(135deg, #5c6bc0 0%, #3949ab 100%);\n    color: #fff;\n}\n\n.header-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n}\n\n.header-title i {\n    font-size: 16px;\n}\n\n.query-count {\n    font-weight: 400;\n    opacity: 0.8;\n    font-size: 13px;\n}\n\n.header-actions {\n    display: flex;\n    gap: 4px;\n}\n\n.icon-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    border-radius: 4px;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.icon-btn:hover {\n    background: rgba(255, 255, 255, 0.25);\n}\n\n/* Tree Search */\n.tree-search {\n    padding: 12px;\n    border-bottom: 1px solid #e0e0e0;\n}\n\n.search-input-wrapper {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 4px;\n    background: #fff;\n    transition: border-color 0.15s ease, box-shadow 0.15s ease;\n}\n\n.search-input-wrapper:focus-within {\n    border-color: #5c6bc0;\n    box-shadow: 0 0 0 3px rgba(92, 107, 192, 0.15);\n}\n\n.search-icon {\n    color: #888;\n    margin-left: 10px;\n    font-size: 14px;\n}\n\n.search-input {\n    flex: 1;\n    border: none;\n    outline: none;\n    padding: 8px 10px;\n    font-size: 14px;\n    background: transparent;\n}\n\n.search-input::placeholder {\n    color: #999;\n}\n\n.clear-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border: none;\n    background: transparent;\n    color: #888;\n    cursor: pointer;\n    margin-right: 4px;\n    border-radius: 4px;\n}\n\n.clear-btn:hover {\n    color: #333;\n    background: #f0f0f0;\n}\n\n/* Status Filter Bar */\n.status-filter-bar {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e0e0e0;\n    background: #fafafa;\n}\n\n.status-filter-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid #ddd;\n    border-radius: 12px;\n    background: #fff;\n    color: #888;\n    font-size: 11px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    line-height: 1.2;\n}\n\n.status-filter-chip:hover {\n    border-color: var(--chip-color, #888);\n    color: var(--chip-color, #888);\n}\n\n.status-filter-chip.active {\n    background: var(--chip-color, #888);\n    border-color: var(--chip-color, #888);\n    color: #fff;\n}\n\n.status-filter-chip i {\n    font-size: 10px;\n}\n\n.chip-count {\n    font-weight: 600;\n    font-size: 10px;\n    opacity: 0.85;\n}\n\n/* Status Dot on Query Items */\n.status-dot {\n    display: inline-block;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    margin-top: 4px;\n}\n\n/* Status Badge on Non-Approved Queries */\n.query-status-badge {\n    font-size: 9px;\n    color: #fff;\n    padding: 1px 6px;\n    border-radius: 8px;\n    flex-shrink: 0;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-top: 2px;\n}\n\n/* Tree Content */\n.tree-content {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n/* Loading & Empty States */\n.loading-state,\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    text-align: center;\n}\n\n.empty-icon {\n    font-size: 36px;\n    color: #ccc;\n    margin-bottom: 12px;\n}\n\n.empty-state p {\n    margin: 0;\n    color: #666;\n    font-size: 14px;\n}\n\n/* Category Tree */\n.category-tree {\n    padding: 0 4px;\n}\n\n.category-item {\n    margin-bottom: 2px;\n}\n\n.category-header {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background 0.15s ease;\n}\n\n.category-header:hover {\n    background: #f0f0f0;\n}\n\n.expand-icon {\n    font-size: 10px;\n    color: #888;\n    width: 12px;\n    text-align: center;\n}\n\n.category-icon {\n    color: #f9a825;\n    font-size: 14px;\n}\n\n.category-name {\n    flex: 1;\n    font-weight: 500;\n    color: #333;\n    font-size: 13px;\n}\n\n.category-count {\n    color: #888;\n    font-size: 12px;\n}\n\n/* Query Items */\n.category-queries {\n    margin-left: 28px;\n}\n\n.query-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 8px 12px;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: all 0.15s ease;\n    margin: 2px 0;\n}\n\n.query-item:hover {\n    background: #f0f7ff;\n}\n\n.query-item.selected {\n    background: #e3f2fd;\n    border-left: 3px solid #2196f3;\n    margin-left: -3px;\n}\n\n.query-item.hidden {\n    display: none;\n}\n\n.query-icon {\n    color: #5c6bc0;\n    font-size: 14px;\n    margin-top: 2px;\n}\n\n.query-info {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.query-name {\n    font-size: 13px;\n    color: #333;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-description {\n    font-size: 11px;\n    color: #888;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.param-icon {\n    color: #f9a825;\n    font-size: 12px;\n    margin-top: 2px;\n}\n\n.query-details-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 24px;\n    height: 24px;\n    border: none;\n    background: transparent;\n    color: #999;\n    cursor: pointer;\n    border-radius: 4px;\n    opacity: 0;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.query-item:hover .query-details-btn {\n    opacity: 1;\n}\n\n.query-details-btn:hover {\n    background: rgba(92, 107, 192, 0.15);\n    color: #5c6bc0;\n}\n\n/* Resize Handle */\n.resize-handle {\n    flex-shrink: 0;\n    width: 6px;\n    cursor: col-resize;\n    background: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s ease;\n    position: relative;\n    z-index: 10;\n}\n\n.resize-handle:hover,\n.resize-handle.active {\n    background: rgba(92, 107, 192, 0.15);\n}\n\n.resize-handle-grip {\n    width: 2px;\n    height: 32px;\n    border-radius: 1px;\n    background: #ccc;\n    transition: background 0.15s ease;\n}\n\n.resize-handle:hover .resize-handle-grip,\n.resize-handle.active .resize-handle-grip {\n    background: #5c6bc0;\n}\n\n/* Prevent text selection and set cursor during resize */\n.query-browser-container.resizing {\n    cursor: col-resize;\n    user-select: none;\n}\n\n.query-browser-container.resizing * {\n    pointer-events: none;\n}\n\n.query-browser-container.resizing .resize-handle {\n    pointer-events: auto;\n}\n\n/* Right Panel: Query Viewer */\n.query-viewer-panel {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n/* No Selection State */\n.no-selection {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    padding: 40px;\n}\n\n.no-selection-icon {\n    font-size: 64px;\n    color: #ddd;\n    margin-bottom: 20px;\n}\n\n.no-selection-message {\n    font-size: 18px;\n    color: #666;\n    margin: 0 0 8px 0;\n}\n\n.no-selection-hint {\n    font-size: 14px;\n    color: #999;\n    margin: 0;\n}\n\n/* Query Viewer Header */\n.query-viewer-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 16px;\n    background: #fff;\n    border-bottom: 1px solid #e0e0e0;\n    flex-shrink: 0;\n}\n\n.query-viewer-title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 15px;\n    font-weight: 600;\n    color: #333;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.query-viewer-title i {\n    color: #5c6bc0;\n    font-size: 16px;\n    flex-shrink: 0;\n}\n\n.query-viewer-title span {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.query-viewer-status-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 12px;\n    border-radius: 14px;\n    color: #fff;\n    font-size: 13px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    flex-shrink: 0;\n}\n\n.query-viewer-status-pill i {\n    font-size: 12px;\n}\n\n.query-viewer-status-pill.approved {\n    opacity: 0.7;\n}\n\n/* Query Viewer fills remaining space */\nmj-query-viewer {\n    flex: 1;\n    min-height: 0;\n}\n\n/* Scrollbar styling */\n.tree-content::-webkit-scrollbar {\n    width: 6px;\n}\n\n.tree-content::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n\n.tree-content::-webkit-scrollbar-thumb {\n    background: #ccc;\n    border-radius: 3px;\n}\n\n.tree-content::-webkit-scrollbar-thumb:hover {\n    background: #aaa;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n    .query-browser-container {\n        flex-direction: column;\n    }\n\n    .query-tree-panel {\n        width: 100% !important;\n        height: 40%;\n        border-right: none;\n        border-bottom: 1px solid #e0e0e0;\n    }\n\n    .resize-handle {\n        display: none;\n    }\n\n    .query-viewer-panel {\n        height: 60%;\n    }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.NavigationService }, { type: i2.Router }, { type: i0.ElementRef }, { type: i0.NgZone }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserResourceComponent, { className: "QueryBrowserResourceComponent", filePath: "src/QueryBrowser/query-browser-resource.component.ts", lineNumber: 40 }); })();
 //# sourceMappingURL=query-browser-resource.component.js.map