@memberjunction/ng-dashboards 5.31.0 → 5.33.0

package/dist/DevTools/graphql-console.component.js

@@ -0,0 +1,1463 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ElementRef, ViewChild, HostListener, inject } from '@angular/core';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { RegisterClass } from '@memberjunction/global';
+import { getGraphQLTypeNameBase } from '@memberjunction/core';
+import { GraphQLDataProvider, FieldMapper } from '@memberjunction/graphql-dataprovider';
+import { DevToolsPrefs } from './dev-tools-prefs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-code-editor";
+import * as i3 from "@angular/common";
+const _c0 = ["queryEditor"];
+function GraphQLConsoleComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Connected to ");
+    i0.ɵɵelementStart(1, "code", 38);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.ApiUrl);
+} }
+function GraphQLConsoleComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Run queries against the connected MJ API ");
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵtext(2, " Run a query to see it here. Star ");
+    i0.ɵɵelement(3, "i", 50);
+    i0.ɵɵtext(4, " to keep it. ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "\u00B7");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const h_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("", h_r5.durationMs, "ms");
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 52);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Template_button_click_0_listener() { const h_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnRestoreHistory(h_r5)); });
+    i0.ɵɵelementStart(1, "div", 53);
+    i0.ɵɵelement(2, "i", 54);
+    i0.ɵɵelementStart(3, "span", 55);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 56);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Template_button_click_5_listener($event) { const h_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnToggleFavorite(h_r5, $event)); });
+    i0.ɵɵelement(6, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 57);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Template_button_click_7_listener($event) { const h_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnDeleteHistory(h_r5, $event)); });
+    i0.ɵɵelement(8, "i", 58);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 59)(10, "span");
+    i0.ɵɵtext(11);
+    i0.ɵɵpipe(12, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(13, GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Conditional_13_Template, 4, 1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const h_r5 = ctx.$implicit;
+    i0.ɵɵclassProp("gc-history-item--error", h_r5.status === "error")("gc-history-item--fav", h_r5.favorite);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("fa-solid", true)("fa-circle-check", h_r5.status === "ok")("fa-circle-xmark", h_r5.status === "error")("gc-status--ok", h_r5.status === "ok")("gc-status--err", h_r5.status === "error");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(h_r5.label || "unnamed");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", h_r5.favorite ? "Unfavorite" : "Favorite");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(h_r5.favorite ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(12, 20, h_r5.timestamp, "HH:mm:ss"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(h_r5.durationMs != null ? 13 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵrepeaterCreate(1, GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_For_2_Template, 14, 23, "button", 51, i0.ɵɵcomponentInstance().TrackByHistory, true);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.History);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45)(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 46);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_11_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnClearHistory()); });
+    i0.ɵɵelement(4, "i", 19);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(5, GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_5_Template, 5, 0, "div", 47)(6, GraphQLConsoleComponent_Conditional_19_Conditional_11_Conditional_6_Template, 3, 0, "div", 48);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2("", ctx_r0.History.length, " ", ctx_r0.History.length === 1 ? "entry" : "entries");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.History.length === 0 ? 5 : 6);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 72);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r8);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(s_r8);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 70);
+    i0.ɵɵtwoWayListener("ngModelChange", function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_4_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r0.EntitySchemaFilter, $event) || (ctx_r0.EntitySchemaFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "option", 71);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(3, GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_4_For_4_Template, 2, 2, "option", 72, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EntitySchemaFilter);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("All schemas (", ctx_r0.KnownSchemas.length, ")");
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.KnownSchemas);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 90);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_7_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const item_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityOp(item_r10, "create", $event)); });
+    i0.ɵɵelement(1, "i", 91);
+    i0.ɵɵtext(2, " Create ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 92);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const item_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityOp(item_r10, "update", $event)); });
+    i0.ɵɵelement(1, "i", 93);
+    i0.ɵɵtext(2, " Update ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 94);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r14); const item_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityOp(item_r10, "delete", $event)); });
+    i0.ɵɵelement(1, "i", 95);
+    i0.ɵɵtext(2, " Delete ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 89);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r10 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(item_r10.info.Description);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 81)(1, "button", 82);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r11); const item_r10 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityOp(item_r10, "view", $event)); });
+    i0.ɵɵelement(2, "i", 83);
+    i0.ɵɵtext(3, " Run view ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 84);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Template_button_click_4_listener($event) { i0.ɵɵrestoreView(_r11); const item_r10 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OnEntityOp(item_r10, "byId", $event)); });
+    i0.ɵɵelement(5, "i", 85);
+    i0.ɵɵtext(6, " Get by ID ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_7_Template, 3, 0, "button", 86);
+    i0.ɵɵconditionalCreate(8, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_8_Template, 3, 0, "button", 87);
+    i0.ɵɵconditionalCreate(9, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_9_Template, 3, 0, "button", 88);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Conditional_10_Template, 2, 1, "div", 89);
+} if (rf & 2) {
+    const item_r10 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(item_r10.info.AllowCreateAPI ? 7 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r10.info.AllowUpdateAPI ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r10.info.AllowDeleteAPI ? 9 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r10.info.Description ? 10 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 73)(1, "button", 74);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Template_button_click_1_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.ToggleEntity(item_r10)); });
+    i0.ɵɵelement(2, "i", 75);
+    i0.ɵɵelementStart(3, "div", 76)(4, "div", 77);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 78)(7, "code", 79);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 80);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵconditionalCreate(11, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Conditional_11_Template, 11, 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r10 = ctx.$implicit;
+    i0.ɵɵclassProp("gc-ent-card--expanded", item_r10.expanded);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("gc-ent-chev--down", item_r10.expanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r10.info.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r10.typeName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r10.schema);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r10.expanded ? 11 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 98);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_13_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.ClearEntityFilters()); });
+    i0.ɵɵtext(1, " Clear filters ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵelement(1, "i", 96);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No entities match.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_13_Conditional_4_Template, 2, 0, "button", 97);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r0.EntitiesSearch || ctx_r0.EntitySchemaFilter ? 4 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "div", 61);
+    i0.ɵɵelement(2, "i", 62);
+    i0.ɵɵelementStart(3, "input", 63);
+    i0.ɵɵtwoWayListener("ngModelChange", function GraphQLConsoleComponent_Conditional_19_Conditional_12_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.EntitiesSearch, $event) || (ctx_r0.EntitiesSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_4_Template, 5, 2, "select", 64);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 65)(6, "span");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 66);
+    i0.ɵɵtext(9, "Click an entity to see operations");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div", 67);
+    i0.ɵɵrepeaterCreate(11, GraphQLConsoleComponent_Conditional_19_Conditional_12_For_12_Template, 12, 8, "div", 68, i0.ɵɵcomponentInstance().TrackByEntity, true);
+    i0.ɵɵconditionalCreate(13, GraphQLConsoleComponent_Conditional_19_Conditional_12_Conditional_13_Template, 5, 1, "div", 69);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.EntitiesSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.KnownSchemas.length > 1 ? 4 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate2("", ctx_r0.FilteredEntities.length, " of ", ctx_r0.Entities.length);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r0.FilteredEntities);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.FilteredEntities.length === 0 ? 13 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 105)(1, "button", 110);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_6_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.SchemaKindFilter = "all"); });
+    i0.ɵɵtext(2, " All ");
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "button", 111);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_6_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.SchemaKindFilter = "query"); });
+    i0.ɵɵelement(6, "i", 83);
+    i0.ɵɵtext(7, " Query ");
+    i0.ɵɵelementStart(8, "span");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "button", 112);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_6_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r17); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.SchemaKindFilter = "mutation"); });
+    i0.ɵɵelement(11, "i", 93);
+    i0.ɵɵtext(12, " Mutation ");
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("gc-schema-kind--active", ctx_r0.SchemaKindFilter === "all");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.OperationCounts.all);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("gc-schema-kind--active", ctx_r0.SchemaKindFilter === "query");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.OperationCounts.query);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("gc-schema-kind--active", ctx_r0.SchemaKindFilter === "mutation");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.OperationCounts.mutation);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106);
+    i0.ɵɵelement(1, "i", 113);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Introspecting schema\u2026");
+    i0.ɵɵelementEnd()();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵelement(1, "i", 114);
+    i0.ɵɵelementStart(2, "div", 115);
+    i0.ɵɵtext(3, "Introspection disabled");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 116);
+    i0.ɵɵtext(5, " This server has GraphQL introspection turned off (typical in production). Schema browsing isn't available \u2014 write queries directly in the editor, or use the History tab to revisit previous queries. ");
+    i0.ɵɵelementEnd()();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 108);
+    i0.ɵɵelement(1, "i", 117);
+    i0.ɵɵelementStart(2, "div", 118);
+    i0.ɵɵtext(3, "Couldn't load schema");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 119);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.SchemaError);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106);
+    i0.ɵɵelement(1, "i", 96);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No operations match.");
+    i0.ɵɵelementEnd()();
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 125);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const op_r19 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", op_r19.argSummary, ")");
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 128);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const op_r19 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(op_r19.description);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 121);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Template_button_click_0_listener($event) { const op_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.OnInsertOperation(op_r19, $event)); });
+    i0.ɵɵelementStart(1, "div", 122)(2, "span", 123);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 124);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(6, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Conditional_6_Template, 2, 1, "div", 125);
+    i0.ɵɵelementStart(7, "div", 126);
+    i0.ɵɵelement(8, "i", 127);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Conditional_10_Template, 2, 1, "div", 128);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const op_r19 = ctx.$implicit;
+    i0.ɵɵclassProp("gc-schema-op--mutation", op_r19.kind === "mutation");
+    i0.ɵɵproperty("title", (op_r19.description || "Insert " + op_r19.kind + " template") + " \u00B7 Shift-click to append");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(op_r19.kind);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(op_r19.name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(op_r19.argSummary ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", op_r19.returnSummary, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(op_r19.description ? 10 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 109);
+    i0.ɵɵrepeaterCreate(1, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_For_2_Template, 11, 8, "button", 120, i0.ɵɵcomponentInstance().TrackByOp, true);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.FilteredOperations);
+} }
+function GraphQLConsoleComponent_Conditional_19_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 99)(1, "div", 100);
+    i0.ɵɵelement(2, "i", 101);
+    i0.ɵɵelementStart(3, "input", 102);
+    i0.ɵɵtwoWayListener("ngModelChange", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.SchemaSearch, $event) || (ctx_r0.SchemaSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "button", 103);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Conditional_13_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.OnReloadSchema()); });
+    i0.ɵɵelement(5, "i", 104);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(6, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_6_Template, 15, 9, "div", 105);
+    i0.ɵɵconditionalCreate(7, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_7_Template, 4, 0, "div", 106)(8, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_8_Template, 6, 0, "div", 107)(9, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_9_Template, 6, 1, "div", 108)(10, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_10_Template, 4, 0, "div", 106)(11, GraphQLConsoleComponent_Conditional_19_Conditional_13_Conditional_11_Template, 3, 0, "div", 109);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.SchemaSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.SchemaLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-rotate", !ctx_r0.SchemaLoading)("fa-spinner", ctx_r0.SchemaLoading)("fa-spin", ctx_r0.SchemaLoading);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Operations.length > 0 ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.SchemaLoading ? 7 : ctx_r0.SchemaIntrospectionDisabled ? 8 : ctx_r0.SchemaError ? 9 : ctx_r0.FilteredOperations.length === 0 ? 10 : 11);
+} }
+function GraphQLConsoleComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "aside", 39)(1, "div", 40)(2, "button", 41);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnSidebarTabChange("history")); });
+    i0.ɵɵelement(3, "i", 9);
+    i0.ɵɵtext(4, " History ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 41);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnSidebarTabChange("entities")); });
+    i0.ɵɵelement(6, "i", 42);
+    i0.ɵɵtext(7, " Entities ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 41);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_19_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnSidebarTabChange("schema")); });
+    i0.ɵɵelement(9, "i", 43);
+    i0.ɵɵtext(10, " Schema ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(11, GraphQLConsoleComponent_Conditional_19_Conditional_11_Template, 7, 3)(12, GraphQLConsoleComponent_Conditional_19_Conditional_12_Template, 14, 5)(13, GraphQLConsoleComponent_Conditional_19_Conditional_13_Template, 12, 10);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "div", 44);
+    i0.ɵɵlistener("mousedown", function GraphQLConsoleComponent_Conditional_19_Template_div_mousedown_14_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnSplitterDown($event, "sidebar")); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵstyleProp("width", ctx_r0.SidebarWidthPx, "px");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("gc-sidebar-tab--active", ctx_r0.SidebarTab === "history");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("gc-sidebar-tab--active", ctx_r0.SidebarTab === "entities");
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("gc-sidebar-tab--active", ctx_r0.SidebarTab === "schema");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r0.SidebarTab === "history" ? 11 : ctx_r0.SidebarTab === "entities" ? 12 : 13);
+} }
+function GraphQLConsoleComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 27);
+    i0.ɵɵtext(1, "configured");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 129);
+    i0.ɵɵtwoWayListener("ngModelChange", function GraphQLConsoleComponent_Conditional_40_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Variables, $event) || (ctx_r0.Variables = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Variables);
+    i0.ɵɵproperty("language", "json")("lineWrapping", true);
+} }
+function GraphQLConsoleComponent_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 113);
+    i0.ɵɵtext(1, " Running\u2026 ");
+} }
+function GraphQLConsoleComponent_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 130);
+    i0.ɵɵtext(1, " Run ");
+} }
+function GraphQLConsoleComponent_Conditional_45_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 131);
+    i0.ɵɵelement(1, "i", 134);
+    i0.ɵɵtext(2, " 200 OK ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_45_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 132);
+    i0.ɵɵelement(1, "i", 117);
+    i0.ɵɵtext(2, " Error ");
+    i0.ɵɵelementEnd();
+} }
+function GraphQLConsoleComponent_Conditional_45_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 133);
+    i0.ɵɵelement(1, "i", 135);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.ResponseDurationMs, "ms");
+} }
+function GraphQLConsoleComponent_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 133);
+    i0.ɵɵelement(1, "i", 136);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.FormattedSize);
+} }
+function GraphQLConsoleComponent_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31);
+    i0.ɵɵconditionalCreate(1, GraphQLConsoleComponent_Conditional_45_Conditional_1_Template, 3, 0, "span", 131)(2, GraphQLConsoleComponent_Conditional_45_Conditional_2_Template, 3, 0, "span", 132);
+    i0.ɵɵconditionalCreate(3, GraphQLConsoleComponent_Conditional_45_Conditional_3_Template, 3, 1, "span", 133);
+    i0.ɵɵconditionalCreate(4, GraphQLConsoleComponent_Conditional_45_Conditional_4_Template, 3, 1, "span", 133);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ResponseStatus === "ok" ? 1 : 2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.ResponseDurationMs != null ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ResponseSizeBytes != null ? 4 : -1);
+} }
+function GraphQLConsoleComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 137);
+    i0.ɵɵlistener("click", function GraphQLConsoleComponent_Conditional_47_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnCopyResponse()); });
+    i0.ɵɵelement(1, "i", 104);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mj-inspector__btn--success", ctx_r0.CopyConfirmed);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-clipboard", !ctx_r0.CopyConfirmed)("fa-check", ctx_r0.CopyConfirmed);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.CopyConfirmed ? "Copied" : "Copy", " ");
+} }
+function GraphQLConsoleComponent_Conditional_52_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
+    i0.ɵɵelement(1, "i", 117);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
+} }
+function GraphQLConsoleComponent_Conditional_53_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 138);
+    i0.ɵɵelement(1, "i", 117);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ErrorMessage);
+} }
+function GraphQLConsoleComponent_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, GraphQLConsoleComponent_Conditional_53_Conditional_0_Template, 4, 1, "div", 138);
+    i0.ɵɵelementStart(1, "pre", 139)(2, "code");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.ErrorMessage ? 0 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ResponseJson);
+} }
+function GraphQLConsoleComponent_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
+    i0.ɵɵelement(1, "i", 140);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Run a query to see results here.");
+    i0.ɵɵelementEnd()();
+} }
+const PREFS_KEY = 'graphqlConsole';
+const HISTORY_LIMIT = 30;
+const SAMPLE_QUERY = `# Welcome to the GraphQL Console
+# Press Cmd/Ctrl+Enter to run.
+# Authentication is handled by the active GraphQL provider.
+
+query GetCurrentUser {
+  CurrentUser {
+    ID
+    Name
+    Email
+  }
+}
+`;
+/**
+ * GraphQL Console — write and run arbitrary GraphQL queries against the
+ * connected MJ API. Re-uses the active GraphQLDataProvider client (auth +
+ * session intact). Local history with copy / favorite / replay; copy-as-curl;
+ * keyboard shortcut (Cmd/Ctrl+Enter) to run.
+ */
+let GraphQLConsoleComponent = class GraphQLConsoleComponent extends BaseResourceComponent {
+    cdr;
+    queryEditor;
+    Query = SAMPLE_QUERY;
+    Variables = '{}';
+    ShowVariables = false;
+    Running = false;
+    ResponseJson = '';
+    ResponseStatus = 'idle';
+    ResponseDurationMs = null;
+    ResponseSizeBytes = null;
+    ErrorMessage = null;
+    History = [];
+    ShowHistory = true;
+    CopyConfirmed = false;
+    ApiUrl = '';
+    // Schema explorer state
+    SidebarTab = 'history';
+    SchemaLoading = false;
+    SchemaError = null;
+    SchemaIntrospectionDisabled = false;
+    SchemaSearch = '';
+    SchemaKindFilter = 'all';
+    Operations = [];
+    schemaLoaded = false;
+    // Entities tab state
+    EntitiesSearch = '';
+    Entities = [];
+    EntitySchemaFilter = ''; // '' = all
+    KnownSchemas = [];
+    // Pane sizing (resizable splitters)
+    SidebarWidthPx = 280;
+    EditorHeightPct = 50; // % of main pane height for editor (50/50 split default)
+    resizing = null;
+    elementRef = inject(ElementRef);
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        this.loadFromStorage();
+        try {
+            this.ApiUrl = GraphQLDataProvider.Instance.ConfigData?.URL ?? '';
+        }
+        catch { /* not configured */ }
+        this.loadEntities();
+        this.NotifyLoadComplete();
+    }
+    ngOnDestroy() {
+        this.saveToStorage();
+        this.detachResizeListeners();
+    }
+    loadEntities() {
+        try {
+            const md = this.ProviderToUse;
+            if (!md)
+                return;
+            const items = (md.Entities ?? []).map(e => ({
+                info: e,
+                typeName: getGraphQLTypeNameBase(e),
+                schema: e.SchemaName ?? '(unknown)',
+                expanded: false
+            })).sort((a, b) => a.info.Name.localeCompare(b.info.Name));
+            this.Entities = items;
+            const schemas = new Set();
+            for (const i of items)
+                schemas.add(i.schema);
+            this.KnownSchemas = Array.from(schemas).sort();
+        }
+        catch { /* metadata not ready */ }
+    }
+    async GetResourceDisplayName() { return 'GraphQL Console'; }
+    async GetResourceIconClass() { return 'fa-solid fa-code'; }
+    OnHostKeydown(event) {
+        if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {
+            event.preventDefault();
+            void this.OnRun();
+        }
+    }
+    async OnRun() {
+        const trimmedQuery = this.Query.trim();
+        if (!trimmedQuery) {
+            this.ErrorMessage = 'Query is empty.';
+            return;
+        }
+        let parsedVars = null;
+        if (this.Variables.trim()) {
+            try {
+                parsedVars = JSON.parse(this.Variables);
+            }
+            catch (err) {
+                this.ResponseStatus = 'error';
+                this.ErrorMessage = 'Variables must be valid JSON: ' + (err instanceof Error ? err.message : String(err));
+                this.ResponseJson = '';
+                this.cdr.markForCheck();
+                return;
+            }
+        }
+        this.Running = true;
+        this.ErrorMessage = null;
+        this.ResponseStatus = 'idle';
+        this.ResponseJson = '';
+        this.cdr.markForCheck();
+        const start = performance.now();
+        try {
+            const data = await GraphQLDataProvider.ExecuteGQL(trimmedQuery, parsedVars);
+            const elapsed = performance.now() - start;
+            const text = JSON.stringify(data, null, 2);
+            this.ResponseJson = text;
+            this.ResponseStatus = 'ok';
+            this.ResponseDurationMs = Math.round(elapsed);
+            this.ResponseSizeBytes = new Blob([text]).size;
+            this.recordHistory(trimmedQuery, this.Variables, 'ok', this.ResponseDurationMs);
+        }
+        catch (err) {
+            const elapsed = performance.now() - start;
+            this.ResponseStatus = 'error';
+            this.ResponseDurationMs = Math.round(elapsed);
+            const formatted = this.formatError(err);
+            this.ResponseJson = formatted;
+            this.ResponseSizeBytes = new Blob([formatted]).size;
+            this.ErrorMessage = this.extractErrorSummary(err);
+            this.recordHistory(trimmedQuery, this.Variables, 'error', this.ResponseDurationMs);
+        }
+        finally {
+            this.Running = false;
+            this.cdr.markForCheck();
+        }
+    }
+    OnRestoreHistory(entry) {
+        this.Query = entry.query;
+        this.Variables = entry.variables;
+        if (entry.variables.trim() && entry.variables.trim() !== '{}') {
+            this.ShowVariables = true;
+        }
+        this.cdr.markForCheck();
+    }
+    OnToggleFavorite(entry, event) {
+        event.stopPropagation();
+        entry.favorite = !entry.favorite;
+        this.saveToStorage();
+        this.cdr.markForCheck();
+    }
+    OnDeleteHistory(entry, event) {
+        event.stopPropagation();
+        this.History = this.History.filter(h => h.id !== entry.id);
+        this.saveToStorage();
+        this.cdr.markForCheck();
+    }
+    OnClearHistory() {
+        // Keep favorites
+        this.History = this.History.filter(h => h.favorite);
+        this.saveToStorage();
+        this.cdr.markForCheck();
+    }
+    async OnCopyResponse() {
+        if (!this.ResponseJson)
+            return;
+        try {
+            await navigator.clipboard.writeText(this.ResponseJson);
+            this.CopyConfirmed = true;
+            setTimeout(() => { this.CopyConfirmed = false; this.cdr.markForCheck(); }, 1800);
+            this.cdr.markForCheck();
+        }
+        catch { /* unavailable */ }
+    }
+    async OnCopyAsCurl() {
+        const url = this.ApiUrl || '<API_URL>';
+        const body = JSON.stringify({
+            query: this.Query.trim(),
+            variables: this.Variables.trim() ? JSON.parse(this.Variables) : null
+        });
+        const escaped = body.replace(/'/g, `'\\''`);
+        const curl = [
+            `curl -X POST '${url}'`,
+            `  -H 'Content-Type: application/json'`,
+            `  -H 'Authorization: Bearer <YOUR_TOKEN>'`,
+            `  -d '${escaped}'`
+        ].join(' \\\n');
+        try {
+            await navigator.clipboard.writeText(curl);
+        }
+        catch { /* unavailable */ }
+    }
+    OnFormatQuery() {
+        // Tiny pretty-printer: collapse multiple blank lines + trim trailing whitespace
+        this.Query = this.Query
+            .split('\n')
+            .map(line => line.replace(/\s+$/, ''))
+            .join('\n')
+            .replace(/\n{3,}/g, '\n\n')
+            .trim() + '\n';
+    }
+    ToggleHistoryPanel() {
+        this.ShowHistory = !this.ShowHistory;
+    }
+    ToggleVariables() {
+        this.ShowVariables = !this.ShowVariables;
+    }
+    OnSidebarTabChange(tab) {
+        this.SidebarTab = tab;
+        this.saveToStorage();
+        if (tab === 'schema' && !this.schemaLoaded && !this.SchemaLoading) {
+            void this.loadSchema();
+        }
+    }
+    async OnReloadSchema() {
+        this.schemaLoaded = false;
+        await this.loadSchema();
+    }
+    OnInsertOperation(op, event) {
+        const template = this.buildOperationTemplate(op);
+        this.insertTemplate(template, !!event?.shiftKey);
+    }
+    OnClearQuery() {
+        this.Query = '';
+        this.saveToStorage();
+        this.cdr.markForCheck();
+    }
+    get FilteredOperations() {
+        const q = this.SchemaSearch.trim().toLowerCase();
+        return this.Operations.filter(op => {
+            if (this.SchemaKindFilter !== 'all' && op.kind !== this.SchemaKindFilter)
+                return false;
+            if (!q)
+                return true;
+            return op.name.toLowerCase().includes(q)
+                || op.returnSummary.toLowerCase().includes(q)
+                || op.description.toLowerCase().includes(q);
+        });
+    }
+    get OperationCounts() {
+        const q = this.Operations.filter(o => o.kind === 'query').length;
+        const m = this.Operations.filter(o => o.kind === 'mutation').length;
+        return { all: this.Operations.length, query: q, mutation: m };
+    }
+    TrackByOp = (_i, o) => o.kind + ':' + o.name;
+    // ---------- Entities tab ----------
+    TrackByEntity = (_i, e) => e.info.ID;
+    get FilteredEntities() {
+        const q = this.EntitiesSearch.trim().toLowerCase();
+        return this.Entities.filter(e => {
+            if (this.EntitySchemaFilter && e.schema !== this.EntitySchemaFilter)
+                return false;
+            if (!q)
+                return true;
+            return e.info.Name.toLowerCase().includes(q)
+                || e.typeName.toLowerCase().includes(q)
+                || e.schema.toLowerCase().includes(q)
+                || (e.info.Description ?? '').toLowerCase().includes(q);
+        });
+    }
+    ToggleEntity(e) {
+        e.expanded = !e.expanded;
+    }
+    OnEntityOp(item, op, event) {
+        event.stopPropagation();
+        const template = this.buildEntityOpTemplate(item, op);
+        this.insertTemplate(template, !!event.shiftKey);
+    }
+    /**
+     * Default: replace the editor contents with the new template.
+     * Shift-click: append to the end (with a blank-line separator) so the
+     * user can stage multiple operations in one document.
+     */
+    insertTemplate(template, append) {
+        const trimmed = this.Query.trimEnd();
+        const isFresh = trimmed.length === 0 || trimmed === SAMPLE_QUERY.trimEnd();
+        if (append && !isFresh) {
+            this.Query = trimmed + '\n\n' + template;
+        }
+        else {
+            this.Query = template;
+        }
+        this.saveToStorage();
+        this.cdr.markForCheck();
+    }
+    buildEntityOpTemplate(item, op) {
+        const e = item.info;
+        const typeName = item.typeName;
+        const mapper = new FieldMapper();
+        const fieldList = this.pickRepresentativeFields(e).map(name => {
+            const mapped = mapper.MapFieldName(name);
+            // Annotate any remapped fields so users see why the GraphQL field
+            // name differs from the database column. (`__` is reserved by the
+            // GraphQL spec, so MJ rewrites `__mj_*` columns to `_mj__*` over
+            // the wire.)
+            return mapped === name ? mapped : `${mapped}    # from ${name}`;
+        });
+        const fieldSelection = fieldList.join('\n        ');
+        const pkField = mapper.MapFieldName(e.PrimaryKeys?.[0]?.Name ?? 'ID');
+        switch (op) {
+            case 'view':
+                return `# Run a dynamic view over ${e.Name}
+query Run${typeName}DynamicView {
+  Run${typeName}DynamicView(input: {
+    EntityName: "${e.Name}"
+    ExtraFilter: ""
+    OrderBy: ""
+    UserSearchString: ""
+    Fields: null
+    MaxRows: 100
+    StartRow: 0
+    IgnoreMaxRows: false
+    ForceAuditLog: false
+    ResultType: "simple"
+  }) {
+    Success
+    RowCount
+    TotalRowCount
+    ExecutionTime
+    ErrorMessage
+    Results {
+        ${fieldSelection}
+    }
+  }
+}
+`;
+            case 'byId':
+                return `# Fetch a single ${e.Name} record by primary key
+query Run${typeName}ByID($id: String!) {
+  Run${typeName}DynamicView(input: {
+    EntityName: "${e.Name}"
+    ExtraFilter: "${pkField}='" + $id + "'"
+    Fields: null
+    MaxRows: 1
+    StartRow: 0
+    IgnoreMaxRows: false
+    ForceAuditLog: false
+    ResultType: "simple"
+    OrderBy: ""
+    UserSearchString: ""
+  }) {
+    Success
+    Results {
+        ${fieldSelection}
+    }
+  }
+}
+
+# Variables (paste into the Variables panel):
+# { "id": "<your-id-here>" }
+`;
+            case 'create':
+                return `# Create a new ${e.Name}
+mutation Create${typeName}($input: Create${typeName}Input!) {
+  Create${typeName}(input: $input) {
+        ${fieldSelection}
+  }
+}
+
+# Variables — populate the writable fields, then Run
+# {
+#   "input": {
+#     # required + writable fields go here
+#   }
+# }
+`;
+            case 'update':
+                return `# Update an existing ${e.Name}
+mutation Update${typeName}($input: Update${typeName}Input!) {
+  Update${typeName}(input: $input) {
+        ${fieldSelection}
+  }
+}
+
+# Variables — must include the primary key (${pkField})
+# {
+#   "input": {
+#     "${pkField}": "<id-here>"
+#     # ...changed fields
+#   }
+# }
+`;
+            case 'delete':
+                return `# Delete a ${e.Name}
+mutation Delete${typeName}($input: Delete${typeName}Input!) {
+  Delete${typeName}(input: $input) {
+        ${pkField}
+  }
+}
+
+# Variables:
+# { "input": { "${pkField}": "<id-here>" } }
+`;
+        }
+    }
+    /** Pick the first ~10 displayable fields, prioritizing primary key and common fields. */
+    pickRepresentativeFields(e) {
+        const fields = e.Fields ?? [];
+        if (fields.length === 0)
+            return ['ID'];
+        const out = [];
+        const seen = new Set();
+        const push = (n) => { if (n && !seen.has(n)) {
+            seen.add(n);
+            out.push(n);
+        } };
+        for (const f of fields) {
+            if (f.IsPrimaryKey)
+                push(f.Name);
+        }
+        // Prefer common, lightweight fields
+        for (const f of fields) {
+            if (out.length >= 10)
+                break;
+            if (f.IsBinaryFieldType)
+                continue;
+            const lower = f.Name.toLowerCase();
+            if (lower === 'name' || lower === 'description' || lower === 'status' || lower === 'type') {
+                push(f.Name);
+            }
+        }
+        // Fill with the rest, skipping huge / private fields
+        for (const f of fields) {
+            if (out.length >= 10)
+                break;
+            if (f.IsBinaryFieldType)
+                continue;
+            if (this.isExpensiveField(f))
+                continue;
+            push(f.Name);
+        }
+        return out;
+    }
+    isExpensiveField(f) {
+        const t = (f.Type ?? '').toLowerCase();
+        if (t === 'nvarchar(max)' || t === 'varchar(max)' || t === 'text' || t === 'ntext')
+            return true;
+        if (t.includes('blob') || t.includes('binary') || t === 'image' || t === 'varbinary')
+            return true;
+        return false;
+    }
+    ClearEntityFilters() {
+        this.EntitiesSearch = '';
+        this.EntitySchemaFilter = '';
+    }
+    // ---------- Resizable splitters ----------
+    OnSplitterDown(event, kind) {
+        event.preventDefault();
+        this.resizing = kind;
+        document.addEventListener('mousemove', this.onMouseMove);
+        document.addEventListener('mouseup', this.onMouseUp);
+        document.body.style.cursor = kind === 'sidebar' ? 'col-resize' : 'row-resize';
+        document.body.style.userSelect = 'none';
+    }
+    onMouseMove = (e) => {
+        if (!this.resizing)
+            return;
+        const host = this.elementRef.nativeElement;
+        if (this.resizing === 'sidebar') {
+            const bodyRect = host.querySelector('.gc-body')?.getBoundingClientRect();
+            if (!bodyRect)
+                return;
+            const x = e.clientX - bodyRect.left;
+            this.SidebarWidthPx = Math.max(200, Math.min(560, x));
+        }
+        else if (this.resizing === 'editor') {
+            const mainRect = host.querySelector('.gc-main')?.getBoundingClientRect();
+            if (!mainRect)
+                return;
+            const yPct = ((e.clientY - mainRect.top) / mainRect.height) * 100;
+            this.EditorHeightPct = Math.max(20, Math.min(80, yPct));
+        }
+        this.cdr.markForCheck();
+    };
+    onMouseUp = () => {
+        if (!this.resizing)
+            return;
+        this.resizing = null;
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+        this.detachResizeListeners();
+        this.saveToStorage();
+    };
+    detachResizeListeners() {
+        document.removeEventListener('mousemove', this.onMouseMove);
+        document.removeEventListener('mouseup', this.onMouseUp);
+    }
+    get FormattedSize() {
+        if (this.ResponseSizeBytes == null)
+            return '';
+        const b = this.ResponseSizeBytes;
+        if (b < 1024)
+            return `${b} B`;
+        if (b < 1024 * 1024)
+            return `${(b / 1024).toFixed(1)} KB`;
+        return `${(b / 1024 / 1024).toFixed(2)} MB`;
+    }
+    TrackByHistory = (_i, h) => h.id;
+    // ---------- private ----------
+    recordHistory(query, variables, status, durationMs) {
+        const entry = {
+            id: `${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+            query,
+            variables,
+            timestamp: new Date(),
+            durationMs,
+            status,
+            favorite: false,
+            label: this.deriveLabel(query)
+        };
+        // De-dupe: if last non-favorite entry has the same query+vars, replace it instead of stacking
+        const last = this.History[0];
+        if (last && !last.favorite && last.query === query && last.variables === variables) {
+            this.History[0] = entry;
+        }
+        else {
+            this.History = [entry, ...this.History];
+        }
+        // Trim history (preserve favorites)
+        if (this.History.length > HISTORY_LIMIT) {
+            const favorites = this.History.filter(h => h.favorite);
+            const nonFavorites = this.History.filter(h => !h.favorite).slice(0, HISTORY_LIMIT - favorites.length);
+            this.History = [...favorites, ...nonFavorites].sort((a, b) => b.timestamp.getTime() - a.timestamp.getTime());
+        }
+        this.saveToStorage();
+    }
+    deriveLabel(query) {
+        const m = query.match(/(query|mutation|subscription)\s+(\w+)/);
+        if (m)
+            return `${m[1]} ${m[2]}`;
+        const firstField = query.match(/[\{\s](\w+)\s*[\(\{]/);
+        if (firstField)
+            return firstField[1];
+        return 'unnamed';
+    }
+    formatError(err) {
+        if (err && typeof err === 'object') {
+            const e = err;
+            if (e.response?.errors) {
+                return JSON.stringify({ errors: e.response.errors }, null, 2);
+            }
+            if (e.message) {
+                return JSON.stringify({ error: e.message }, null, 2);
+            }
+        }
+        return JSON.stringify({ error: String(err) }, null, 2);
+    }
+    extractErrorSummary(err) {
+        if (err && typeof err === 'object') {
+            const e = err;
+            if (e.response?.errors?.[0]?.message)
+                return e.response.errors[0].message;
+            if (e.message)
+                return e.message;
+        }
+        return String(err);
+    }
+    loadFromStorage() {
+        const parsed = DevToolsPrefs.Get(PREFS_KEY);
+        if (!parsed)
+            return;
+        if (parsed.history) {
+            this.History = parsed.history.map(h => ({ ...h, timestamp: new Date(h.timestamp) }));
+        }
+        if (parsed.query)
+            this.Query = parsed.query;
+        if (parsed.variables)
+            this.Variables = parsed.variables;
+        if (parsed.sidebarTab)
+            this.SidebarTab = parsed.sidebarTab;
+        if (parsed.schemaKindFilter)
+            this.SchemaKindFilter = parsed.schemaKindFilter;
+        if (parsed.entitiesSearch)
+            this.EntitiesSearch = parsed.entitiesSearch;
+        if (parsed.entitySchemaFilter)
+            this.EntitySchemaFilter = parsed.entitySchemaFilter;
+        if (typeof parsed.sidebarWidthPx === 'number')
+            this.SidebarWidthPx = parsed.sidebarWidthPx;
+        if (typeof parsed.editorHeightPct === 'number')
+            this.EditorHeightPct = parsed.editorHeightPct;
+    }
+    saveToStorage() {
+        DevToolsPrefs.Save(PREFS_KEY, {
+            history: this.History,
+            query: this.Query,
+            variables: this.Variables,
+            sidebarTab: this.SidebarTab,
+            schemaKindFilter: this.SchemaKindFilter,
+            entitiesSearch: this.EntitiesSearch,
+            entitySchemaFilter: this.EntitySchemaFilter,
+            sidebarWidthPx: this.SidebarWidthPx,
+            editorHeightPct: this.EditorHeightPct
+        });
+    }
+    // ---------- schema introspection ----------
+    async loadSchema() {
+        this.SchemaLoading = true;
+        this.SchemaError = null;
+        this.SchemaIntrospectionDisabled = false;
+        this.cdr.markForCheck();
+        try {
+            const data = await GraphQLDataProvider.ExecuteGQL(INTROSPECTION_QUERY, null);
+            const schema = data.__schema;
+            if (!schema)
+                throw new Error('No __schema in introspection response');
+            const queryTypeName = schema.queryType?.name;
+            const mutationTypeName = schema.mutationType?.name;
+            const ops = [];
+            for (const type of schema.types) {
+                if (type.name === queryTypeName) {
+                    for (const f of type.fields ?? [])
+                        ops.push(this.toOperation(f, 'query'));
+                }
+                else if (type.name === mutationTypeName) {
+                    for (const f of type.fields ?? [])
+                        ops.push(this.toOperation(f, 'mutation'));
+                }
+            }
+            ops.sort((a, b) => {
+                if (a.kind !== b.kind)
+                    return a.kind === 'query' ? -1 : 1;
+                return a.name.localeCompare(b.name);
+            });
+            this.Operations = ops;
+            this.schemaLoaded = true;
+        }
+        catch (err) {
+            // Detect introspection-disabled (Apollo + most servers in production)
+            const errStr = this.extractErrorSummary(err);
+            const code = this.extractErrorCode(err);
+            const looksDisabled = code === 'INTROSPECTION_DISABLED' ||
+                code === 'GRAPHQL_VALIDATION_FAILED' ||
+                /__schema|__type|introspection/i.test(errStr);
+            if (looksDisabled) {
+                this.SchemaIntrospectionDisabled = true;
+                this.SchemaError = null;
+            }
+            else {
+                // Trim huge stack-laden messages — show first 240 chars
+                this.SchemaError = errStr.length > 240 ? errStr.slice(0, 240) + '…' : errStr;
+            }
+        }
+        finally {
+            this.SchemaLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    extractErrorCode(err) {
+        if (err && typeof err === 'object') {
+            const e = err;
+            return e.response?.errors?.[0]?.extensions?.code;
+        }
+        return undefined;
+    }
+    toOperation(field, kind) {
+        const argSummary = field.args.length === 0
+            ? ''
+            : field.args.map(a => `${a.name}: ${this.typeRefToString(a.type)}`).join(', ');
+        return {
+            name: field.name,
+            kind,
+            description: field.description ?? '',
+            argSummary,
+            returnSummary: this.typeRefToString(field.type),
+            field
+        };
+    }
+    typeRefToString(t) {
+        if (!t)
+            return '?';
+        if (t.kind === 'NON_NULL')
+            return this.typeRefToString(t.ofType) + '!';
+        if (t.kind === 'LIST')
+            return '[' + this.typeRefToString(t.ofType) + ']';
+        return t.name ?? '?';
+    }
+    isObjectReturn(t) {
+        let cur = t;
+        while (cur && (cur.kind === 'NON_NULL' || cur.kind === 'LIST'))
+            cur = cur.ofType;
+        return !!cur && (cur.kind === 'OBJECT' || cur.kind === 'INTERFACE' || cur.kind === 'UNION');
+    }
+    buildOperationTemplate(op) {
+        const opNameUpper = op.name.charAt(0).toUpperCase() + op.name.slice(1);
+        const f = op.field;
+        // Variable declarations + arg passing
+        let varDecls = '';
+        let argPass = '';
+        if (f.args.length > 0) {
+            varDecls = '(' + f.args.map(a => `$${a.name}: ${this.typeRefToString(a.type)}`).join(', ') + ')';
+            argPass = '(' + f.args.map(a => `${a.name}: $${a.name}`).join(', ') + ')';
+        }
+        const isObject = this.isObjectReturn(f.type);
+        const selection = isObject
+            ? ' {\n    # TODO: select fields from ' + this.typeRefToString(f.type) + '\n  }'
+            : '';
+        return `${op.kind} ${opNameUpper}${varDecls} {\n  ${op.name}${argPass}${selection}\n}\n`;
+    }
+    static ɵfac = function GraphQLConsoleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GraphQLConsoleComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GraphQLConsoleComponent, selectors: [["mj-graphql-console"]], viewQuery: function GraphQLConsoleComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.queryEditor = _t.first);
+        } }, hostBindings: function GraphQLConsoleComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function GraphQLConsoleComponent_keydown_HostBindingHandler($event) { return ctx.OnHostKeydown($event); });
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 55, vars: 18, consts: [[1, "mj-inspector", "mj-inspector--solo"], [1, "mj-inspector__header"], [1, "mj-inspector__header-icon"], [1, "fa-solid", "fa-code"], [1, "mj-inspector__header-title"], [1, "mj-inspector__header-sub"], [1, "mj-inspector__header-spacer"], [1, "mj-inspector__header-actions"], ["type", "button", "title", "Toggle history sidebar", 1, "mj-inspector__btn", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], ["type", "button", "title", "Copy as cURL command", 1, "mj-inspector__btn", 3, "click"], [1, "fa-solid", "fa-terminal"], [1, "gc-body"], [1, "gc-main"], [1, "gc-editor-wrap"], [1, "gc-editor-head"], [1, "gc-editor-label"], [1, "gc-editor-hint"], ["type", "button", "title", "Tidy whitespace", 1, "gc-mini-btn", 3, "click"], [1, "fa-solid", "fa-broom"], ["type", "button", "title", "Clear editor", 1, "gc-mini-btn", "gc-mini-btn--danger", 3, "click"], [1, "fa-solid", "fa-eraser"], ["placeholder", "Enter your GraphQL query\u2026", 1, "gc-editor", 3, "ngModelChange", "ngModel", "language", "lineWrapping"], ["title", "Drag to resize editor / response", 1, "gc-splitter", "gc-splitter--horiz", 3, "mousedown"], [1, "gc-vars-wrap"], ["type", "button", 1, "gc-vars-toggle", 3, "click"], [1, "fa-solid", "fa-chevron-right", "gc-vars-chev"], [1, "gc-vars-pill"], ["placeholder", "{}", 1, "gc-editor", "gc-editor--vars", 3, "ngModel", "language", "lineWrapping"], [1, "gc-run-bar"], ["type", "button", 1, "gc-run-btn", 3, "click", "disabled"], [1, "gc-run-meta"], [1, "gc-spacer"], ["type", "button", 1, "mj-inspector__btn", 3, "mj-inspector__btn--success"], [1, "gc-response-wrap"], [1, "gc-response-head"], [1, "gc-error"], [1, "gc-empty"], [1, "gc-endpoint"], [1, "gc-sidebar"], [1, "gc-sidebar-tabs"], ["type", "button", 1, "gc-sidebar-tab", 3, "click"], [1, "fa-solid", "fa-table-list"], [1, "fa-solid", "fa-sitemap"], ["title", "Drag to resize sidebar", 1, "gc-splitter", "gc-splitter--vert", 3, "mousedown"], [1, "gc-history-head"], ["type", "button", "title", "Clear non-favorite history", 1, "gc-history-clear", 3, "click"], [1, "gc-history-empty"], [1, "gc-history-list"], [1, "fa-regular", "fa-circle-question"], [1, "fa-solid", "fa-star"], ["type", "button", 1, "gc-history-item", 3, "gc-history-item--error", "gc-history-item--fav"], ["type", "button", 1, "gc-history-item", 3, "click"], [1, "gc-history-item-head"], [1, "gc-history-status"], [1, "gc-history-label"], ["type", "button", 1, "gc-history-fav", 3, "click", "title"], ["type", "button", "title", "Remove from history", 1, "gc-history-del", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "gc-history-meta"], [1, "gc-ent-toolbar"], [1, "gc-ent-search-wrap"], [1, "fa-solid", "fa-search", "gc-ent-search-icon"], ["type", "search", "placeholder", "Search entities\u2026", 1, "gc-ent-search", 3, "ngModelChange", "ngModel"], [1, "gc-ent-schema", 3, "ngModel"], [1, "gc-ent-meta"], [1, "gc-ent-hint"], [1, "gc-ent-list"], [1, "gc-ent-card", 3, "gc-ent-card--expanded"], [1, "gc-ent-empty"], [1, "gc-ent-schema", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "gc-ent-card"], ["type", "button", 1, "gc-ent-row", 3, "click"], [1, "fa-solid", "fa-chevron-right", "gc-ent-chev"], [1, "gc-ent-info"], [1, "gc-ent-name"], [1, "gc-ent-meta-row"], [1, "gc-ent-typename"], [1, "gc-ent-schema-badge"], [1, "gc-ent-actions"], ["type", "button", "title", "Insert a Run View template (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--read", 3, "click"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "button", "title", "Fetch a single record by ID (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--read", 3, "click"], [1, "fa-solid", "fa-fingerprint"], ["type", "button", "title", "Create a new record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--write"], ["type", "button", "title", "Update an existing record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--write"], ["type", "button", "title", "Delete a record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--danger"], [1, "gc-ent-desc"], ["type", "button", "title", "Create a new record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--write", 3, "click"], [1, "fa-solid", "fa-plus"], ["type", "button", "title", "Update an existing record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--write", 3, "click"], [1, "fa-solid", "fa-pen"], ["type", "button", "title", "Delete a record (Shift-click to append)", 1, "gc-ent-op", "gc-ent-op--danger", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-search"], ["type", "button", 1, "gc-ent-clear"], ["type", "button", 1, "gc-ent-clear", 3, "click"], [1, "gc-schema-toolbar"], [1, "gc-schema-search-wrap"], [1, "fa-solid", "fa-search", "gc-schema-search-icon"], ["type", "search", "placeholder", "Search operations\u2026", 1, "gc-schema-search", 3, "ngModelChange", "ngModel"], ["type", "button", "title", "Reload schema", 1, "gc-schema-reload", 3, "click", "disabled"], [1, "fa-solid"], [1, "gc-schema-kinds"], [1, "gc-schema-state"], [1, "gc-schema-state", "gc-schema-disabled"], [1, "gc-schema-state", "gc-schema-state--err"], [1, "gc-schema-list"], ["type", "button", 1, "gc-schema-kind", 3, "click"], ["type", "button", 1, "gc-schema-kind", "gc-schema-kind--query", 3, "click"], ["type", "button", 1, "gc-schema-kind", "gc-schema-kind--mutation", 3, "click"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-lock"], [1, "gc-schema-disabled-title"], [1, "gc-schema-disabled-body"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "gc-schema-err-title"], [1, "gc-schema-err-body"], ["type", "button", 1, "gc-schema-op", 3, "gc-schema-op--mutation", "title"], ["type", "button", 1, "gc-schema-op", 3, "click", "title"], [1, "gc-schema-op-head"], [1, "gc-schema-op-kind"], [1, "gc-schema-op-name"], [1, "gc-schema-op-args"], [1, "gc-schema-op-return"], [1, "fa-solid", "fa-arrow-right"], [1, "gc-schema-op-desc"], ["placeholder", "{}", 1, "gc-editor", "gc-editor--vars", 3, "ngModelChange", "ngModel", "language", "lineWrapping"], [1, "fa-solid", "fa-play"], [1, "gc-status-badge", "gc-status-badge--ok"], [1, "gc-status-badge", "gc-status-badge--err"], [1, "gc-meta-pill"], [1, "fa-solid", "fa-circle-check"], [1, "fa-regular", "fa-clock"], [1, "fa-solid", "fa-database"], ["type", "button", 1, "mj-inspector__btn", 3, "click"], [1, "gc-error", "gc-error--inline"], [1, "gc-response"], [1, "fa-solid", "fa-arrow-up-from-bracket"]], template: function GraphQLConsoleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div")(5, "h3", 4);
+            i0.ɵɵtext(6, "GraphQL Console");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 5);
+            i0.ɵɵconditionalCreate(8, GraphQLConsoleComponent_Conditional_8_Template, 3, 1)(9, GraphQLConsoleComponent_Conditional_9_Template, 1, 0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(10, "span", 6);
+            i0.ɵɵelementStart(11, "div", 7)(12, "button", 8);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_12_listener() { return ctx.ToggleHistoryPanel(); });
+            i0.ɵɵelement(13, "i", 9);
+            i0.ɵɵtext(14, " History ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "button", 10);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_15_listener() { return ctx.OnCopyAsCurl(); });
+            i0.ɵɵelement(16, "i", 11);
+            i0.ɵɵtext(17, " Copy cURL ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(18, "div", 12);
+            i0.ɵɵconditionalCreate(19, GraphQLConsoleComponent_Conditional_19_Template, 15, 9);
+            i0.ɵɵelementStart(20, "div", 13)(21, "div", 14)(22, "div", 15)(23, "span", 16);
+            i0.ɵɵtext(24, "Query");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "span", 17);
+            i0.ɵɵtext(26, "\u2318/Ctrl+Enter to run \u00B7 Shift+click an entity/op to append");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(27, "button", 18);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_27_listener() { return ctx.OnFormatQuery(); });
+            i0.ɵɵelement(28, "i", 19);
+            i0.ɵɵtext(29, " Tidy ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(30, "button", 20);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_30_listener() { return ctx.OnClearQuery(); });
+            i0.ɵɵelement(31, "i", 21);
+            i0.ɵɵtext(32, " Clear ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(33, "mj-code-editor", 22);
+            i0.ɵɵtwoWayListener("ngModelChange", function GraphQLConsoleComponent_Template_mj_code_editor_ngModelChange_33_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.Query, $event) || (ctx.Query = $event); return $event; });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(34, "div", 23);
+            i0.ɵɵlistener("mousedown", function GraphQLConsoleComponent_Template_div_mousedown_34_listener($event) { return ctx.OnSplitterDown($event, "editor"); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(35, "div", 24)(36, "button", 25);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_36_listener() { return ctx.ToggleVariables(); });
+            i0.ɵɵelement(37, "i", 26);
+            i0.ɵɵtext(38, " Variables ");
+            i0.ɵɵconditionalCreate(39, GraphQLConsoleComponent_Conditional_39_Template, 2, 0, "span", 27);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(40, GraphQLConsoleComponent_Conditional_40_Template, 1, 3, "mj-code-editor", 28);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(41, "div", 29)(42, "button", 30);
+            i0.ɵɵlistener("click", function GraphQLConsoleComponent_Template_button_click_42_listener() { return ctx.OnRun(); });
+            i0.ɵɵconditionalCreate(43, GraphQLConsoleComponent_Conditional_43_Template, 2, 0)(44, GraphQLConsoleComponent_Conditional_44_Template, 2, 0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(45, GraphQLConsoleComponent_Conditional_45_Template, 5, 3, "div", 31);
+            i0.ɵɵelement(46, "span", 32);
+            i0.ɵɵconditionalCreate(47, GraphQLConsoleComponent_Conditional_47_Template, 3, 7, "button", 33);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(48, "div", 34)(49, "div", 35)(50, "span", 16);
+            i0.ɵɵtext(51, "Response");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(52, GraphQLConsoleComponent_Conditional_52_Template, 4, 1, "div", 36)(53, GraphQLConsoleComponent_Conditional_53_Template, 4, 2)(54, GraphQLConsoleComponent_Conditional_54_Template, 4, 0, "div", 37);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.ApiUrl ? 8 : 9);
+            i0.ɵɵadvance(4);
+            i0.ɵɵclassProp("gc-toggle--active", ctx.ShowHistory);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.ShowHistory ? 19 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵstyleProp("flex", "0 0 " + ctx.EditorHeightPct + "%");
+            i0.ɵɵadvance(12);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.Query);
+            i0.ɵɵproperty("language", "graphql")("lineWrapping", true);
+            i0.ɵɵadvance(4);
+            i0.ɵɵclassProp("gc-vars-chev--down", ctx.ShowVariables);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Variables && ctx.Variables.trim() !== "{}" && ctx.Variables.trim() !== "" ? 39 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowVariables ? 40 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.Running);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Running ? 43 : 44);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ResponseStatus !== "idle" ? 45 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ResponseJson ? 47 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ErrorMessage && !ctx.ResponseJson ? 52 : ctx.ResponseJson ? 53 : 54);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.CodeEditorComponent, i3.DatePipe], styles: ["[_nghost-%COMP%] { display: block; height: 100%; }\n\n.mj-inspector[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n\n\n.mj-inspector__header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.mj-inspector__header-icon[_ngcontent-%COMP%] {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.mj-inspector__header-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.mj-inspector__header-sub[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n.mj-inspector__header-spacer[_ngcontent-%COMP%] { flex: 1; }\n.mj-inspector__header-actions[_ngcontent-%COMP%] {\n    display: flex; gap: 6px;\n}\n.mj-inspector__btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 12px;\n    border-radius: 7px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.15s;\n}\n.mj-inspector__btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__btn--success[_ngcontent-%COMP%] {\n    color: var(--mj-status-success);\n    border-color: color-mix(in srgb, var(--mj-status-success) 30%, var(--mj-border-default));\n}\n\n\n\n.mj-inspector__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.mj-inspector__sidebar[_ngcontent-%COMP%] {\n    width: 220px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.mj-inspector__nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.mj-inspector__nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.mj-inspector__nav-icon[_ngcontent-%COMP%] {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.mj-inspector__nav-text[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.mj-inspector__nav-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.mj-inspector__nav-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.mj-inspector__nav-item--active[_ngcontent-%COMP%]   .mj-inspector__nav-desc[_ngcontent-%COMP%] {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n\n\n.mj-inspector__content[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n\n\n.mj-inspector__empty[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n@media (max-width: 700px) {\n    .mj-inspector__body[_ngcontent-%COMP%] { flex-direction: column; }\n    .mj-inspector__sidebar[_ngcontent-%COMP%] {\n        width: 100%;\n        height: auto;\n        max-height: 200px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .mj-inspector__nav-item[_ngcontent-%COMP%] { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .mj-inspector__nav-desc[_ngcontent-%COMP%] { display: none; }\n    .mj-inspector__header[_ngcontent-%COMP%] { padding: 12px 14px; gap: 10px; }\n}", ".mj-inspector--solo[_ngcontent-%COMP%] { background: var(--mj-bg-page); }\n.gc-toggle--active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent) !important;\n    color: var(--mj-brand-primary) !important;\n    border-color: var(--mj-brand-primary) !important;\n}\n.gc-endpoint[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 11px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.gc-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.gc-sidebar[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    background: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n    min-width: 200px;\n    max-width: 560px;\n}\n\n\n\n.gc-splitter[_ngcontent-%COMP%] {\n    flex-shrink: 0;\n    background: var(--mj-border-subtle);\n    transition: background 0.15s;\n    position: relative;\n}\n.gc-splitter[_ngcontent-%COMP%]:hover { background: var(--mj-brand-primary); }\n.gc-splitter[_ngcontent-%COMP%]:active { background: color-mix(in srgb, var(--mj-brand-primary) 80%, black); }\n.gc-splitter--vert[_ngcontent-%COMP%] {\n    width: 4px;\n    cursor: col-resize;\n}\n.gc-splitter--horiz[_ngcontent-%COMP%] {\n    height: 4px;\n    cursor: row-resize;\n}\n\n\n.gc-splitter[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    inset: -3px;\n}\n.gc-sidebar-tabs[_ngcontent-%COMP%] {\n    display: flex;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-sidebar-tab[_ngcontent-%COMP%] {\n    flex: 1;\n    padding: 10px 8px;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    font-size: 11.5px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    border-bottom: 2px solid transparent;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    transition: all 0.15s;\n}\n.gc-sidebar-tab[_ngcontent-%COMP%]:hover { color: var(--mj-text-primary); }\n.gc-sidebar-tab--active[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    border-bottom-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface);\n}\n\n\n\n.gc-history[_ngcontent-%COMP%] {\n    width: 280px;\n    flex-shrink: 0;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n}\n.gc-history-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    background: var(--mj-bg-surface-card);\n}\n.gc-history-clear[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n}\n.gc-history-clear[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n\n.gc-history-empty[_ngcontent-%COMP%] {\n    padding: 20px 16px;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    text-align: center;\n    line-height: 1.5;\n}\n.gc-history-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { display: block; font-size: 22px; margin-bottom: 8px; opacity: 0.5; }\n\n.gc-history-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 4px;\n}\n.gc-history-item[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: left;\n    background: transparent;\n    border: 1px solid transparent;\n    padding: 8px 10px;\n    border-radius: 7px;\n    cursor: pointer;\n    margin-bottom: 2px;\n    font-family: inherit;\n    transition: background 0.12s, border-color 0.12s;\n}\n.gc-history-item[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-subtle);\n}\n.gc-history-item--fav[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n}\n\n.gc-history-item-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.gc-history-status[_ngcontent-%COMP%] {\n    font-size: 11px;\n    flex-shrink: 0;\n}\n.gc-status--ok[_ngcontent-%COMP%] { color: var(--mj-status-success); }\n.gc-status--err[_ngcontent-%COMP%] { color: var(--mj-status-error); }\n\n.gc-history-label[_ngcontent-%COMP%] {\n    flex: 1;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 11.5px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-history-fav[_ngcontent-%COMP%], \n.gc-history-del[_ngcontent-%COMP%] {\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 22px;\n    height: 22px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: all 0.12s;\n}\n.gc-history-item[_ngcontent-%COMP%]:hover   .gc-history-fav[_ngcontent-%COMP%], \n.gc-history-item[_ngcontent-%COMP%]:hover   .gc-history-del[_ngcontent-%COMP%] { opacity: 1; }\n.gc-history-item--fav[_ngcontent-%COMP%]   .gc-history-fav[_ngcontent-%COMP%] { opacity: 1; color: var(--mj-status-warning); }\n.gc-history-fav[_ngcontent-%COMP%]:hover { color: var(--mj-status-warning); background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); }\n.gc-history-del[_ngcontent-%COMP%]:hover { color: var(--mj-status-error); background: color-mix(in srgb, var(--mj-status-error) 10%, transparent); }\n\n.gc-history-meta[_ngcontent-%COMP%] {\n    margin-top: 3px;\n    margin-left: 18px;\n    display: flex;\n    gap: 4px;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n}\n\n\n\n.gc-ent-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-ent-search-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n}\n.gc-ent-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 9px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    pointer-events: none;\n}\n.gc-ent-search[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 6px 10px 6px 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 12px;\n    font-family: inherit;\n}\n.gc-ent-search[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.gc-ent-schema[_ngcontent-%COMP%] {\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 11.5px;\n    font-family: inherit;\n    cursor: pointer;\n    max-width: 130px;\n}\n\n.gc-ent-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.gc-ent-hint[_ngcontent-%COMP%] { font-style: italic; }\n\n.gc-ent-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 6px;\n}\n.gc-ent-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 7px;\n    margin-bottom: 4px;\n    overflow: hidden;\n    transition: border-color 0.12s, box-shadow 0.15s;\n}\n.gc-ent-card[_ngcontent-%COMP%]:hover { border-color: var(--mj-border-default); }\n.gc-ent-card--expanded[_ngcontent-%COMP%] {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n.gc-ent-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 8px 10px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    text-align: left;\n    font-family: inherit;\n}\n.gc-ent-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n.gc-ent-card--expanded[_ngcontent-%COMP%]   .gc-ent-row[_ngcontent-%COMP%] { background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent); }\n.gc-ent-chev[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    width: 12px;\n    flex-shrink: 0;\n    transition: transform 0.15s;\n}\n.gc-ent-chev--down[_ngcontent-%COMP%] { transform: rotate(90deg); }\n.gc-ent-info[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n.gc-ent-name[_ngcontent-%COMP%] {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-ent-meta-row[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    margin-top: 2px;\n    align-items: center;\n}\n.gc-ent-typename[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-ent-schema-badge[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    font-weight: 600;\n    letter-spacing: 0.4px;\n}\n\n.gc-ent-actions[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    padding: 6px 10px 8px 30px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n.gc-ent-op[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 5px 9px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.12s;\n}\n.gc-ent-op[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n.gc-ent-op--read[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.gc-ent-op--write[_ngcontent-%COMP%]:hover {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 50%, var(--mj-border-strong));\n    color: color-mix(in srgb, var(--mj-status-warning) 70%, var(--mj-text-primary));\n}\n.gc-ent-op--danger[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n}\n.gc-ent-desc[_ngcontent-%COMP%] {\n    padding: 4px 10px 8px 30px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    line-height: 1.45;\n}\n\n.gc-ent-empty[_ngcontent-%COMP%] {\n    padding: 30px 18px;\n    color: var(--mj-text-muted);\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n.gc-ent-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 18px; opacity: 0.5; }\n.gc-ent-clear[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    cursor: pointer;\n    font-family: inherit;\n    margin-top: 4px;\n}\n.gc-ent-clear[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n\n\n.gc-schema-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-schema-search-wrap[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 1;\n}\n.gc-schema-search-icon[_ngcontent-%COMP%] {\n    position: absolute;\n    left: 9px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    pointer-events: none;\n}\n.gc-schema-search[_ngcontent-%COMP%] {\n    width: 100%;\n    padding: 6px 10px 6px 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 12px;\n    font-family: inherit;\n}\n.gc-schema-search[_ngcontent-%COMP%]:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.gc-schema-reload[_ngcontent-%COMP%] {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 30px;\n    height: 30px;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    flex-shrink: 0;\n}\n.gc-schema-reload[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n.gc-schema-kinds[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.gc-schema-kind[_ngcontent-%COMP%] {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n    padding: 5px 6px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    transition: all 0.12s;\n}\n.gc-schema-kind[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.gc-schema-kind[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    padding: 0 6px;\n    border-radius: 100px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.gc-schema-kind--active[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: white;\n}\n.gc-schema-kind--active[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    background: rgba(255, 255, 255, 0.25);\n    border-color: transparent;\n    color: white;\n}\n\n.gc-schema-state[_ngcontent-%COMP%] {\n    padding: 28px 18px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    line-height: 1.5;\n}\n.gc-schema-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 22px; opacity: 0.5; }\n\n.gc-schema-disabled[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n.gc-schema-disabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-warning);\n    opacity: 0.85;\n    font-size: 24px;\n    margin-bottom: 4px;\n}\n.gc-schema-disabled-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.gc-schema-disabled-body[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    max-width: 240px;\n}\n\n.gc-schema-state--err[_ngcontent-%COMP%] {\n    color: var(--mj-status-error);\n    align-items: stretch;\n    text-align: left;\n}\n.gc-schema-state--err[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-error); opacity: 0.9; align-self: center; }\n.gc-schema-err-title[_ngcontent-%COMP%] {\n    font-size: 13px;\n    font-weight: 600;\n    text-align: center;\n    color: var(--mj-status-error);\n}\n.gc-schema-err-body[_ngcontent-%COMP%] {\n    font-size: 11.5px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    border-radius: 6px;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    word-break: break-word;\n    max-height: 160px;\n    overflow-y: auto;\n}\n\n.gc-schema-list[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 6px;\n}\n.gc-schema-op[_ngcontent-%COMP%] {\n    width: 100%;\n    text-align: left;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 7px;\n    padding: 8px 10px;\n    margin-bottom: 4px;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.12s;\n}\n.gc-schema-op[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n.gc-schema-op-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    margin-bottom: 3px;\n}\n.gc-schema-op-kind[_ngcontent-%COMP%] {\n    font-size: 9.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n}\n.gc-schema-op--mutation[_ngcontent-%COMP%]   .gc-schema-op-kind[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-warning) 70%, var(--mj-text-primary));\n}\n.gc-schema-op-name[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n.gc-schema-op-args[_ngcontent-%COMP%], \n.gc-schema-op-return[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n    word-break: break-word;\n}\n.gc-schema-op-return[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n}\n.gc-schema-op-return[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 9px; margin-right: 3px; opacity: 0.6; }\n.gc-schema-op-desc[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 5px;\n    line-height: 1.4;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n\n\n.gc-main[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.gc-editor-wrap[_ngcontent-%COMP%], \n.gc-vars-wrap[_ngcontent-%COMP%], \n.gc-response-wrap[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface);\n}\n.gc-editor-wrap[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex: 1;\n    min-height: 200px;\n}\n.gc-response-wrap[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 200px;\n    background: var(--mj-bg-page);\n}\n\n.gc-editor-head[_ngcontent-%COMP%], \n.gc-response-head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.gc-editor-label[_ngcontent-%COMP%] { flex: 0 0 auto; }\n.gc-editor-hint[_ngcontent-%COMP%] {\n    font-weight: 500;\n    text-transform: none;\n    letter-spacing: normal;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n.gc-mini-btn[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: transparent;\n    border: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n    padding: 4px 10px;\n    border-radius: 5px;\n    font-size: 11px;\n    cursor: pointer;\n    font-family: inherit;\n    text-transform: none;\n    letter-spacing: normal;\n    font-weight: 500;\n}\n.gc-mini-btn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-default);\n}\n.gc-mini-btn--danger[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 40%, var(--mj-border-default));\n}\n\n\n\n\nmj-code-editor.gc-editor[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    display: block;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\nmj-code-editor.gc-editor[_ngcontent-%COMP%]     .cm-editor {\n    height: 100%;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12.5px;\n}\nmj-code-editor.gc-editor[_ngcontent-%COMP%]     .cm-scroller {\n    line-height: 1.55;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n}\nmj-code-editor.gc-editor--vars[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    flex: 0 0 auto;\n    min-height: 80px;\n    max-height: 160px;\n}\nmj-code-editor.gc-editor--vars[_ngcontent-%COMP%]     .cm-editor {\n    background: var(--mj-bg-surface-sunken);\n}\n\n\n\n.gc-vars-wrap[_ngcontent-%COMP%] {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n.gc-vars-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    background: var(--mj-bg-surface-card);\n    border: none;\n    padding: 7px 16px;\n    cursor: pointer;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    font-family: inherit;\n    text-align: left;\n    transition: background 0.12s;\n}\n.gc-vars-toggle[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n.gc-vars-chev[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    transition: transform 0.15s;\n}\n.gc-vars-chev--down[_ngcontent-%COMP%] { transform: rotate(90deg); }\n.gc-vars-pill[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 10px;\n    padding: 1px 8px;\n    border-radius: 100px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n}\n\n\n\n.gc-run-bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n.gc-run-btn[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n    border: 1px solid var(--mj-brand-primary);\n    padding: 8px 18px;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    transition: background 0.15s, transform 0.1s;\n}\n.gc-run-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 88%, black);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 88%, black);\n}\n.gc-run-btn[_ngcontent-%COMP%]:active:not(:disabled) { transform: scale(0.98); }\n.gc-run-btn[_ngcontent-%COMP%]:disabled {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    box-shadow: none;\n    cursor: wait;\n}\n\n.gc-run-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.gc-status-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 600;\n}\n.gc-status-badge--ok[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-success) 70%, var(--mj-text-primary));\n}\n.gc-status-badge--err[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-error) 70%, var(--mj-text-primary));\n}\n.gc-meta-pill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    padding: 3px 9px;\n    border-radius: 100px;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n}\n.gc-spacer[_ngcontent-%COMP%] { flex: 1; }\n\n\n\n.gc-response[_ngcontent-%COMP%] {\n    margin: 0;\n    flex: 1;\n    overflow: auto;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12px;\n    line-height: 1.55;\n}\n.gc-response[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] { white-space: pre-wrap; word-break: break-word; }\n\n.gc-error[_ngcontent-%COMP%] {\n    margin: 12px 16px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-subtle));\n    border-radius: 8px;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, var(--mj-text-primary));\n    font-size: 12.5px;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n.gc-error[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { margin-top: 2px; flex-shrink: 0; }\n.gc-error--inline[_ngcontent-%COMP%] { margin-bottom: 0; }\n\n.gc-empty[_ngcontent-%COMP%] {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n.gc-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 24px; opacity: 0.4; }\n\n@media (max-width: 900px) {\n    .gc-sidebar[_ngcontent-%COMP%], .gc-history[_ngcontent-%COMP%] { display: none; }\n}"] });
+};
+GraphQLConsoleComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'GraphQLConsoleInspector')
+], GraphQLConsoleComponent);
+export { GraphQLConsoleComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GraphQLConsoleComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-graphql-console', template: "<div class=\"mj-inspector mj-inspector--solo\">\n    <div class=\"mj-inspector__header\">\n        <div class=\"mj-inspector__header-icon\"><i class=\"fa-solid fa-code\"></i></div>\n        <div>\n            <h3 class=\"mj-inspector__header-title\">GraphQL Console</h3>\n            <div class=\"mj-inspector__header-sub\">\n                @if (ApiUrl) {\n                    Connected to <code class=\"gc-endpoint\">{{ ApiUrl }}</code>\n                } @else {\n                    Run queries against the connected MJ API\n                }\n            </div>\n        </div>\n        <span class=\"mj-inspector__header-spacer\"></span>\n        <div class=\"mj-inspector__header-actions\">\n            <button class=\"mj-inspector__btn\"\n                    [class.gc-toggle--active]=\"ShowHistory\"\n                    type=\"button\" (click)=\"ToggleHistoryPanel()\"\n                    title=\"Toggle history sidebar\">\n                <i class=\"fa-solid fa-clock-rotate-left\"></i> History\n            </button>\n            <button class=\"mj-inspector__btn\" type=\"button\" (click)=\"OnCopyAsCurl()\" title=\"Copy as cURL command\">\n                <i class=\"fa-solid fa-terminal\"></i> Copy cURL\n            </button>\n        </div>\n    </div>\n\n    <div class=\"gc-body\">\n        @if (ShowHistory) {\n            <aside class=\"gc-sidebar\" [style.width.px]=\"SidebarWidthPx\">\n                <div class=\"gc-sidebar-tabs\">\n                    <button type=\"button\"\n                            class=\"gc-sidebar-tab\"\n                            [class.gc-sidebar-tab--active]=\"SidebarTab === 'history'\"\n                            (click)=\"OnSidebarTabChange('history')\">\n                        <i class=\"fa-solid fa-clock-rotate-left\"></i> History\n                    </button>\n                    <button type=\"button\"\n                            class=\"gc-sidebar-tab\"\n                            [class.gc-sidebar-tab--active]=\"SidebarTab === 'entities'\"\n                            (click)=\"OnSidebarTabChange('entities')\">\n                        <i class=\"fa-solid fa-table-list\"></i> Entities\n                    </button>\n                    <button type=\"button\"\n                            class=\"gc-sidebar-tab\"\n                            [class.gc-sidebar-tab--active]=\"SidebarTab === 'schema'\"\n                            (click)=\"OnSidebarTabChange('schema')\">\n                        <i class=\"fa-solid fa-sitemap\"></i> Schema\n                    </button>\n                </div>\n\n                @if (SidebarTab === 'history') {\n                <div class=\"gc-history-head\">\n                    <span>{{ History.length }} {{ History.length === 1 ? 'entry' : 'entries' }}</span>\n                    <button class=\"gc-history-clear\"\n                            type=\"button\"\n                            (click)=\"OnClearHistory()\"\n                            title=\"Clear non-favorite history\">\n                        <i class=\"fa-solid fa-broom\"></i>\n                    </button>\n                </div>\n                @if (History.length === 0) {\n                    <div class=\"gc-history-empty\">\n                        <i class=\"fa-regular fa-circle-question\"></i>\n                        Run a query to see it here. Star <i class=\"fa-solid fa-star\"></i> to keep it.\n                    </div>\n                } @else {\n                    <div class=\"gc-history-list\">\n                        @for (h of History; track TrackByHistory($index, h)) {\n                            <button type=\"button\"\n                                    class=\"gc-history-item\"\n                                    [class.gc-history-item--error]=\"h.status === 'error'\"\n                                    [class.gc-history-item--fav]=\"h.favorite\"\n                                    (click)=\"OnRestoreHistory(h)\">\n                                <div class=\"gc-history-item-head\">\n                                    <i class=\"gc-history-status\"\n                                       [class.fa-solid]=\"true\"\n                                       [class.fa-circle-check]=\"h.status === 'ok'\"\n                                       [class.fa-circle-xmark]=\"h.status === 'error'\"\n                                       [class.gc-status--ok]=\"h.status === 'ok'\"\n                                       [class.gc-status--err]=\"h.status === 'error'\"></i>\n                                    <span class=\"gc-history-label\">{{ h.label || 'unnamed' }}</span>\n                                    <button class=\"gc-history-fav\"\n                                            type=\"button\"\n                                            (click)=\"OnToggleFavorite(h, $event)\"\n                                            [title]=\"h.favorite ? 'Unfavorite' : 'Favorite'\">\n                                        <i [class]=\"h.favorite ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                    </button>\n                                    <button class=\"gc-history-del\"\n                                            type=\"button\"\n                                            (click)=\"OnDeleteHistory(h, $event)\"\n                                            title=\"Remove from history\">\n                                        <i class=\"fa-solid fa-xmark\"></i>\n                                    </button>\n                                </div>\n                                <div class=\"gc-history-meta\">\n                                    <span>{{ h.timestamp | date:'HH:mm:ss' }}</span>\n                                    @if (h.durationMs != null) {\n                                        <span>\u00B7</span>\n                                        <span>{{ h.durationMs }}ms</span>\n                                    }\n                                </div>\n                            </button>\n                        }\n                    </div>\n                }\n                } @else if (SidebarTab === 'entities') {\n                    <div class=\"gc-ent-toolbar\">\n                        <div class=\"gc-ent-search-wrap\">\n                            <i class=\"fa-solid fa-search gc-ent-search-icon\"></i>\n                            <input type=\"search\"\n                                   class=\"gc-ent-search\"\n                                   placeholder=\"Search entities\u2026\"\n                                   [(ngModel)]=\"EntitiesSearch\" />\n                        </div>\n                        @if (KnownSchemas.length > 1) {\n                            <select class=\"gc-ent-schema\" [(ngModel)]=\"EntitySchemaFilter\">\n                                <option value=\"\">All schemas ({{ KnownSchemas.length }})</option>\n                                @for (s of KnownSchemas; track s) {\n                                    <option [value]=\"s\">{{ s }}</option>\n                                }\n                            </select>\n                        }\n                    </div>\n                    <div class=\"gc-ent-meta\">\n                        <span>{{ FilteredEntities.length }} of {{ Entities.length }}</span>\n                        <span class=\"gc-ent-hint\">Click an entity to see operations</span>\n                    </div>\n                    <div class=\"gc-ent-list\">\n                        @for (item of FilteredEntities; track TrackByEntity($index, item)) {\n                            <div class=\"gc-ent-card\" [class.gc-ent-card--expanded]=\"item.expanded\">\n                                <button type=\"button\"\n                                        class=\"gc-ent-row\"\n                                        (click)=\"ToggleEntity(item)\">\n                                    <i class=\"fa-solid fa-chevron-right gc-ent-chev\"\n                                       [class.gc-ent-chev--down]=\"item.expanded\"></i>\n                                    <div class=\"gc-ent-info\">\n                                        <div class=\"gc-ent-name\">{{ item.info.Name }}</div>\n                                        <div class=\"gc-ent-meta-row\">\n                                            <code class=\"gc-ent-typename\">{{ item.typeName }}</code>\n                                            <span class=\"gc-ent-schema-badge\">{{ item.schema }}</span>\n                                        </div>\n                                    </div>\n                                </button>\n                                @if (item.expanded) {\n                                    <div class=\"gc-ent-actions\">\n                                        <button type=\"button\" class=\"gc-ent-op gc-ent-op--read\"\n                                                (click)=\"OnEntityOp(item, 'view', $event)\"\n                                                title=\"Insert a Run View template (Shift-click to append)\">\n                                            <i class=\"fa-solid fa-magnifying-glass\"></i>\n                                            Run view\n                                        </button>\n                                        <button type=\"button\" class=\"gc-ent-op gc-ent-op--read\"\n                                                (click)=\"OnEntityOp(item, 'byId', $event)\"\n                                                title=\"Fetch a single record by ID (Shift-click to append)\">\n                                            <i class=\"fa-solid fa-fingerprint\"></i>\n                                            Get by ID\n                                        </button>\n                                        @if (item.info.AllowCreateAPI) {\n                                            <button type=\"button\" class=\"gc-ent-op gc-ent-op--write\"\n                                                    (click)=\"OnEntityOp(item, 'create', $event)\"\n                                                    title=\"Create a new record (Shift-click to append)\">\n                                                <i class=\"fa-solid fa-plus\"></i>\n                                                Create\n                                            </button>\n                                        }\n                                        @if (item.info.AllowUpdateAPI) {\n                                            <button type=\"button\" class=\"gc-ent-op gc-ent-op--write\"\n                                                    (click)=\"OnEntityOp(item, 'update', $event)\"\n                                                    title=\"Update an existing record (Shift-click to append)\">\n                                                <i class=\"fa-solid fa-pen\"></i>\n                                                Update\n                                            </button>\n                                        }\n                                        @if (item.info.AllowDeleteAPI) {\n                                            <button type=\"button\" class=\"gc-ent-op gc-ent-op--danger\"\n                                                    (click)=\"OnEntityOp(item, 'delete', $event)\"\n                                                    title=\"Delete a record (Shift-click to append)\">\n                                                <i class=\"fa-solid fa-trash\"></i>\n                                                Delete\n                                            </button>\n                                        }\n                                    </div>\n                                    @if (item.info.Description) {\n                                        <div class=\"gc-ent-desc\">{{ item.info.Description }}</div>\n                                    }\n                                }\n                            </div>\n                        }\n                        @if (FilteredEntities.length === 0) {\n                            <div class=\"gc-ent-empty\">\n                                <i class=\"fa-solid fa-search\"></i>\n                                <span>No entities match.</span>\n                                @if (EntitiesSearch || EntitySchemaFilter) {\n                                    <button class=\"gc-ent-clear\" type=\"button\" (click)=\"ClearEntityFilters()\">\n                                        Clear filters\n                                    </button>\n                                }\n                            </div>\n                        }\n                    </div>\n                } @else {\n                    <div class=\"gc-schema-toolbar\">\n                        <div class=\"gc-schema-search-wrap\">\n                            <i class=\"fa-solid fa-search gc-schema-search-icon\"></i>\n                            <input type=\"search\"\n                                   class=\"gc-schema-search\"\n                                   placeholder=\"Search operations\u2026\"\n                                   [(ngModel)]=\"SchemaSearch\" />\n                        </div>\n                        <button class=\"gc-schema-reload\"\n                                type=\"button\"\n                                (click)=\"OnReloadSchema()\"\n                                [disabled]=\"SchemaLoading\"\n                                title=\"Reload schema\">\n                            <i class=\"fa-solid\" [class.fa-rotate]=\"!SchemaLoading\" [class.fa-spinner]=\"SchemaLoading\" [class.fa-spin]=\"SchemaLoading\"></i>\n                        </button>\n                    </div>\n\n                    @if (Operations.length > 0) {\n                        <div class=\"gc-schema-kinds\">\n                            <button type=\"button\"\n                                    class=\"gc-schema-kind\"\n                                    [class.gc-schema-kind--active]=\"SchemaKindFilter === 'all'\"\n                                    (click)=\"SchemaKindFilter = 'all'\">\n                                All <span>{{ OperationCounts.all }}</span>\n                            </button>\n                            <button type=\"button\"\n                                    class=\"gc-schema-kind gc-schema-kind--query\"\n                                    [class.gc-schema-kind--active]=\"SchemaKindFilter === 'query'\"\n                                    (click)=\"SchemaKindFilter = 'query'\">\n                                <i class=\"fa-solid fa-magnifying-glass\"></i> Query <span>{{ OperationCounts.query }}</span>\n                            </button>\n                            <button type=\"button\"\n                                    class=\"gc-schema-kind gc-schema-kind--mutation\"\n                                    [class.gc-schema-kind--active]=\"SchemaKindFilter === 'mutation'\"\n                                    (click)=\"SchemaKindFilter = 'mutation'\">\n                                <i class=\"fa-solid fa-pen\"></i> Mutation <span>{{ OperationCounts.mutation }}</span>\n                            </button>\n                        </div>\n                    }\n\n                    @if (SchemaLoading) {\n                        <div class=\"gc-schema-state\">\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                            <span>Introspecting schema\u2026</span>\n                        </div>\n                    } @else if (SchemaIntrospectionDisabled) {\n                        <div class=\"gc-schema-state gc-schema-disabled\">\n                            <i class=\"fa-solid fa-lock\"></i>\n                            <div class=\"gc-schema-disabled-title\">Introspection disabled</div>\n                            <div class=\"gc-schema-disabled-body\">\n                                This server has GraphQL introspection turned off (typical in production). Schema browsing isn't available \u2014 write queries directly in the editor, or use the History tab to revisit previous queries.\n                            </div>\n                        </div>\n                    } @else if (SchemaError) {\n                        <div class=\"gc-schema-state gc-schema-state--err\">\n                            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                            <div class=\"gc-schema-err-title\">Couldn't load schema</div>\n                            <div class=\"gc-schema-err-body\">{{ SchemaError }}</div>\n                        </div>\n                    } @else if (FilteredOperations.length === 0) {\n                        <div class=\"gc-schema-state\">\n                            <i class=\"fa-solid fa-search\"></i>\n                            <span>No operations match.</span>\n                        </div>\n                    } @else {\n                        <div class=\"gc-schema-list\">\n                            @for (op of FilteredOperations; track TrackByOp($index, op)) {\n                                <button type=\"button\"\n                                        class=\"gc-schema-op\"\n                                        [class.gc-schema-op--mutation]=\"op.kind === 'mutation'\"\n                                        (click)=\"OnInsertOperation(op, $event)\"\n                                        [title]=\"(op.description || ('Insert ' + op.kind + ' template')) + ' \u00B7 Shift-click to append'\">\n                                    <div class=\"gc-schema-op-head\">\n                                        <span class=\"gc-schema-op-kind\">{{ op.kind }}</span>\n                                        <span class=\"gc-schema-op-name\">{{ op.name }}</span>\n                                    </div>\n                                    @if (op.argSummary) {\n                                        <div class=\"gc-schema-op-args\">({{ op.argSummary }})</div>\n                                    }\n                                    <div class=\"gc-schema-op-return\">\n                                        <i class=\"fa-solid fa-arrow-right\"></i> {{ op.returnSummary }}\n                                    </div>\n                                    @if (op.description) {\n                                        <div class=\"gc-schema-op-desc\">{{ op.description }}</div>\n                                    }\n                                </button>\n                            }\n                        </div>\n                    }\n                }\n            </aside>\n            <div class=\"gc-splitter gc-splitter--vert\"\n                 (mousedown)=\"OnSplitterDown($event, 'sidebar')\"\n                 title=\"Drag to resize sidebar\"></div>\n        }\n\n        <div class=\"gc-main\">\n            <div class=\"gc-editor-wrap\" [style.flex]=\"'0 0 ' + EditorHeightPct + '%'\">\n                <div class=\"gc-editor-head\">\n                    <span class=\"gc-editor-label\">Query</span>\n                    <span class=\"gc-editor-hint\">\u2318/Ctrl+Enter to run \u00B7 Shift+click an entity/op to append</span>\n                    <button class=\"gc-mini-btn\" type=\"button\" (click)=\"OnFormatQuery()\" title=\"Tidy whitespace\">\n                        <i class=\"fa-solid fa-broom\"></i> Tidy\n                    </button>\n                    <button class=\"gc-mini-btn gc-mini-btn--danger\" type=\"button\" (click)=\"OnClearQuery()\" title=\"Clear editor\">\n                        <i class=\"fa-solid fa-eraser\"></i> Clear\n                    </button>\n                </div>\n                <mj-code-editor\n                    class=\"gc-editor\"\n                    [(ngModel)]=\"Query\"\n                    [language]=\"'graphql'\"\n                    [lineWrapping]=\"true\"\n                    placeholder=\"Enter your GraphQL query\u2026\">\n                </mj-code-editor>\n            </div>\n\n            <div class=\"gc-splitter gc-splitter--horiz\"\n                 (mousedown)=\"OnSplitterDown($event, 'editor')\"\n                 title=\"Drag to resize editor / response\"></div>\n\n            <div class=\"gc-vars-wrap\">\n                <button class=\"gc-vars-toggle\" type=\"button\" (click)=\"ToggleVariables()\">\n                    <i class=\"fa-solid fa-chevron-right gc-vars-chev\" [class.gc-vars-chev--down]=\"ShowVariables\"></i>\n                    Variables\n                    @if (Variables && Variables.trim() !== '{}' && Variables.trim() !== '') {\n                        <span class=\"gc-vars-pill\">configured</span>\n                    }\n                </button>\n                @if (ShowVariables) {\n                    <mj-code-editor\n                        class=\"gc-editor gc-editor--vars\"\n                        [(ngModel)]=\"Variables\"\n                        [language]=\"'json'\"\n                        [lineWrapping]=\"true\"\n                        placeholder=\"{}\">\n                    </mj-code-editor>\n                }\n            </div>\n\n            <div class=\"gc-run-bar\">\n                <button class=\"gc-run-btn\"\n                        type=\"button\"\n                        [disabled]=\"Running\"\n                        (click)=\"OnRun()\">\n                    @if (Running) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Running\u2026\n                    } @else {\n                        <i class=\"fa-solid fa-play\"></i> Run\n                    }\n                </button>\n                @if (ResponseStatus !== 'idle') {\n                    <div class=\"gc-run-meta\">\n                        @if (ResponseStatus === 'ok') {\n                            <span class=\"gc-status-badge gc-status-badge--ok\">\n                                <i class=\"fa-solid fa-circle-check\"></i> 200 OK\n                            </span>\n                        } @else {\n                            <span class=\"gc-status-badge gc-status-badge--err\">\n                                <i class=\"fa-solid fa-triangle-exclamation\"></i> Error\n                            </span>\n                        }\n                        @if (ResponseDurationMs != null) {\n                            <span class=\"gc-meta-pill\"><i class=\"fa-regular fa-clock\"></i> {{ ResponseDurationMs }}ms</span>\n                        }\n                        @if (ResponseSizeBytes != null) {\n                            <span class=\"gc-meta-pill\"><i class=\"fa-solid fa-database\"></i> {{ FormattedSize }}</span>\n                        }\n                    </div>\n                }\n                <span class=\"gc-spacer\"></span>\n                @if (ResponseJson) {\n                    <button class=\"mj-inspector__btn\"\n                            [class.mj-inspector__btn--success]=\"CopyConfirmed\"\n                            type=\"button\"\n                            (click)=\"OnCopyResponse()\">\n                        <i class=\"fa-solid\" [class.fa-clipboard]=\"!CopyConfirmed\" [class.fa-check]=\"CopyConfirmed\"></i>\n                        {{ CopyConfirmed ? 'Copied' : 'Copy' }}\n                    </button>\n                }\n            </div>\n\n            <div class=\"gc-response-wrap\">\n                <div class=\"gc-response-head\">\n                    <span class=\"gc-editor-label\">Response</span>\n                </div>\n                @if (ErrorMessage && !ResponseJson) {\n                    <div class=\"gc-error\">\n                        <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                        <span>{{ ErrorMessage }}</span>\n                    </div>\n                } @else if (ResponseJson) {\n                    @if (ErrorMessage) {\n                        <div class=\"gc-error gc-error--inline\">\n                            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                            <span>{{ ErrorMessage }}</span>\n                        </div>\n                    }\n                    <pre class=\"gc-response\"><code>{{ ResponseJson }}</code></pre>\n                } @else {\n                    <div class=\"gc-empty\">\n                        <i class=\"fa-solid fa-arrow-up-from-bracket\"></i>\n                        <span>Run a query to see results here.</span>\n                    </div>\n                }\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [":host { display: block; height: 100%; }\n\n.mj-inspector {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    min-height: 0;\n    background: var(--mj-bg-page);\n    color: var(--mj-text-primary);\n    font-family: inherit;\n}\n\n/* Header */\n.mj-inspector__header {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.mj-inspector__header-icon {\n    width: 36px; height: 36px;\n    border-radius: 9px;\n    background: linear-gradient(135deg, #264FAF 0%, #0076b6 100%);\n    color: white;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px;\n    flex-shrink: 0;\n}\n.mj-inspector__header-title {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    letter-spacing: -0.2px;\n}\n.mj-inspector__header-sub {\n    font-size: 11.5px;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n.mj-inspector__header-spacer { flex: 1; }\n.mj-inspector__header-actions {\n    display: flex; gap: 6px;\n}\n.mj-inspector__btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 12px;\n    border-radius: 7px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 12px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.15s;\n}\n.mj-inspector__btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__btn--success {\n    color: var(--mj-status-success);\n    border-color: color-mix(in srgb, var(--mj-status-success) 30%, var(--mj-border-default));\n}\n\n/* Layout: sidebar + content */\n.mj-inspector__body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n.mj-inspector__sidebar {\n    width: 220px;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    overflow-y: auto;\n    flex-shrink: 0;\n    padding: 8px;\n}\n.mj-inspector__nav-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    padding: 10px 12px;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: all 0.12s;\n    margin-bottom: 2px;\n    font-family: inherit;\n    border: none;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    text-align: left;\n    width: 100%;\n}\n.mj-inspector__nav-item:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.mj-inspector__nav-item--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n}\n.mj-inspector__nav-item--active:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, transparent);\n}\n.mj-inspector__nav-icon {\n    width: 18px;\n    text-align: center;\n    font-size: 13px;\n    margin-top: 1px;\n    flex-shrink: 0;\n    color: inherit;\n}\n.mj-inspector__nav-text { flex: 1; min-width: 0; }\n.mj-inspector__nav-label {\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.2;\n}\n.mj-inspector__nav-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 3px;\n    line-height: 1.3;\n}\n.mj-inspector__nav-item--active .mj-inspector__nav-desc {\n    color: color-mix(in srgb, var(--mj-brand-primary) 70%, var(--mj-text-muted));\n}\n\n/* Content area */\n.mj-inspector__content {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-page);\n}\n.mj-inspector__content-head {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--mj-bg-surface-card);\n}\n.mj-inspector__content-title {\n    margin: 0;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.mj-inspector__content-meta {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n}\n.mj-inspector__editor {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n.mj-inspector__editor mj-code-editor {\n    flex: 1;\n    min-height: 0;\n    display: block;\n}\n\n/* Empty state */\n.mj-inspector__empty {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n\n@media (max-width: 700px) {\n    .mj-inspector__body { flex-direction: column; }\n    .mj-inspector__sidebar {\n        width: 100%;\n        height: auto;\n        max-height: 200px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 4px;\n    }\n    .mj-inspector__nav-item { flex: 1 1 calc(50% - 8px); margin-bottom: 0; }\n    .mj-inspector__nav-desc { display: none; }\n    .mj-inspector__header { padding: 12px 14px; gap: 10px; }\n}\n", ".mj-inspector--solo { background: var(--mj-bg-page); }\n.gc-toggle--active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent) !important;\n    color: var(--mj-brand-primary) !important;\n    border-color: var(--mj-brand-primary) !important;\n}\n.gc-endpoint {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 11px;\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.gc-body {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n}\n\n/* Sidebar (history + entities + schema) \u2014 width is bound from component */\n.gc-sidebar {\n    flex-shrink: 0;\n    background: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n    overflow: hidden;\n    min-width: 200px;\n    max-width: 560px;\n}\n\n/* Resizable splitters */\n.gc-splitter {\n    flex-shrink: 0;\n    background: var(--mj-border-subtle);\n    transition: background 0.15s;\n    position: relative;\n}\n.gc-splitter:hover { background: var(--mj-brand-primary); }\n.gc-splitter:active { background: color-mix(in srgb, var(--mj-brand-primary) 80%, black); }\n.gc-splitter--vert {\n    width: 4px;\n    cursor: col-resize;\n}\n.gc-splitter--horiz {\n    height: 4px;\n    cursor: row-resize;\n}\n/* Bigger invisible hit area so the splitter is easier to grab */\n.gc-splitter::before {\n    content: '';\n    position: absolute;\n    inset: -3px;\n}\n.gc-sidebar-tabs {\n    display: flex;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-sidebar-tab {\n    flex: 1;\n    padding: 10px 8px;\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    font-size: 11.5px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    border-bottom: 2px solid transparent;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    transition: all 0.15s;\n}\n.gc-sidebar-tab:hover { color: var(--mj-text-primary); }\n.gc-sidebar-tab--active {\n    color: var(--mj-brand-primary);\n    border-bottom-color: var(--mj-brand-primary);\n    background: var(--mj-bg-surface);\n}\n\n/* History sidebar (legacy classname kept for the inner head row) */\n.gc-history {\n    width: 280px;\n    flex-shrink: 0;\n    border-right: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    display: flex;\n    flex-direction: column;\n}\n.gc-history-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    background: var(--mj-bg-surface-card);\n}\n.gc-history-clear {\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n}\n.gc-history-clear:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n\n.gc-history-empty {\n    padding: 20px 16px;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    text-align: center;\n    line-height: 1.5;\n}\n.gc-history-empty i { display: block; font-size: 22px; margin-bottom: 8px; opacity: 0.5; }\n\n.gc-history-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 4px;\n}\n.gc-history-item {\n    width: 100%;\n    text-align: left;\n    background: transparent;\n    border: 1px solid transparent;\n    padding: 8px 10px;\n    border-radius: 7px;\n    cursor: pointer;\n    margin-bottom: 2px;\n    font-family: inherit;\n    transition: background 0.12s, border-color 0.12s;\n}\n.gc-history-item:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-subtle);\n}\n.gc-history-item--fav {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 30%, transparent);\n}\n\n.gc-history-item-head {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.gc-history-status {\n    font-size: 11px;\n    flex-shrink: 0;\n}\n.gc-status--ok { color: var(--mj-status-success); }\n.gc-status--err { color: var(--mj-status-error); }\n\n.gc-history-label {\n    flex: 1;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 11.5px;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-history-fav,\n.gc-history-del {\n    background: transparent;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 22px;\n    height: 22px;\n    border-radius: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    flex-shrink: 0;\n    opacity: 0;\n    transition: all 0.12s;\n}\n.gc-history-item:hover .gc-history-fav,\n.gc-history-item:hover .gc-history-del { opacity: 1; }\n.gc-history-item--fav .gc-history-fav { opacity: 1; color: var(--mj-status-warning); }\n.gc-history-fav:hover { color: var(--mj-status-warning); background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent); }\n.gc-history-del:hover { color: var(--mj-status-error); background: color-mix(in srgb, var(--mj-status-error) 10%, transparent); }\n\n.gc-history-meta {\n    margin-top: 3px;\n    margin-left: 18px;\n    display: flex;\n    gap: 4px;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n}\n\n/* ---------- Entities tab ---------- */\n.gc-ent-toolbar {\n    display: flex;\n    gap: 6px;\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-ent-search-wrap {\n    position: relative;\n    flex: 1;\n    min-width: 0;\n}\n.gc-ent-search-icon {\n    position: absolute;\n    left: 9px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    pointer-events: none;\n}\n.gc-ent-search {\n    width: 100%;\n    padding: 6px 10px 6px 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 12px;\n    font-family: inherit;\n}\n.gc-ent-search:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.gc-ent-schema {\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 11.5px;\n    font-family: inherit;\n    cursor: pointer;\n    max-width: 130px;\n}\n\n.gc-ent-meta {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.gc-ent-hint { font-style: italic; }\n\n.gc-ent-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 6px;\n}\n.gc-ent-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 7px;\n    margin-bottom: 4px;\n    overflow: hidden;\n    transition: border-color 0.12s, box-shadow 0.15s;\n}\n.gc-ent-card:hover { border-color: var(--mj-border-default); }\n.gc-ent-card--expanded {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n}\n.gc-ent-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 8px 10px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    text-align: left;\n    font-family: inherit;\n}\n.gc-ent-row:hover { background: var(--mj-bg-surface-hover); }\n.gc-ent-card--expanded .gc-ent-row { background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent); }\n.gc-ent-chev {\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    width: 12px;\n    flex-shrink: 0;\n    transition: transform 0.15s;\n}\n.gc-ent-chev--down { transform: rotate(90deg); }\n.gc-ent-info { flex: 1; min-width: 0; }\n.gc-ent-name {\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-ent-meta-row {\n    display: flex;\n    gap: 6px;\n    margin-top: 2px;\n    align-items: center;\n}\n.gc-ent-typename {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.gc-ent-schema-badge {\n    font-size: 10px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    text-transform: uppercase;\n    font-weight: 600;\n    letter-spacing: 0.4px;\n}\n\n.gc-ent-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n    padding: 6px 10px 8px 30px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n.gc-ent-op {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 5px 9px;\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 11px;\n    font-weight: 500;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.12s;\n}\n.gc-ent-op:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n.gc-ent-op--read:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n.gc-ent-op--write:hover {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 50%, var(--mj-border-strong));\n    color: color-mix(in srgb, var(--mj-status-warning) 70%, var(--mj-text-primary));\n}\n.gc-ent-op--danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n}\n.gc-ent-desc {\n    padding: 4px 10px 8px 30px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    line-height: 1.45;\n}\n\n.gc-ent-empty {\n    padding: 30px 18px;\n    color: var(--mj-text-muted);\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n.gc-ent-empty i { font-size: 18px; opacity: 0.5; }\n.gc-ent-clear {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-secondary);\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 11.5px;\n    cursor: pointer;\n    font-family: inherit;\n    margin-top: 4px;\n}\n.gc-ent-clear:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* ---------- Schema explorer ---------- */\n.gc-schema-toolbar {\n    display: flex;\n    gap: 6px;\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n    flex-shrink: 0;\n}\n.gc-schema-search-wrap {\n    position: relative;\n    flex: 1;\n}\n.gc-schema-search-icon {\n    position: absolute;\n    left: 9px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: var(--mj-text-muted);\n    font-size: 11px;\n    pointer-events: none;\n}\n.gc-schema-search {\n    width: 100%;\n    padding: 6px 10px 6px 26px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 12px;\n    font-family: inherit;\n}\n.gc-schema-search:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.gc-schema-reload {\n    background: transparent;\n    border: 1px solid var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 30px;\n    height: 30px;\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    flex-shrink: 0;\n}\n.gc-schema-reload:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-strong);\n}\n\n.gc-schema-kinds {\n    display: flex;\n    gap: 4px;\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface);\n    flex-shrink: 0;\n}\n.gc-schema-kind {\n    flex: 1;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n    padding: 5px 6px;\n    border-radius: 6px;\n    font-size: 11px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 5px;\n    transition: all 0.12s;\n}\n.gc-schema-kind:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n.gc-schema-kind span {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    padding: 0 6px;\n    border-radius: 100px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n}\n.gc-schema-kind--active {\n    background: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n    color: white;\n}\n.gc-schema-kind--active span {\n    background: rgba(255, 255, 255, 0.25);\n    border-color: transparent;\n    color: white;\n}\n\n.gc-schema-state {\n    padding: 28px 18px;\n    text-align: center;\n    color: var(--mj-text-muted);\n    font-size: 12px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    line-height: 1.5;\n}\n.gc-schema-state i { font-size: 22px; opacity: 0.5; }\n\n.gc-schema-disabled {\n    color: var(--mj-text-secondary);\n}\n.gc-schema-disabled i {\n    color: var(--mj-status-warning);\n    opacity: 0.85;\n    font-size: 24px;\n    margin-bottom: 4px;\n}\n.gc-schema-disabled-title {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.gc-schema-disabled-body {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    max-width: 240px;\n}\n\n.gc-schema-state--err {\n    color: var(--mj-status-error);\n    align-items: stretch;\n    text-align: left;\n}\n.gc-schema-state--err i { color: var(--mj-status-error); opacity: 0.9; align-self: center; }\n.gc-schema-err-title {\n    font-size: 13px;\n    font-weight: 600;\n    text-align: center;\n    color: var(--mj-status-error);\n}\n.gc-schema-err-body {\n    font-size: 11.5px;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 8px 10px;\n    border-radius: 6px;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    word-break: break-word;\n    max-height: 160px;\n    overflow-y: auto;\n}\n\n.gc-schema-list {\n    flex: 1;\n    overflow-y: auto;\n    padding: 6px;\n}\n.gc-schema-op {\n    width: 100%;\n    text-align: left;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 7px;\n    padding: 8px 10px;\n    margin-bottom: 4px;\n    cursor: pointer;\n    font-family: inherit;\n    transition: all 0.12s;\n}\n.gc-schema-op:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    transform: translateX(2px);\n}\n.gc-schema-op-head {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    margin-bottom: 3px;\n}\n.gc-schema-op-kind {\n    font-size: 9.5px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n}\n.gc-schema-op--mutation .gc-schema-op-kind {\n    background: color-mix(in srgb, var(--mj-status-warning) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-warning) 70%, var(--mj-text-primary));\n}\n.gc-schema-op-name {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    word-break: break-all;\n}\n.gc-schema-op-args,\n.gc-schema-op-return {\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 10.5px;\n    color: var(--mj-text-muted);\n    line-height: 1.4;\n    word-break: break-word;\n}\n.gc-schema-op-return {\n    color: var(--mj-text-secondary);\n    margin-top: 2px;\n}\n.gc-schema-op-return i { font-size: 9px; margin-right: 3px; opacity: 0.6; }\n.gc-schema-op-desc {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    margin-top: 5px;\n    line-height: 1.4;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n\n/* Main panel */\n.gc-main {\n    flex: 1;\n    min-width: 0;\n    display: flex;\n    flex-direction: column;\n}\n\n.gc-editor-wrap,\n.gc-vars-wrap,\n.gc-response-wrap {\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface);\n}\n.gc-editor-wrap {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex: 1;\n    min-height: 200px;\n}\n.gc-response-wrap {\n    flex: 1;\n    min-height: 200px;\n    background: var(--mj-bg-page);\n}\n\n.gc-editor-head,\n.gc-response-head {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 8px 16px;\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 10.5px;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n.gc-editor-label { flex: 0 0 auto; }\n.gc-editor-hint {\n    font-weight: 500;\n    text-transform: none;\n    letter-spacing: normal;\n    color: var(--mj-text-muted);\n    font-size: 11px;\n}\n.gc-mini-btn {\n    margin-left: auto;\n    background: transparent;\n    border: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n    padding: 4px 10px;\n    border-radius: 5px;\n    font-size: 11px;\n    cursor: pointer;\n    font-family: inherit;\n    text-transform: none;\n    letter-spacing: normal;\n    font-weight: 500;\n}\n.gc-mini-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-border-default);\n}\n.gc-mini-btn--danger:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, transparent);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 40%, var(--mj-border-default));\n}\n\n/* mj-code-editor host fill \u2014 the component renders CodeMirror internally\n   and we want it to use the full available area of its flex parent. */\nmj-code-editor.gc-editor {\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n    display: block;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\nmj-code-editor.gc-editor ::ng-deep .cm-editor {\n    height: 100%;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12.5px;\n}\nmj-code-editor.gc-editor ::ng-deep .cm-scroller {\n    line-height: 1.55;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n}\nmj-code-editor.gc-editor--vars {\n    background: var(--mj-bg-surface-sunken);\n    flex: 0 0 auto;\n    min-height: 80px;\n    max-height: 160px;\n}\nmj-code-editor.gc-editor--vars ::ng-deep .cm-editor {\n    background: var(--mj-bg-surface-sunken);\n}\n\n/* Variables collapsible */\n.gc-vars-wrap {\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n.gc-vars-toggle {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    background: var(--mj-bg-surface-card);\n    border: none;\n    padding: 7px 16px;\n    cursor: pointer;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    font-family: inherit;\n    text-align: left;\n    transition: background 0.12s;\n}\n.gc-vars-toggle:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n.gc-vars-chev {\n    color: var(--mj-text-muted);\n    font-size: 10px;\n    transition: transform 0.15s;\n}\n.gc-vars-chev--down { transform: rotate(90deg); }\n.gc-vars-pill {\n    margin-left: auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    font-size: 10px;\n    padding: 1px 8px;\n    border-radius: 100px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n}\n\n/* Run bar */\n.gc-run-bar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--mj-bg-surface);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n.gc-run-btn {\n    background: var(--mj-brand-primary);\n    color: white;\n    border: 1px solid var(--mj-brand-primary);\n    padding: 8px 18px;\n    border-radius: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    cursor: pointer;\n    font-family: inherit;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    box-shadow: 0 2px 6px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    transition: background 0.15s, transform 0.1s;\n}\n.gc-run-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-brand-primary) 88%, black);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 88%, black);\n}\n.gc-run-btn:active:not(:disabled) { transform: scale(0.98); }\n.gc-run-btn:disabled {\n    background: var(--mj-bg-surface-sunken);\n    border-color: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    box-shadow: none;\n    cursor: wait;\n}\n\n.gc-run-meta {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.gc-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 600;\n}\n.gc-status-badge--ok {\n    background: color-mix(in srgb, var(--mj-status-success) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-success) 70%, var(--mj-text-primary));\n}\n.gc-status-badge--err {\n    background: color-mix(in srgb, var(--mj-status-error) 14%, transparent);\n    color: color-mix(in srgb, var(--mj-status-error) 70%, var(--mj-text-primary));\n}\n.gc-meta-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    background: var(--mj-bg-surface-sunken);\n    padding: 3px 9px;\n    border-radius: 100px;\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n}\n.gc-spacer { flex: 1; }\n\n/* Response */\n.gc-response {\n    margin: 0;\n    flex: 1;\n    overflow: auto;\n    padding: 14px 16px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-family: 'SF Mono', Menlo, Consolas, monospace;\n    font-size: 12px;\n    line-height: 1.55;\n}\n.gc-response code { white-space: pre-wrap; word-break: break-word; }\n\n.gc-error {\n    margin: 12px 16px;\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-subtle));\n    border-radius: 8px;\n    color: color-mix(in srgb, var(--mj-status-error) 70%, var(--mj-text-primary));\n    font-size: 12.5px;\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n}\n.gc-error i { margin-top: 2px; flex-shrink: 0; }\n.gc-error--inline { margin-bottom: 0; }\n\n.gc-empty {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: var(--mj-text-muted);\n    font-size: 13px;\n}\n.gc-empty i { font-size: 24px; opacity: 0.4; }\n\n@media (max-width: 900px) {\n    .gc-sidebar, .gc-history { display: none; }\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { queryEditor: [{
+            type: ViewChild,
+            args: ['queryEditor']
+        }], OnHostKeydown: [{
+            type: HostListener,
+            args: ['keydown', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GraphQLConsoleComponent, { className: "GraphQLConsoleComponent", filePath: "src/DevTools/graphql-console.component.ts", lineNumber: 92 }); })();
+const INTROSPECTION_QUERY = `
+query MJDevToolsIntrospection {
+  __schema {
+    queryType { name }
+    mutationType { name }
+    types {
+      kind
+      name
+      description
+      fields(includeDeprecated: false) {
+        name
+        description
+        args {
+          name
+          description
+          type { ...TypeRef }
+          defaultValue
+        }
+        type { ...TypeRef }
+      }
+    }
+  }
+}
+fragment TypeRef on __Type {
+  kind
+  name
+  ofType { kind name ofType { kind name ofType { kind name ofType { kind name } } } }
+}
+`;
+//# sourceMappingURL=graphql-console.component.js.map