@gravitee/ui-policy-studio-angular 17.3.0 → 17.4.0

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

@@ -524,12 +524,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const METHODS_AUTOCOMPLETE$1 = ['ALL', ...HttpMethods];
+const METHODS_AUTOCOMPLETE$2 = ['ALL', ...HttpMethods];
 class GioPolicyStudioFlowProxyFormDialogComponent {
     constructor(dialogRef, flowDialogData) {
         this.dialogRef = dialogRef;
         this.mode = 'create';
-        this.methods = METHODS_AUTOCOMPLETE$1;
+        this.methods = METHODS_AUTOCOMPLETE$2;
         this.existingFlow = cloneDeep(flowDialogData?.flow);
         this.mode = this.existingFlow ? 'edit' : 'create';
         const httpSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'HTTP');
@@ -537,17 +537,17 @@ class GioPolicyStudioFlowProxyFormDialogComponent {
         this.flowFormGroup = new UntypedFormGroup({
             name: new UntypedFormControl(flowDialogData?.flow?.name ?? ''),
             pathOperator: new UntypedFormControl(httpSelector?.pathOperator ?? 'EQUALS'),
-            path: new UntypedFormControl(sanitizePathFormValue$1(httpSelector?.path)),
-            methods: new UntypedFormControl(sanitizeMethodFormValue$1(httpSelector?.methods)),
+            path: new UntypedFormControl(sanitizePathFormValue$2(httpSelector?.path)),
+            methods: new UntypedFormControl(sanitizeMethodFormValue$2(httpSelector?.methods)),
             condition: new UntypedFormControl(conditionSelector?.condition ?? ''),
         });
     }
     onSubmit() {
         const httpSelectorToSave = {
             type: 'HTTP',
-            path: sanitizePath$1(this.flowFormGroup?.get('path')?.value),
+            path: sanitizePath$2(this.flowFormGroup?.get('path')?.value),
             pathOperator: this.flowFormGroup?.get('pathOperator')?.value,
-            methods: sanitizeMethods$1(this.flowFormGroup?.get('methods')?.value),
+            methods: sanitizeMethods$2(this.flowFormGroup?.get('methods')?.value),
         };
         const conditionValue = this.flowFormGroup?.get('condition')?.value;
         const conditionSelectorToSave = conditionValue
@@ -573,7 +573,7 @@ class GioPolicyStudioFlowProxyFormDialogComponent {
         });
     }
     tagValidationHook(tag, validationCb) {
-        validationCb(METHODS_AUTOCOMPLETE$1.map(m => `${m}`).includes(tag.toUpperCase()));
+        validationCb(METHODS_AUTOCOMPLETE$2.map(m => `${m}`).includes(tag.toUpperCase()));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowProxyFormDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioFlowProxyFormDialogComponent, isStandalone: true, selector: "gio-ps-flow-proxy-form-dialog", 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: GioFormSlideToggleModule }, { kind: "ngmodule", type: GioBannerModule }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: GioFormTagsInputModule }, { kind: "component", type: i7.GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: ["aria-label", "addOnBlur", "tagValidationHook", "autocompleteOptions", "displayValueWith", "useAutocompleteOptionValueOnly", "placeholder", "required", "disabled"], outputs: ["tagClicked"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }] }); }
@@ -598,23 +598,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
-const sanitizeMethods$1 = (value) => {
+const sanitizeMethods$2 = (value) => {
     if (!value || value.find(m => m === 'ALL'))
         return [];
     return value;
 };
-const sanitizeMethodFormValue$1 = (methods) => {
+const sanitizeMethodFormValue$2 = (methods) => {
     if (!methods || methods.length === 0)
         return ['ALL'];
     return methods;
 };
-const sanitizePath$1 = (path) => {
+const sanitizePath$2 = (path) => {
     if (!path || !path.startsWith('/')) {
         return `/${path}`;
     }
     return path;
 };
-const sanitizePathFormValue$1 = (path) => {
+const sanitizePathFormValue$2 = (path) => {
     if (path && path.startsWith('/')) {
         return path.substring(1);
     }
@@ -790,8 +790,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const METHODS_AUTOCOMPLETE = ['ALL', ...HttpMethods];
+const METHODS_AUTOCOMPLETE$1 = ['ALL', ...HttpMethods];
 class GioPolicyStudioFlowLlmFormDialogComponent {
+    constructor(dialogRef, flowDialogData) {
+        this.dialogRef = dialogRef;
+        this.mode = 'create';
+        this.methods = METHODS_AUTOCOMPLETE$1;
+        this.existingFlow = cloneDeep(flowDialogData?.flow);
+        this.mode = this.existingFlow ? 'edit' : 'create';
+        const httpSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'HTTP');
+        const conditionSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'CONDITION');
+        this.flowFormGroup = new UntypedFormGroup({
+            name: new UntypedFormControl(flowDialogData?.flow?.name ?? ''),
+            pathOperator: new UntypedFormControl(httpSelector?.pathOperator ?? 'EQUALS'),
+            path: new UntypedFormControl(sanitizePathFormValue$1(httpSelector?.path)),
+            methods: new UntypedFormControl(sanitizeMethodFormValue$1(httpSelector?.methods)),
+            condition: new UntypedFormControl(conditionSelector?.condition ?? ''),
+        });
+    }
+    onSubmit() {
+        const httpSelectorToSave = {
+            type: 'HTTP',
+            path: sanitizePath$1(this.flowFormGroup?.get('path')?.value),
+            pathOperator: this.flowFormGroup?.get('pathOperator')?.value,
+            methods: sanitizeMethods$1(this.flowFormGroup?.get('methods')?.value),
+        };
+        const conditionValue = this.flowFormGroup?.get('condition')?.value;
+        const conditionSelectorToSave = conditionValue
+            ? {
+                type: 'CONDITION',
+                condition: conditionValue,
+            }
+            : undefined;
+        const flowToSave = {
+            // New id for new flow
+            _id: uniqueId('flow_'),
+            // If existing flow, keep root props
+            ...this.existingFlow,
+            // Mark as changed
+            _hasChanged: true,
+            // Add changes
+            name: this.flowFormGroup?.get('name')?.value,
+            selectors: conditionSelectorToSave ? [httpSelectorToSave, conditionSelectorToSave] : [httpSelectorToSave],
+            enabled: this.existingFlow ? this.existingFlow.enabled : true,
+        };
+        this.dialogRef.close({
+            ...flowToSave,
+        });
+    }
+    tagValidationHook(tag, validationCb) {
+        validationCb(METHODS_AUTOCOMPLETE$1.map(m => `${m}`).includes(tag.toUpperCase()));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowLlmFormDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioFlowLlmFormDialogComponent, isStandalone: true, selector: "gio-ps-flow-llm-form-dialog", 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: GioFormSlideToggleModule }, { kind: "ngmodule", type: GioBannerModule }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: GioFormTagsInputModule }, { kind: "component", type: i7.GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: ["aria-label", "addOnBlur", "tagValidationHook", "autocompleteOptions", "displayValueWith", "useAutocompleteOptionValueOnly", "placeholder", "required", "disabled"], outputs: ["tagClicked"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowLlmFormDialogComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatInputModule,
+                        MatSlideToggleModule,
+                        GioFormSlideToggleModule,
+                        GioBannerModule,
+                        GioIconsModule,
+                        GioFormTagsInputModule,
+                        GioElAssistantComponent,
+                    ], selector: 'gio-ps-flow-llm-form-dialog', 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+const sanitizeMethods$1 = (value) => {
+    if (!value || value.find(m => m === 'ALL'))
+        return [];
+    return value;
+};
+const sanitizeMethodFormValue$1 = (methods) => {
+    if (!methods || methods.length === 0)
+        return ['ALL'];
+    return methods;
+};
+const sanitizePath$1 = (path) => {
+    if (!path || !path.startsWith('/')) {
+        return `/${path}`;
+    }
+    return path;
+};
+const sanitizePathFormValue$1 = (path) => {
+    if (path && path.startsWith('/')) {
+        return path.substring(1);
+    }
+    return path ?? '';
+};
+
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *         http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const METHODS_AUTOCOMPLETE = ['ALL', ...HttpMethods];
+class GioPolicyStudioFlowA2aFormDialogComponent {
     constructor(dialogRef, flowDialogData) {
         this.dialogRef = dialogRef;
         this.mode = 'create';
@@ -841,10 +953,10 @@ class GioPolicyStudioFlowLlmFormDialogComponent {
     tagValidationHook(tag, validationCb) {
         validationCb(METHODS_AUTOCOMPLETE.map(m => `${m}`).includes(tag.toUpperCase()));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowLlmFormDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioFlowLlmFormDialogComponent, isStandalone: true, selector: "gio-ps-flow-llm-form-dialog", 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: GioFormSlideToggleModule }, { kind: "ngmodule", type: GioBannerModule }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: GioFormTagsInputModule }, { kind: "component", type: i7.GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: ["aria-label", "addOnBlur", "tagValidationHook", "autocompleteOptions", "displayValueWith", "useAutocompleteOptionValueOnly", "placeholder", "required", "disabled"], outputs: ["tagClicked"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowA2aFormDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: GioPolicyStudioFlowA2aFormDialogComponent, isStandalone: true, selector: "gio-ps-flow-a2a-form-dialog", 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: GioFormSlideToggleModule }, { kind: "ngmodule", type: GioBannerModule }, { kind: "ngmodule", type: GioIconsModule }, { kind: "component", type: i7$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: GioFormTagsInputModule }, { kind: "component", type: i7.GioFormTagsInputComponent, selector: "gio-form-tags-input", inputs: ["aria-label", "addOnBlur", "tagValidationHook", "autocompleteOptions", "displayValueWith", "useAutocompleteOptionValueOnly", "placeholder", "required", "disabled"], outputs: ["tagClicked"] }, { kind: "component", type: GioElAssistantComponent, selector: "gio-el-assistant" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowLlmFormDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: GioPolicyStudioFlowA2aFormDialogComponent, decorators: [{
             type: Component,
             args: [{ imports: [
                         ReactiveFormsModule,
@@ -859,7 +971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                         GioIconsModule,
                         GioFormTagsInputModule,
                         GioElAssistantComponent,
-                    ], selector: 'gio-ps-flow-llm-form-dialog', 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"] }]
+                    ], selector: 'gio-ps-flow-a2a-form-dialog', 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<h2 mat-dialog-title class=\"title\">\n  {{ mode === 'create' ? 'Create a new flow' : 'Edit flow' }}\n\n  <button class=\"title__closeBtn\" mat-icon-button aria-label=\"Close dialog\" [mat-dialog-close]=\"false\">\n    <mat-icon svgIcon=\"gio:cancel\"></mat-icon>\n  </button>\n</h2>\n\n@if (flowFormGroup) {\n  <mat-dialog-content class=\"content\" [formGroup]=\"flowFormGroup\">\n    <p>\n      Flows allow you to apply different policies per HTTP path and/or method. For example you can reroute calls based on the URL specified.\n    </p>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated with path and method if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Operator</mat-label>\n        <mat-select formControlName=\"pathOperator\">\n          <mat-option value=\"EQUALS\">Equals</mat-option>\n          <mat-option value=\"STARTS_WITH\">Starts with</mat-option>\n        </mat-select>\n        <mat-hint>Path operator</mat-hint>\n      </mat-form-field>\n      <mat-form-field>\n        <mat-label>Path</mat-label>\n        <span matTextPrefix>/&nbsp;</span>\n        <input matInput formControlName=\"path\" />\n        <mat-hint>Path</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"methods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field>\n        <mat-label>Condition</mat-label>\n        <input matInput formControlName=\"condition\" />\n        <mat-hint>Condition to execute the flow, supports Expression Language</mat-hint>\n        <gio-el-assistant matSuffix />\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n}\n\n<mat-dialog-actions class=\"actions\" align=\"end\">\n  <button class=\"actions__cancelBtn\" mat-button [mat-dialog-close]=\"false\">Cancel</button>\n  <button class=\"actions__saveBtn\" color=\"primary\" mat-flat-button role=\"dialog\" (click)=\"onSubmit()\">\n    {{ mode === 'create' ? 'Create' : 'Save' }}\n  </button>\n</mat-dialog-actions>\n", styles: [".title__closeBtn{top:0;right:-24px;float:right}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row mat-form-field{flex:1 1 auto}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -887,6 +999,17 @@ const sanitizePathFormValue = (path) => {
     return path ?? '';
 };
 
+function openHttpProxyDialog(matDialog, component, data, id) {
+    return matDialog
+        .open(component, {
+        data,
+        role: 'alertdialog',
+        id,
+        width: GIO_DIALOG_WIDTH.MEDIUM,
+    })
+        .afterClosed();
+}
+
 /*
  * Copyright (C) 2022 The Gravitee team (http://gravitee.io)
  *
@@ -1093,16 +1216,13 @@ class GioPolicyStudioFlowsMenuComponent {
                     .afterClosed();
                 break;
             case 'PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowProxyFormDialogComponent, {
-                    data: {
-                        flow: undefined,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowProxyFormDialogComponent, { flow: undefined }, 'gioPsFlowFormDialog');
+                break;
+            case 'LLM_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowLlmFormDialogComponent, { flow: undefined }, 'gioPsFlowFormDialog');
+                break;
+            case 'A2A_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowA2aFormDialogComponent, { flow: undefined }, 'gioPsFlowFormDialog');
                 break;
             case 'NATIVE':
                 dialogResult = this.matDialog
@@ -1130,18 +1250,6 @@ class GioPolicyStudioFlowsMenuComponent {
                 })
                     .afterClosed();
                 break;
-            case 'LLM_PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowLlmFormDialogComponent, {
-                    data: {
-                        flow: undefined,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
-                break;
             default:
                 throw new Error(`Unsupported API type ${this.apiType}`);
         }
@@ -1232,16 +1340,13 @@ class GioPolicyStudioFlowsMenuComponent {
                     .afterClosed();
                 break;
             case 'PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowProxyFormDialogComponent, {
-                    data: {
-                        flow: flowToEdit,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowProxyFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowProxyFormDialogComponent, { flow: flowToEdit }, 'gioPsFlowProxyFormDialog');
+                break;
+            case 'LLM_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowLlmFormDialogComponent, { flow: flowToEdit }, 'gioPsFlowFormDialog');
+                break;
+            case 'A2A_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowA2aFormDialogComponent, { flow: flowToEdit }, 'gioPsFlowFormDialog');
                 break;
             case 'NATIVE':
                 dialogResult = this.matDialog
@@ -1269,18 +1374,6 @@ class GioPolicyStudioFlowsMenuComponent {
                 })
                     .afterClosed();
                 break;
-            case 'LLM_PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowLlmFormDialogComponent, {
-                    data: {
-                        flow: flowToEdit,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
-                break;
             default:
                 throw new Error(`Unsupported API type ${this.apiType}`);
         }
@@ -1623,6 +1716,8 @@ class GioPolicyStudioPoliciesCatalogDialogComponent {
                         return genericPolicy.flowPhaseCompatibility?.MCP_PROXY?.includes(flowDialogData.flowPhase);
                     case 'LLM_PROXY':
                         return genericPolicy.flowPhaseCompatibility?.LLM_PROXY?.includes(flowDialogData.flowPhase);
+                    case 'A2A_PROXY':
+                        return genericPolicy.flowPhaseCompatibility?.A2A_PROXY?.includes(flowDialogData.flowPhase);
                     default:
                         throw new Error('Unknown API type');
                 }
@@ -2301,16 +2396,13 @@ class GioPolicyStudioDetailsComponent {
                     .afterClosed();
                 break;
             case 'PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowProxyFormDialogComponent, {
-                    data: {
-                        flow: this.flow,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowProxyFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowProxyFormDialogComponent, { flow: this.flow }, 'gioPsFlowProxyFormDialog');
+                break;
+            case 'LLM_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowLlmFormDialogComponent, { flow: this.flow }, 'gioPsFlowFormDialog');
+                break;
+            case 'A2A_PROXY':
+                dialogResult = openHttpProxyDialog(this.matDialog, GioPolicyStudioFlowA2aFormDialogComponent, { flow: this.flow }, 'gioPsFlowFormDialog');
                 break;
             case 'NATIVE':
                 dialogResult = this.matDialog
@@ -2338,18 +2430,6 @@ class GioPolicyStudioDetailsComponent {
                 })
                     .afterClosed();
                 break;
-            case 'LLM_PROXY':
-                dialogResult = this.matDialog
-                    .open(GioPolicyStudioFlowLlmFormDialogComponent, {
-                    data: {
-                        flow: this.flow,
-                    },
-                    role: 'alertdialog',
-                    id: 'gioPsFlowFormDialog',
-                    width: GIO_DIALOG_WIDTH.MEDIUM,
-                })
-                    .afterClosed();
-                break;
             default:
                 throw new Error(`Unsupported API type ${this.apiType}`);
         }
@@ -2386,7 +2466,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 (apiType === 'PROXY') {\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=\"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            <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          </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\n      @if (apiType === 'MCP_PROXY') {\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      @if (apiType === 'LLM_PROXY') {\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    </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", 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=\"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            <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          </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,
@@ -2400,7 +2480,7 @@ 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 (apiType === 'PROXY') {\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=\"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            <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          </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\n      @if (apiType === 'MCP_PROXY') {\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      @if (apiType === 'LLM_PROXY') {\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    </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            <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            <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          </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: [{