@gravitee/ui-policy-studio-angular 17.7.4 → 17.7.5

package/fesm2022/gravitee-ui-policy-studio-angular.mjs

@@ -2347,6 +2347,7 @@ class GioPolicyStudioDetailsComponent {
         this.matDialog = matDialog;
         this.readOnly = false;
         this.loading = false;
+        this.isPlanFlow = false;
         this.flow = undefined;
         this.entrypointsInfo = [];
         this.endpointsInfo = [];
@@ -2466,7 +2467,7 @@ class GioPolicyStudioDetailsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioDetailsComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioDetailsComponent, isStandalone: true, selector: "gio-ps-flow-details", inputs: { readOnly: "readOnly", loading: "loading", apiType: "apiType", flow: "flow", entrypointsInfo: "entrypointsInfo", endpointsInfo: "endpointsInfo", policies: "policies", genericPolicies: "genericPolicies", trialUrl: "trialUrl" }, outputs: { flowChange: "flowChange", deleteFlow: "deleteFlow" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n@if (!loading) {\n  @if (flow) {\n    <div class=\"header\">\n      <div class=\"header__label\">\n        Flow details\n        @if (!flow.enabled) {\n          <div class=\"gio-badge gio-badge-neutral\">Disabled</div>\n        }\n      </div>\n      <div class=\"header__configBtn\">\n        <button\n          [disabled]=\"readOnly\"\n          class=\"header__configBtn__enableDisable\"\n          mat-stroked-button\n          [matTooltip]=\"flow.enabled ? 'Disable' : 'Enable'\"\n          (click)=\"onEnableDisableFlow()\"\n        >\n          <mat-icon [svgIcon]=\"flow.enabled ? 'gio:prohibition' : 'gio:check-circled-outline'\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__edit\" mat-stroked-button (click)=\"onEditFlow()\" matTooltip=\"Edit\">\n          <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__delete\" mat-stroked-button (click)=\"onDeleteFlow()\" matTooltip=\"Delete\">\n          <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n        </button>\n      </div>\n    </div>\n    <gio-ps-flow-details-info-bar\n      class=\"infoBar\"\n      [class.flowDisabled]=\"!flow.enabled\"\n      [flow]=\"flow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n    ></gio-ps-flow-details-info-bar>\n\n    <div class=\"content\" [class.flowDisabled]=\"!flow.enabled\">\n      @if (apiType === 'MESSAGE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Initial connection\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Request phase\"\n              description=\"Policies will be applied during the connection establishment\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo\"\n              [endConnector]=\"endpointsInfo\"\n              [steps]=\"flow.request ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"REQUEST\"\n              (stepsChange)=\"onStepsChange('request', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Response phase\"\n              description=\"Policies will be applied to the response from the initial connection\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo\"\n              [endConnector]=\"messageFlowEntrypointsInfo\"\n              [steps]=\"flow.response ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"RESPONSE\"\n              (stepsChange)=\"onStepsChange('response', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied on messages sent to the endpoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied on messages received by the entrypoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [endConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n\n      @if (['PROXY', 'MCP_PROXY', 'LLM_PROXY', 'A2A_PROXY'].includes(apiType)) {\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Request phase\"\n          description=\"Policies will be applied during the connection establishment\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.request ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"REQUEST\"\n          (stepsChange)=\"onStepsChange('request', $event)\"\n        ></gio-ps-flow-details-phase>\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Response phase\"\n          description=\"Policies will be applied during the connection termination\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.response ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"RESPONSE\"\n          (stepsChange)=\"onStepsChange('response', $event)\"\n        ></gio-ps-flow-details-phase>\n      }\n\n      @if (apiType === 'NATIVE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Global\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Entrypoint Connect phase\"\n              description=\"Policies will be applied when client connects to entrypoint before authentication and message processing\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointConnectStartConnector\"\n              [endConnector]=\"entrypointConnectEndConnector\"\n              [steps]=\"flow.entrypointConnect ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"ENTRYPOINT_CONNECT\"\n              (stepsChange)=\"onStepsChange('entrypointConnect', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Interact phase\"\n              description=\"Policies will be applied on all interactions between the client and the Gateway\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [steps]=\"flow.interact ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"INTERACT\"\n              (stepsChange)=\"onStepsChange('interact', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied when publishing messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied when fetching messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n    </div>\n  } @else {\n    <div class=\"emptyFlows\">\n      <h2>No flows yet</h2>\n      <p class=\"mat-body-1\">Flows allow you to customize the behavior of your API event phases through configurable policies</p>\n    </div>\n  }\n} @else {\n  <div class=\"header loading\">\n    <div class=\"header__label\">Flow details</div>\n    <div class=\"header__configBtn\">\n      <button class=\"header__configBtn__edit\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n      </button>\n      <button class=\"header__configBtn__delete\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n      </button>\n    </div>\n  </div>\n  <gio-ps-flow-details-info-bar class=\"infoBar loading\"></gio-ps-flow-details-info-bar>\n  <div class=\"content loading\">\n    <gio-loader></gio-loader>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column}.emptyFlows{display:flex;max-width:500px;height:100%;flex-direction:column;justify-content:center;margin:auto;text-align:center}.header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #d2cecd}.header__label{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;letter-spacing:.4px;line-height:24px;display:flex;flex:1 1 auto;align-items:center;margin-bottom:0;gap:8px}.header__configBtn{display:flex;align-items:center;margin-left:8px;gap:8px}.infoBar{border-bottom:1px solid #d2cecd}.infoBar.loading{min-height:52px}.infoBar.flowDisabled{opacity:.5}.content{overflow:auto;flex:1 1 auto;background-color:#f7f7f8}.content.flowDisabled{opacity:.5}.content__tabs{min-height:100%;min-height:calc(100% - 64px)}.content__phase{margin:16px 16px 0}.content.loading{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioPolicyStudioDetailsPhaseComponent, selector: "gio-ps-flow-details-phase", inputs: ["readOnly", "steps", "name", "description", "startConnector", "endConnector", "apiType", "genericPolicies", "policyFlowPhase", "trialUrl", "disabledNotYetAvailable"], outputs: ["stepsChange"] }, { kind: "ngmodule", type: GioLoaderModule }, { kind: "component", type: i7.GioLoaderComponent, selector: "gio-loader" }, { kind: "component", type: GioPolicyStudioDetailsInfoBarComponent, selector: "gio-ps-flow-details-info-bar", inputs: ["flow", "entrypointsInfo"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: GioBannerModule }, { kind: "pipe", type: GioFilterConnectorsByModePipe, name: "gioFilterConnectorsByMode" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioDetailsComponent, isStandalone: true, selector: "gio-ps-flow-details", inputs: { readOnly: "readOnly", loading: "loading", apiType: "apiType", isPlanFlow: "isPlanFlow", flow: "flow", entrypointsInfo: "entrypointsInfo", endpointsInfo: "endpointsInfo", policies: "policies", genericPolicies: "genericPolicies", trialUrl: "trialUrl" }, outputs: { flowChange: "flowChange", deleteFlow: "deleteFlow" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n@if (!loading) {\n  @if (flow) {\n    <div class=\"header\">\n      <div class=\"header__label\">\n        Flow details\n        @if (!flow.enabled) {\n          <div class=\"gio-badge gio-badge-neutral\">Disabled</div>\n        }\n      </div>\n      <div class=\"header__configBtn\">\n        <button\n          [disabled]=\"readOnly\"\n          class=\"header__configBtn__enableDisable\"\n          mat-stroked-button\n          [matTooltip]=\"flow.enabled ? 'Disable' : 'Enable'\"\n          (click)=\"onEnableDisableFlow()\"\n        >\n          <mat-icon [svgIcon]=\"flow.enabled ? 'gio:prohibition' : 'gio:check-circled-outline'\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__edit\" mat-stroked-button (click)=\"onEditFlow()\" matTooltip=\"Edit\">\n          <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__delete\" mat-stroked-button (click)=\"onDeleteFlow()\" matTooltip=\"Delete\">\n          <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n        </button>\n      </div>\n    </div>\n    <gio-ps-flow-details-info-bar\n      class=\"infoBar\"\n      [class.flowDisabled]=\"!flow.enabled\"\n      [flow]=\"flow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n    ></gio-ps-flow-details-info-bar>\n\n    <div class=\"content\" [class.flowDisabled]=\"!flow.enabled\">\n      @if (apiType === 'MESSAGE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Initial connection\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Request phase\"\n              description=\"Policies will be applied during the connection establishment\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo\"\n              [endConnector]=\"endpointsInfo\"\n              [steps]=\"flow.request ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"REQUEST\"\n              (stepsChange)=\"onStepsChange('request', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Response phase\"\n              description=\"Policies will be applied to the response from the initial connection\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo\"\n              [endConnector]=\"messageFlowEntrypointsInfo\"\n              [steps]=\"flow.response ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"RESPONSE\"\n              (stepsChange)=\"onStepsChange('response', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied on messages sent to the endpoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied on messages received by the entrypoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [endConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n\n      @if (['PROXY', 'MCP_PROXY', 'LLM_PROXY', 'A2A_PROXY'].includes(apiType)) {\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Request phase\"\n          description=\"Policies will be applied during the connection establishment\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.request ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"REQUEST\"\n          (stepsChange)=\"onStepsChange('request', $event)\"\n        ></gio-ps-flow-details-phase>\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Response phase\"\n          description=\"Policies will be applied during the connection termination\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.response ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"RESPONSE\"\n          (stepsChange)=\"onStepsChange('response', $event)\"\n        ></gio-ps-flow-details-phase>\n      }\n\n      @if (apiType === 'NATIVE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Global\" bodyClass=\"content__tabs__body\">\n            @if (!isPlanFlow) {\n              <gio-ps-flow-details-phase\n                class=\"content__phase\"\n                name=\"Entrypoint Connect phase\"\n                description=\"Policies will be applied when client connects to entrypoint before authentication and message processing\"\n                [readOnly]=\"readOnly\"\n                [startConnector]=\"entrypointConnectStartConnector\"\n                [endConnector]=\"entrypointConnectEndConnector\"\n                [steps]=\"flow.entrypointConnect ?? []\"\n                [apiType]=\"apiType\"\n                [genericPolicies]=\"genericPolicies\"\n                [trialUrl]=\"trialUrl\"\n                policyFlowPhase=\"ENTRYPOINT_CONNECT\"\n                (stepsChange)=\"onStepsChange('entrypointConnect', $event)\"\n              ></gio-ps-flow-details-phase>\n            }\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Interact phase\"\n              description=\"Policies will be applied on all interactions between the client and the Gateway\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [steps]=\"flow.interact ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"INTERACT\"\n              (stepsChange)=\"onStepsChange('interact', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied when publishing messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied when fetching messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n    </div>\n  } @else {\n    <div class=\"emptyFlows\">\n      <h2>No flows yet</h2>\n      <p class=\"mat-body-1\">Flows allow you to customize the behavior of your API event phases through configurable policies</p>\n    </div>\n  }\n} @else {\n  <div class=\"header loading\">\n    <div class=\"header__label\">Flow details</div>\n    <div class=\"header__configBtn\">\n      <button class=\"header__configBtn__edit\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n      </button>\n      <button class=\"header__configBtn__delete\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n      </button>\n    </div>\n  </div>\n  <gio-ps-flow-details-info-bar class=\"infoBar loading\"></gio-ps-flow-details-info-bar>\n  <div class=\"content loading\">\n    <gio-loader></gio-loader>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column}.emptyFlows{display:flex;max-width:500px;height:100%;flex-direction:column;justify-content:center;margin:auto;text-align:center}.header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #d2cecd}.header__label{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;letter-spacing:.4px;line-height:24px;display:flex;flex:1 1 auto;align-items:center;margin-bottom:0;gap:8px}.header__configBtn{display:flex;align-items:center;margin-left:8px;gap:8px}.infoBar{border-bottom:1px solid #d2cecd}.infoBar.loading{min-height:52px}.infoBar.flowDisabled{opacity:.5}.content{overflow:auto;flex:1 1 auto;background-color:#f7f7f8}.content.flowDisabled{opacity:.5}.content__tabs{min-height:100%;min-height:calc(100% - 64px)}.content__phase{margin:16px 16px 0}.content.loading{display:flex}\n"], dependencies: [{ kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2$2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioPolicyStudioDetailsPhaseComponent, selector: "gio-ps-flow-details-phase", inputs: ["readOnly", "steps", "name", "description", "startConnector", "endConnector", "apiType", "genericPolicies", "policyFlowPhase", "trialUrl", "disabledNotYetAvailable"], outputs: ["stepsChange"] }, { kind: "ngmodule", type: GioLoaderModule }, { kind: "component", type: i7.GioLoaderComponent, selector: "gio-loader" }, { kind: "component", type: GioPolicyStudioDetailsInfoBarComponent, selector: "gio-ps-flow-details-info-bar", inputs: ["flow", "entrypointsInfo"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: GioBannerModule }, { kind: "pipe", type: GioFilterConnectorsByModePipe, name: "gioFilterConnectorsByMode" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioDetailsComponent, decorators: [{
             type: Component,
@@ -2480,13 +2481,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         GioPolicyStudioDetailsInfoBarComponent,
                         MatTooltipModule,
                         GioBannerModule,
-                    ], selector: 'gio-ps-flow-details', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n@if (!loading) {\n  @if (flow) {\n    <div class=\"header\">\n      <div class=\"header__label\">\n        Flow details\n        @if (!flow.enabled) {\n          <div class=\"gio-badge gio-badge-neutral\">Disabled</div>\n        }\n      </div>\n      <div class=\"header__configBtn\">\n        <button\n          [disabled]=\"readOnly\"\n          class=\"header__configBtn__enableDisable\"\n          mat-stroked-button\n          [matTooltip]=\"flow.enabled ? 'Disable' : 'Enable'\"\n          (click)=\"onEnableDisableFlow()\"\n        >\n          <mat-icon [svgIcon]=\"flow.enabled ? 'gio:prohibition' : 'gio:check-circled-outline'\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__edit\" mat-stroked-button (click)=\"onEditFlow()\" matTooltip=\"Edit\">\n          <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__delete\" mat-stroked-button (click)=\"onDeleteFlow()\" matTooltip=\"Delete\">\n          <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n        </button>\n      </div>\n    </div>\n    <gio-ps-flow-details-info-bar\n      class=\"infoBar\"\n      [class.flowDisabled]=\"!flow.enabled\"\n      [flow]=\"flow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n    ></gio-ps-flow-details-info-bar>\n\n    <div class=\"content\" [class.flowDisabled]=\"!flow.enabled\">\n      @if (apiType === 'MESSAGE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Initial connection\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Request phase\"\n              description=\"Policies will be applied during the connection establishment\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo\"\n              [endConnector]=\"endpointsInfo\"\n              [steps]=\"flow.request ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"REQUEST\"\n              (stepsChange)=\"onStepsChange('request', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Response phase\"\n              description=\"Policies will be applied to the response from the initial connection\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo\"\n              [endConnector]=\"messageFlowEntrypointsInfo\"\n              [steps]=\"flow.response ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"RESPONSE\"\n              (stepsChange)=\"onStepsChange('response', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied on messages sent to the endpoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied on messages received by the entrypoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [endConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n\n      @if (['PROXY', 'MCP_PROXY', 'LLM_PROXY', 'A2A_PROXY'].includes(apiType)) {\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Request phase\"\n          description=\"Policies will be applied during the connection establishment\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.request ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"REQUEST\"\n          (stepsChange)=\"onStepsChange('request', $event)\"\n        ></gio-ps-flow-details-phase>\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Response phase\"\n          description=\"Policies will be applied during the connection termination\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.response ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"RESPONSE\"\n          (stepsChange)=\"onStepsChange('response', $event)\"\n        ></gio-ps-flow-details-phase>\n      }\n\n      @if (apiType === 'NATIVE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Global\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Entrypoint Connect phase\"\n              description=\"Policies will be applied when client connects to entrypoint before authentication and message processing\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointConnectStartConnector\"\n              [endConnector]=\"entrypointConnectEndConnector\"\n              [steps]=\"flow.entrypointConnect ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"ENTRYPOINT_CONNECT\"\n              (stepsChange)=\"onStepsChange('entrypointConnect', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Interact phase\"\n              description=\"Policies will be applied on all interactions between the client and the Gateway\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [steps]=\"flow.interact ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"INTERACT\"\n              (stepsChange)=\"onStepsChange('interact', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied when publishing messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied when fetching messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n    </div>\n  } @else {\n    <div class=\"emptyFlows\">\n      <h2>No flows yet</h2>\n      <p class=\"mat-body-1\">Flows allow you to customize the behavior of your API event phases through configurable policies</p>\n    </div>\n  }\n} @else {\n  <div class=\"header loading\">\n    <div class=\"header__label\">Flow details</div>\n    <div class=\"header__configBtn\">\n      <button class=\"header__configBtn__edit\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n      </button>\n      <button class=\"header__configBtn__delete\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n      </button>\n    </div>\n  </div>\n  <gio-ps-flow-details-info-bar class=\"infoBar loading\"></gio-ps-flow-details-info-bar>\n  <div class=\"content loading\">\n    <gio-loader></gio-loader>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column}.emptyFlows{display:flex;max-width:500px;height:100%;flex-direction:column;justify-content:center;margin:auto;text-align:center}.header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #d2cecd}.header__label{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;letter-spacing:.4px;line-height:24px;display:flex;flex:1 1 auto;align-items:center;margin-bottom:0;gap:8px}.header__configBtn{display:flex;align-items:center;margin-left:8px;gap:8px}.infoBar{border-bottom:1px solid #d2cecd}.infoBar.loading{min-height:52px}.infoBar.flowDisabled{opacity:.5}.content{overflow:auto;flex:1 1 auto;background-color:#f7f7f8}.content.flowDisabled{opacity:.5}.content__tabs{min-height:100%;min-height:calc(100% - 64px)}.content__phase{margin:16px 16px 0}.content.loading{display:flex}\n"] }]
+                    ], selector: 'gio-ps-flow-details', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n@if (!loading) {\n  @if (flow) {\n    <div class=\"header\">\n      <div class=\"header__label\">\n        Flow details\n        @if (!flow.enabled) {\n          <div class=\"gio-badge gio-badge-neutral\">Disabled</div>\n        }\n      </div>\n      <div class=\"header__configBtn\">\n        <button\n          [disabled]=\"readOnly\"\n          class=\"header__configBtn__enableDisable\"\n          mat-stroked-button\n          [matTooltip]=\"flow.enabled ? 'Disable' : 'Enable'\"\n          (click)=\"onEnableDisableFlow()\"\n        >\n          <mat-icon [svgIcon]=\"flow.enabled ? 'gio:prohibition' : 'gio:check-circled-outline'\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__edit\" mat-stroked-button (click)=\"onEditFlow()\" matTooltip=\"Edit\">\n          <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n        </button>\n        <button [disabled]=\"readOnly\" class=\"header__configBtn__delete\" mat-stroked-button (click)=\"onDeleteFlow()\" matTooltip=\"Delete\">\n          <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n        </button>\n      </div>\n    </div>\n    <gio-ps-flow-details-info-bar\n      class=\"infoBar\"\n      [class.flowDisabled]=\"!flow.enabled\"\n      [flow]=\"flow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n    ></gio-ps-flow-details-info-bar>\n\n    <div class=\"content\" [class.flowDisabled]=\"!flow.enabled\">\n      @if (apiType === 'MESSAGE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Initial connection\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Request phase\"\n              description=\"Policies will be applied during the connection establishment\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo\"\n              [endConnector]=\"endpointsInfo\"\n              [steps]=\"flow.request ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"REQUEST\"\n              (stepsChange)=\"onStepsChange('request', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Response phase\"\n              description=\"Policies will be applied to the response from the initial connection\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo\"\n              [endConnector]=\"messageFlowEntrypointsInfo\"\n              [steps]=\"flow.response ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"RESPONSE\"\n              (stepsChange)=\"onStepsChange('response', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied on messages sent to the endpoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH' : operations\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied on messages received by the entrypoint\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [endConnector]=\"messageFlowEntrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE' : operations\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n\n      @if (['PROXY', 'MCP_PROXY', 'LLM_PROXY', 'A2A_PROXY'].includes(apiType)) {\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Request phase\"\n          description=\"Policies will be applied during the connection establishment\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.request ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"REQUEST\"\n          (stepsChange)=\"onStepsChange('request', $event)\"\n        ></gio-ps-flow-details-phase>\n        <gio-ps-flow-details-phase\n          class=\"content__phase\"\n          name=\"Response phase\"\n          description=\"Policies will be applied during the connection termination\"\n          [readOnly]=\"readOnly\"\n          [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'REQUEST_RESPONSE'\"\n          [steps]=\"flow.response ?? []\"\n          [apiType]=\"apiType\"\n          [genericPolicies]=\"genericPolicies\"\n          [trialUrl]=\"trialUrl\"\n          policyFlowPhase=\"RESPONSE\"\n          (stepsChange)=\"onStepsChange('response', $event)\"\n        ></gio-ps-flow-details-phase>\n      }\n\n      @if (apiType === 'NATIVE') {\n        <mat-tab-group class=\"content__tabs\" dynamicHeight>\n          <mat-tab label=\"Global\" bodyClass=\"content__tabs__body\">\n            @if (!isPlanFlow) {\n              <gio-ps-flow-details-phase\n                class=\"content__phase\"\n                name=\"Entrypoint Connect phase\"\n                description=\"Policies will be applied when client connects to entrypoint before authentication and message processing\"\n                [readOnly]=\"readOnly\"\n                [startConnector]=\"entrypointConnectStartConnector\"\n                [endConnector]=\"entrypointConnectEndConnector\"\n                [steps]=\"flow.entrypointConnect ?? []\"\n                [apiType]=\"apiType\"\n                [genericPolicies]=\"genericPolicies\"\n                [trialUrl]=\"trialUrl\"\n                policyFlowPhase=\"ENTRYPOINT_CONNECT\"\n                (stepsChange)=\"onStepsChange('entrypointConnect', $event)\"\n              ></gio-ps-flow-details-phase>\n            }\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Interact phase\"\n              description=\"Policies will be applied on all interactions between the client and the Gateway\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'INTERACT'\"\n              [steps]=\"flow.interact ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"INTERACT\"\n              (stepsChange)=\"onStepsChange('interact', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n          <mat-tab label=\"Event messages\" bodyClass=\"content__tabs__body\">\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Publish phase\"\n              description=\"Policies will be applied when publishing messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [endConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'PUBLISH'\"\n              [steps]=\"flow.publish ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"PUBLISH\"\n              (stepsChange)=\"onStepsChange('publish', $event)\"\n            ></gio-ps-flow-details-phase>\n            <gio-ps-flow-details-phase\n              class=\"content__phase\"\n              name=\"Subscribe phase\"\n              description=\"Policies will be applied when fetching messages\"\n              [readOnly]=\"readOnly\"\n              [startConnector]=\"endpointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [endConnector]=\"entrypointsInfo | gioFilterConnectorsByMode: 'SUBSCRIBE'\"\n              [steps]=\"flow.subscribe ?? []\"\n              [apiType]=\"apiType\"\n              [genericPolicies]=\"genericPolicies\"\n              [trialUrl]=\"trialUrl\"\n              policyFlowPhase=\"SUBSCRIBE\"\n              (stepsChange)=\"onStepsChange('subscribe', $event)\"\n            ></gio-ps-flow-details-phase>\n          </mat-tab>\n        </mat-tab-group>\n      }\n    </div>\n  } @else {\n    <div class=\"emptyFlows\">\n      <h2>No flows yet</h2>\n      <p class=\"mat-body-1\">Flows allow you to customize the behavior of your API event phases through configurable policies</p>\n    </div>\n  }\n} @else {\n  <div class=\"header loading\">\n    <div class=\"header__label\">Flow details</div>\n    <div class=\"header__configBtn\">\n      <button class=\"header__configBtn__edit\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:edit-pencil\"></mat-icon>\n      </button>\n      <button class=\"header__configBtn__delete\" mat-stroked-button disabled>\n        <mat-icon svgIcon=\"gio:trash\"></mat-icon>\n      </button>\n    </div>\n  </div>\n  <gio-ps-flow-details-info-bar class=\"infoBar loading\"></gio-ps-flow-details-info-bar>\n  <div class=\"content loading\">\n    <gio-loader></gio-loader>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column}.emptyFlows{display:flex;max-width:500px;height:100%;flex-direction:column;justify-content:center;margin:auto;text-align:center}.header{display:flex;align-items:center;padding:16px;border-bottom:1px solid #d2cecd}.header__label{font-family:Kanit,Helvetica Neue,sans-serif;font-size:16px;font-weight:500;letter-spacing:.4px;line-height:24px;display:flex;flex:1 1 auto;align-items:center;margin-bottom:0;gap:8px}.header__configBtn{display:flex;align-items:center;margin-left:8px;gap:8px}.infoBar{border-bottom:1px solid #d2cecd}.infoBar.loading{min-height:52px}.infoBar.flowDisabled{opacity:.5}.content{overflow:auto;flex:1 1 auto;background-color:#f7f7f8}.content.flowDisabled{opacity:.5}.content__tabs{min-height:100%;min-height:calc(100% - 64px)}.content__phase{margin:16px 16px 0}.content.loading{display:flex}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { readOnly: [{
                 type: Input
             }], loading: [{
                 type: Input
             }], apiType: [{
                 type: Input
+            }], isPlanFlow: [{
+                type: Input
             }], flow: [{
                 type: Input
             }], entrypointsInfo: [{
@@ -2579,6 +2582,7 @@ class GioPolicyStudioComponent {
         this.save = new EventEmitter();
         this.connectorsTooltip = '';
         this.selectedFlow = undefined;
+        this.selectedFlowIsPlan = false;
         this.flowsGroups = [];
         this.disableSaveButton = true;
         this.saving = false;
@@ -2609,7 +2613,9 @@ class GioPolicyStudioComponent {
             this.disableSaveButton = true;
             this.flowsGroups = getFlowsGroups(this.apiType, this.commonFlows, this.plans);
             this.initialFlowsGroups = cloneDeep(this.flowsGroups);
-            this.selectedFlow = this.flowsGroups[this.selectedFlowIndexes?.planIndex ?? 0]?.flows[this.selectedFlowIndexes?.flowIndex ?? 0];
+            const planIndex = this.selectedFlowIndexes?.planIndex ?? 0;
+            this.selectedFlow = this.flowsGroups[planIndex]?.flows[this.selectedFlowIndexes?.flowIndex ?? 0];
+            this.selectedFlowIsPlan = this.flowsGroups[planIndex]?._isPlan ?? false;
             // Reset saving state when flowsGroups are updated
             this.saving = false;
             this.unSavingButtonSubscription?.unsubscribe();
@@ -2665,6 +2671,7 @@ class GioPolicyStudioComponent {
         }
         this.selectedFlowIndexes = { planIndex: newPlanIndex, flowIndex: newFlowIndex };
         this.selectedFlow = this.flowsGroups[newPlanIndex].flows[newFlowIndex];
+        this.selectedFlowIsPlan = this.flowsGroups[newPlanIndex]?._isPlan ?? false;
         this.selectedFlowChanged.emit(this.selectedFlowIndexes);
     }
     onDeleteSelectedFlow(flow) {
@@ -2702,7 +2709,7 @@ class GioPolicyStudioComponent {
         this.genericPolicies = toGenericPolicies(this.policies ?? [], this.sharedPolicyGroupPolicies ?? []);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioComponent, deps: [{ token: GioPolicyStudioService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioComponent, isStandalone: true, selector: "gio-policy-studio", inputs: { readOnly: "readOnly", apiType: "apiType", flowExecution: "flowExecution", entrypointsInfo: ["entrypointsInfo", "entrypointsInfo", (values) => uniqBy(values ?? [], 'type')], endpointsInfo: ["endpointsInfo", "endpointsInfo", (values) => uniqBy(values ?? [], 'type')], commonFlows: "commonFlows", plans: "plans", policies: ["policies", "policies", (policies) => policies ?? []], sharedPolicyGroupPolicies: "sharedPolicyGroupPolicies", trialUrl: "trialUrl", loading: "loading", policySchemaFetcher: "policySchemaFetcher", policyDocumentationFetcher: "policyDocumentationFetcher", selectedFlowIndexes: "selectedFlowIndexes" }, outputs: { selectedFlowChanged: "selectedFlowChanged", save: "save" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"header\">\n  @if (!loading) {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">\n        {{ apiTypeDisplayable() }}\n      </span>\n      <span\n        class=\"gio-badge-neutral\"\n        [matTooltip]=\"connectorsTooltip\"\n        matTooltipPosition=\"right\"\n        matTooltipClass=\"gio-policy-studio__tooltip-line-break\"\n      >\n        @for (entrypoint of entrypointsInfo; track entrypoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"entrypoint.icon\"></mat-icon>\n        }\n        @for (endpoint of endpointsInfo; track endpoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"endpoint.icon\"></mat-icon>\n        }\n      </span>\n    </div>\n  } @else {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">&nbsp;</span>\n      <span class=\"gio-badge-neutral\">&nbsp;</span>\n    </div>\n  }\n\n  <div class=\"header__btn\">\n    @if (!saving) {\n      <button mat-flat-button color=\"primary\" [disabled]=\"loading || disableSaveButton\" (click)=\"onSave()\">Save</button>\n    }\n    @if (saving) {\n      <button mat-flat-button color=\"primary\" disabled>Saving...</button>\n    }\n  </div>\n</div>\n\n<div class=\"wrapper\">\n  <div class=\"wrapper__flowsMenu\">\n    <gio-ps-flows-menu\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flowExecution]=\"flowExecution\"\n      [flowsGroups]=\"flowsGroups\"\n      [entrypoints]=\"entrypointsInfo\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      (flowsGroupsChange)=\"onFlowsGroupsChange($event)\"\n      (flowExecutionChange)=\"onFlowExecutionChange($event)\"\n      [selectedFlowId]=\"selectedFlow?._id\"\n      (selectedFlowIdChange)=\"onSelectFlow($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flows-menu>\n  </div>\n\n  <div class=\"wrapper__flowDetails\">\n    <gio-ps-flow-details\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flow]=\"selectedFlow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      [endpointsInfo]=\"endpointsInfo\"\n      [policies]=\"policies\"\n      [genericPolicies]=\"genericPolicies\"\n      [trialUrl]=\"trialUrl\"\n      (flowChange)=\"onSelectedFlowChange($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flow-details>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column;padding:16px;background-color:#fff}::ng-deep .gio-policy-studio__tooltip-line-break{white-space:pre-line}.header{display:flex;align-items:center;padding-bottom:16px}.header__apiInfo{flex:1 1 auto}.wrapper{display:flex;min-height:0;flex:1 1 auto;flex-direction:row;gap:16px}.wrapper__flowsMenu{overflow:hidden;min-width:230px;max-width:400px;flex:1 1 33%;border:1px solid #d2cecd;border-radius:8px}.wrapper__flowDetails{overflow:hidden;flex:1 1 66%;border:1px solid #d2cecd;border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioPolicyStudioFlowsMenuComponent, selector: "gio-ps-flows-menu", inputs: ["readOnly", "loading", "apiType", "flowExecution", "flowsGroups", "selectedFlowId", "entrypoints", "entrypointsInfo"], outputs: ["selectedFlowIdChange", "flowsGroupsChange", "flowExecutionChange", "deleteFlow"] }, { kind: "component", type: GioPolicyStudioDetailsComponent, selector: "gio-ps-flow-details", inputs: ["readOnly", "loading", "apiType", "flow", "entrypointsInfo", "endpointsInfo", "policies", "genericPolicies", "trialUrl"], outputs: ["flowChange", "deleteFlow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioComponent, isStandalone: true, selector: "gio-policy-studio", inputs: { readOnly: "readOnly", apiType: "apiType", flowExecution: "flowExecution", entrypointsInfo: ["entrypointsInfo", "entrypointsInfo", (values) => uniqBy(values ?? [], 'type')], endpointsInfo: ["endpointsInfo", "endpointsInfo", (values) => uniqBy(values ?? [], 'type')], commonFlows: "commonFlows", plans: "plans", policies: ["policies", "policies", (policies) => policies ?? []], sharedPolicyGroupPolicies: "sharedPolicyGroupPolicies", trialUrl: "trialUrl", loading: "loading", policySchemaFetcher: "policySchemaFetcher", policyDocumentationFetcher: "policyDocumentationFetcher", selectedFlowIndexes: "selectedFlowIndexes" }, outputs: { selectedFlowChanged: "selectedFlowChanged", save: "save" }, usesOnChanges: true, ngImport: i0, template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"header\">\n  @if (!loading) {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">\n        {{ apiTypeDisplayable() }}\n      </span>\n      <span\n        class=\"gio-badge-neutral\"\n        [matTooltip]=\"connectorsTooltip\"\n        matTooltipPosition=\"right\"\n        matTooltipClass=\"gio-policy-studio__tooltip-line-break\"\n      >\n        @for (entrypoint of entrypointsInfo; track entrypoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"entrypoint.icon\"></mat-icon>\n        }\n        @for (endpoint of endpointsInfo; track endpoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"endpoint.icon\"></mat-icon>\n        }\n      </span>\n    </div>\n  } @else {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">&nbsp;</span>\n      <span class=\"gio-badge-neutral\">&nbsp;</span>\n    </div>\n  }\n\n  <div class=\"header__btn\">\n    @if (!saving) {\n      <button mat-flat-button color=\"primary\" [disabled]=\"loading || disableSaveButton\" (click)=\"onSave()\">Save</button>\n    }\n    @if (saving) {\n      <button mat-flat-button color=\"primary\" disabled>Saving...</button>\n    }\n  </div>\n</div>\n\n<div class=\"wrapper\">\n  <div class=\"wrapper__flowsMenu\">\n    <gio-ps-flows-menu\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flowExecution]=\"flowExecution\"\n      [flowsGroups]=\"flowsGroups\"\n      [entrypoints]=\"entrypointsInfo\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      (flowsGroupsChange)=\"onFlowsGroupsChange($event)\"\n      (flowExecutionChange)=\"onFlowExecutionChange($event)\"\n      [selectedFlowId]=\"selectedFlow?._id\"\n      (selectedFlowIdChange)=\"onSelectFlow($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flows-menu>\n  </div>\n\n  <div class=\"wrapper__flowDetails\">\n    <gio-ps-flow-details\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flow]=\"selectedFlow\"\n      [isPlanFlow]=\"selectedFlowIsPlan\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      [endpointsInfo]=\"endpointsInfo\"\n      [policies]=\"policies\"\n      [genericPolicies]=\"genericPolicies\"\n      [trialUrl]=\"trialUrl\"\n      (flowChange)=\"onSelectedFlowChange($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flow-details>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column;padding:16px;background-color:#fff}::ng-deep .gio-policy-studio__tooltip-line-break{white-space:pre-line}.header{display:flex;align-items:center;padding-bottom:16px}.header__apiInfo{flex:1 1 auto}.wrapper{display:flex;min-height:0;flex:1 1 auto;flex-direction:row;gap:16px}.wrapper__flowsMenu{overflow:hidden;min-width:230px;max-width:400px;flex:1 1 33%;border:1px solid #d2cecd;border-radius:8px}.wrapper__flowDetails{overflow:hidden;flex:1 1 66%;border:1px solid #d2cecd;border-radius:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GioPolicyStudioFlowsMenuComponent, selector: "gio-ps-flows-menu", inputs: ["readOnly", "loading", "apiType", "flowExecution", "flowsGroups", "selectedFlowId", "entrypoints", "entrypointsInfo"], outputs: ["selectedFlowIdChange", "flowsGroupsChange", "flowExecutionChange", "deleteFlow"] }, { kind: "component", type: GioPolicyStudioDetailsComponent, selector: "gio-ps-flow-details", inputs: ["readOnly", "loading", "apiType", "isPlanFlow", "flow", "entrypointsInfo", "endpointsInfo", "policies", "genericPolicies", "trialUrl"], outputs: ["flowChange", "deleteFlow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioComponent, decorators: [{
             type: Component,
@@ -2713,7 +2720,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         GioIconsModule,
                         GioPolicyStudioFlowsMenuComponent,
                         GioPolicyStudioDetailsComponent,
-                    ], selector: 'gio-policy-studio', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"header\">\n  @if (!loading) {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">\n        {{ apiTypeDisplayable() }}\n      </span>\n      <span\n        class=\"gio-badge-neutral\"\n        [matTooltip]=\"connectorsTooltip\"\n        matTooltipPosition=\"right\"\n        matTooltipClass=\"gio-policy-studio__tooltip-line-break\"\n      >\n        @for (entrypoint of entrypointsInfo; track entrypoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"entrypoint.icon\"></mat-icon>\n        }\n        @for (endpoint of endpointsInfo; track endpoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"endpoint.icon\"></mat-icon>\n        }\n      </span>\n    </div>\n  } @else {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">&nbsp;</span>\n      <span class=\"gio-badge-neutral\">&nbsp;</span>\n    </div>\n  }\n\n  <div class=\"header__btn\">\n    @if (!saving) {\n      <button mat-flat-button color=\"primary\" [disabled]=\"loading || disableSaveButton\" (click)=\"onSave()\">Save</button>\n    }\n    @if (saving) {\n      <button mat-flat-button color=\"primary\" disabled>Saving...</button>\n    }\n  </div>\n</div>\n\n<div class=\"wrapper\">\n  <div class=\"wrapper__flowsMenu\">\n    <gio-ps-flows-menu\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flowExecution]=\"flowExecution\"\n      [flowsGroups]=\"flowsGroups\"\n      [entrypoints]=\"entrypointsInfo\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      (flowsGroupsChange)=\"onFlowsGroupsChange($event)\"\n      (flowExecutionChange)=\"onFlowExecutionChange($event)\"\n      [selectedFlowId]=\"selectedFlow?._id\"\n      (selectedFlowIdChange)=\"onSelectFlow($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flows-menu>\n  </div>\n\n  <div class=\"wrapper__flowDetails\">\n    <gio-ps-flow-details\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flow]=\"selectedFlow\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      [endpointsInfo]=\"endpointsInfo\"\n      [policies]=\"policies\"\n      [genericPolicies]=\"genericPolicies\"\n      [trialUrl]=\"trialUrl\"\n      (flowChange)=\"onSelectedFlowChange($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flow-details>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column;padding:16px;background-color:#fff}::ng-deep .gio-policy-studio__tooltip-line-break{white-space:pre-line}.header{display:flex;align-items:center;padding-bottom:16px}.header__apiInfo{flex:1 1 auto}.wrapper{display:flex;min-height:0;flex:1 1 auto;flex-direction:row;gap:16px}.wrapper__flowsMenu{overflow:hidden;min-width:230px;max-width:400px;flex:1 1 33%;border:1px solid #d2cecd;border-radius:8px}.wrapper__flowDetails{overflow:hidden;flex:1 1 66%;border:1px solid #d2cecd;border-radius:8px}\n"] }]
+                    ], selector: 'gio-policy-studio', template: "<!--\n\n    Copyright (C) 2025 The Gravitee team (http://gravitee.io)\n    \n    Licensed under the Apache License, Version 2.0 (the \"License\");\n    you may not use this file except in compliance with the License.\n    You may obtain a copy of the License at\n    \n            http://www.apache.org/licenses/LICENSE-2.0\n    \n    Unless required by applicable law or agreed to in writing, software\n    distributed under the License is distributed on an \"AS IS\" BASIS,\n    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n    See the License for the specific language governing permissions and\n    limitations under the License.\n\n-->\n\n<div class=\"header\">\n  @if (!loading) {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">\n        {{ apiTypeDisplayable() }}\n      </span>\n      <span\n        class=\"gio-badge-neutral\"\n        [matTooltip]=\"connectorsTooltip\"\n        matTooltipPosition=\"right\"\n        matTooltipClass=\"gio-policy-studio__tooltip-line-break\"\n      >\n        @for (entrypoint of entrypointsInfo; track entrypoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"entrypoint.icon\"></mat-icon>\n        }\n        @for (endpoint of endpointsInfo; track endpoint) {\n          <mat-icon class=\"gio-left\" [svgIcon]=\"endpoint.icon\"></mat-icon>\n        }\n      </span>\n    </div>\n  } @else {\n    <div class=\"header__apiInfo\">\n      <span class=\"gio-badge-primary\">&nbsp;</span>\n      <span class=\"gio-badge-neutral\">&nbsp;</span>\n    </div>\n  }\n\n  <div class=\"header__btn\">\n    @if (!saving) {\n      <button mat-flat-button color=\"primary\" [disabled]=\"loading || disableSaveButton\" (click)=\"onSave()\">Save</button>\n    }\n    @if (saving) {\n      <button mat-flat-button color=\"primary\" disabled>Saving...</button>\n    }\n  </div>\n</div>\n\n<div class=\"wrapper\">\n  <div class=\"wrapper__flowsMenu\">\n    <gio-ps-flows-menu\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flowExecution]=\"flowExecution\"\n      [flowsGroups]=\"flowsGroups\"\n      [entrypoints]=\"entrypointsInfo\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      (flowsGroupsChange)=\"onFlowsGroupsChange($event)\"\n      (flowExecutionChange)=\"onFlowExecutionChange($event)\"\n      [selectedFlowId]=\"selectedFlow?._id\"\n      (selectedFlowIdChange)=\"onSelectFlow($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flows-menu>\n  </div>\n\n  <div class=\"wrapper__flowDetails\">\n    <gio-ps-flow-details\n      [readOnly]=\"readOnly\"\n      [loading]=\"loading\"\n      [apiType]=\"apiType\"\n      [flow]=\"selectedFlow\"\n      [isPlanFlow]=\"selectedFlowIsPlan\"\n      [entrypointsInfo]=\"entrypointsInfo\"\n      [endpointsInfo]=\"endpointsInfo\"\n      [policies]=\"policies\"\n      [genericPolicies]=\"genericPolicies\"\n      [trialUrl]=\"trialUrl\"\n      (flowChange)=\"onSelectedFlowChange($event)\"\n      (deleteFlow)=\"onDeleteSelectedFlow($event)\"\n    ></gio-ps-flow-details>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.gio-top-bar-menu .gio-badge-accent{background-color:var(--gio-oem-palette--active, #ffc2ac);color:var(--gio-oem-palette--active-contrast, #1e1b1b)}:host{display:flex;height:100%;flex-direction:column;padding:16px;background-color:#fff}::ng-deep .gio-policy-studio__tooltip-line-break{white-space:pre-line}.header{display:flex;align-items:center;padding-bottom:16px}.header__apiInfo{flex:1 1 auto}.wrapper{display:flex;min-height:0;flex:1 1 auto;flex-direction:row;gap:16px}.wrapper__flowsMenu{overflow:hidden;min-width:230px;max-width:400px;flex:1 1 33%;border:1px solid #d2cecd;border-radius:8px}.wrapper__flowDetails{overflow:hidden;flex:1 1 66%;border:1px solid #d2cecd;border-radius:8px}\n"] }]
         }], ctorParameters: () => [{ type: GioPolicyStudioService }], propDecorators: { readOnly: [{
                 type: Input
             }], apiType: [{