@gravitee/ui-policy-studio-angular 16.0.1-apim-11657-adapt-ui-for-llm-a32a07d → 16.0.1-apim-11657-adapt-ui-for-llm-9594da4

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 = ['ALL', ...HttpMethods];
+const METHODS_AUTOCOMPLETE$1 = ['ALL', ...HttpMethods];
 class GioPolicyStudioFlowProxyFormDialogComponent {
     constructor(dialogRef, flowDialogData) {
         this.dialogRef = dialogRef;
         this.mode = 'create';
-        this.methods = METHODS_AUTOCOMPLETE;
+        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');
@@ -537,8 +537,8 @@ class GioPolicyStudioFlowProxyFormDialogComponent {
         this.flowFormGroup = new UntypedFormGroup({
             name: new UntypedFormControl(flowDialogData?.flow?.name ?? ''),
             pathOperator: new UntypedFormControl(httpSelector?.pathOperator ?? 'EQUALS'),
-            path: new UntypedFormControl(sanitizePathFormValue(httpSelector?.path)),
-            methods: new UntypedFormControl(sanitizeMethodFormValue(httpSelector?.methods)),
+            path: new UntypedFormControl(sanitizePathFormValue$1(httpSelector?.path)),
+            methods: new UntypedFormControl(sanitizeMethodFormValue$1(httpSelector?.methods)),
             condition: new UntypedFormControl(conditionSelector?.condition ?? ''),
         });
     }
@@ -547,7 +547,7 @@ class GioPolicyStudioFlowProxyFormDialogComponent {
             type: 'HTTP',
             path: sanitizePath(this.flowFormGroup?.get('path')?.value),
             pathOperator: this.flowFormGroup?.get('pathOperator')?.value,
-            methods: sanitizeMethods(this.flowFormGroup?.get('methods')?.value),
+            methods: sanitizeMethods$1(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.map(m => `${m}`).includes(tag.toUpperCase()));
+        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: 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: i5$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: i6$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,12 +598,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImpor
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
-const sanitizeMethods = (value) => {
+const sanitizeMethods$1 = (value) => {
     if (!value || value.find(m => m === 'ALL'))
         return [];
     return value;
 };
-const sanitizeMethodFormValue = (methods) => {
+const sanitizeMethodFormValue$1 = (methods) => {
     if (!methods || methods.length === 0)
         return ['ALL'];
     return methods;
@@ -614,7 +614,7 @@ const sanitizePath = (path) => {
     }
     return path;
 };
-const sanitizePathFormValue = (path) => {
+const sanitizePathFormValue$1 = (path) => {
     if (path && path.startsWith('/')) {
         return path.substring(1);
     }
@@ -790,88 +790,31 @@ 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 LLM_METHODS = [
-    {
-        groupLabel: 'Lifecycle Methods',
-        groupOptions: [
-            { value: 'initialize', label: 'initialize' },
-            { value: 'notifications/initialized', label: 'notifications/initialized' },
-            { value: 'ping', label: 'ping' },
-            { value: 'notifications/progress', label: 'notifications/progress' },
-        ],
-    },
-    {
-        groupLabel: 'Tool Methods',
-        groupOptions: [
-            { value: 'tools/list', label: 'tools/list' },
-            { value: 'tools/call', label: 'tools/call' },
-            { value: 'notifications/tools/list_changed', label: 'notifications/tools/list_changed' },
-        ],
-    },
-    {
-        groupLabel: 'Resources Methods',
-        groupOptions: [
-            { value: 'resources/list', label: 'resources/list' },
-            { value: 'resources/read', label: 'resources/read' },
-            { value: 'notifications/resources/list_changed', label: 'notifications/resources/list_changed' },
-            { value: 'notifications/resources/updated', label: 'notifications/resources/updated' },
-            { value: 'resources/templates/list', label: 'resources/templates/list' },
-            { value: 'resources/subscribe', label: 'resources/subscribe' },
-            { value: 'resources/unsubscribe', label: 'resources/unsubscribe' },
-        ],
-    },
-    {
-        groupLabel: 'Prompt Methods',
-        groupOptions: [
-            { value: 'prompts/list', label: 'prompts/list' },
-            { value: 'prompts/get', label: 'prompts/get' },
-            { value: 'notifications/prompts/list_changed', label: 'notifications/prompts/list_changed' },
-            { value: 'completion/complete', label: 'completion/complete' },
-        ],
-    },
-    {
-        groupLabel: 'Logging Methods',
-        groupOptions: [
-            { value: 'logging/setLevel', label: 'logging/setLevel' },
-            { value: 'notifications/message', label: 'notifications/message' },
-        ],
-    },
-    {
-        groupLabel: 'Roots Methods',
-        groupOptions: [
-            { value: 'roots/list', label: 'roots/list' },
-            { value: 'notifications/roots/list_changed', label: 'notifications/roots/list_changed' },
-        ],
-    },
-    {
-        groupLabel: 'Sampling Methods',
-        groupOptions: [{ value: 'sampling/createMessage', label: 'sampling/createMessage' }],
-    },
-    {
-        groupLabel: 'Elicitation Methods',
-        groupOptions: [{ value: 'elicitation/create', label: 'elicitation/create' }],
-    },
-];
+const METHODS_AUTOCOMPLETE = ['ALL', ...HttpMethods];
 class GioPolicyStudioFlowLlmFormDialogComponent {
     constructor(dialogRef, flowDialogData) {
         this.dialogRef = dialogRef;
         this.mode = 'create';
-        this.methods = LLM_METHODS;
+        this.methods = METHODS_AUTOCOMPLETE;
         this.existingFlow = cloneDeep(flowDialogData?.flow);
         this.mode = this.existingFlow ? 'edit' : 'create';
-        const llmSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'LLM');
+        const httpSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'HTTP');
         const conditionSelector = flowDialogData?.flow?.selectors?.find(s => s.type === 'CONDITION');
-        this.flowFormGroup = new FormGroup({
-            name: new FormControl(flowDialogData?.flow?.name ?? ''),
-            llmMethods: new FormControl(llmSelector?.methods ?? []),
-            condition: new FormControl(conditionSelector?.condition ?? ''),
+        this.flowFormGroup = new UntypedFormGroup({
+            name: new UntypedFormControl(flowDialogData?.flow?.name ?? ''),
+            pathOperator: new UntypedFormControl(httpSelector?.pathOperator ?? 'EQUALS'),
+            path: new UntypedFormControl(sanitizePathFormValue(httpSelector?.path)),
+            methods: new UntypedFormControl(sanitizeMethodFormValue(httpSelector?.methods)),
+            condition: new UntypedFormControl(conditionSelector?.condition ?? ''),
         });
         this.defaultFlowName = capitalize(flowDialogData.parentGroupName) + ' flow';
     }
     onSubmit() {
-        const llmSelectorToSave = {
-            type: 'LLM',
-            methods: this.flowFormGroup?.get('llmMethods')?.value ?? undefined,
+        const httpSelectorToSave = {
+            type: 'HTTP',
+            path: sanitizePath(this.flowFormGroup?.get('path')?.value),
+            pathOperator: this.flowFormGroup?.get('pathOperator')?.value,
+            methods: sanitizeMethods(this.flowFormGroup?.get('methods')?.value),
         };
         const conditionValue = this.flowFormGroup?.get('condition')?.value ?? undefined;
         const conditionSelectorToSave = conditionValue
@@ -890,7 +833,7 @@ class GioPolicyStudioFlowLlmFormDialogComponent {
             // Add changes
             name: this.getFlowName(),
             enabled: this.existingFlow ? this.existingFlow.enabled : true,
-            selectors: conditionSelectorToSave ? [llmSelectorToSave, conditionSelectorToSave] : [llmSelectorToSave],
+            selectors: conditionSelectorToSave ? [httpSelectorToSave, conditionSelectorToSave] : [httpSelectorToSave],
         };
         this.dialogRef.close({
             ...flowToSave,
@@ -901,12 +844,10 @@ class GioPolicyStudioFlowLlmFormDialogComponent {
         return isEmpty(inputName) ? this.defaultFlowName : inputName;
     }
     tagValidationHook(tag, validationCb) {
-        validationCb(LLM_METHODS.flatMap(group => group.groupOptions.map(m => m.value))
-            .map(m => `${m}`)
-            .includes(tag));
+        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>Flow allow you to apply different policies.</p>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>LLM Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"llmMethods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n        <mat-hint>If no method is specified, the flow will match all LLM Methods</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\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: ["@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)}.title__closeBtn{top:0;right:-24px;float:right}.content__paramTitle{font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px;color:#5c5959}.content--params{margin-bottom:6px}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row__fullWidth{flex:1 1 auto}.button-with-icon{display:flex;align-items:center;justify-content:space-between}\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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$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: i6$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.ɵ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>Flow allow you to apply different policies.</p>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>LLM 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-hint>If no method is specified, the flow will match all LLM Methods</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\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: ["@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)}.title__closeBtn{top:0;right:-24px;float:right}.content__paramTitle{font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px;color:#5c5959}.content--params{margin-bottom:6px}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row__fullWidth{flex:1 1 auto}.button-with-icon{display:flex;align-items:center;justify-content:space-between}\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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i5$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: i6$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,
@@ -923,11 +864,27 @@ 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>Flow allow you to apply different policies.</p>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>LLM Methods for your flow</mat-label>\n        <gio-form-tags-input\n          formControlName=\"llmMethods\"\n          [autocompleteOptions]=\"methods\"\n          [tagValidationHook]=\"tagValidationHook\"\n        ></gio-form-tags-input>\n        <mat-hint>If no method is specified, the flow will match all LLM Methods</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\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: ["@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)}.title__closeBtn{top:0;right:-24px;float:right}.content__paramTitle{font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px;color:#5c5959}.content--params{margin-bottom:6px}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row__fullWidth{flex:1 1 auto}.button-with-icon{display:flex;align-items:center;justify-content:space-between}\n"] }]
+                    ], 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>Flow allow you to apply different policies.</p>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>Flow name</mat-label>\n        <input matInput formControlName=\"name\" cdkFocusInitial />\n        <mat-hint>Names will be automatically generated if left blank</mat-hint>\n      </mat-form-field>\n    </div>\n\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\n        <mat-label>LLM 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-hint>If no method is specified, the flow will match all LLM Methods</mat-hint>\n      </mat-form-field>\n    </div>\n    <div class=\"content__row\">\n      <mat-form-field class=\"content__row__fullWidth\">\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: ["@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)}.title__closeBtn{top:0;right:-24px;float:right}.content__paramTitle{font-size:14px;font-weight:700;line-height:20px;font-family:Manrope,sans-serif;letter-spacing:.4px;color:#5c5959}.content--params{margin-bottom:6px}.content__row{display:flex;align-items:flex-start;gap:16px}.content__row__fullWidth{flex:1 1 auto}.button-with-icon{display:flex;align-items:center;justify-content:space-between}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });
+const sanitizePathFormValue = (path) => {
+    if (path && path.startsWith('/')) {
+        return path.substring(1);
+    }
+    return path ?? '';
+};
+const sanitizeMethods = (value) => {
+    if (!value || value.find(m => m === 'ALL'))
+        return [];
+    return value;
+};
+const sanitizeMethodFormValue = (methods) => {
+    if (!methods || methods.length === 0)
+        return ['ALL'];
+    return methods;
+};
 
 /*
  * Copyright (C) 2022 The Gravitee team (http://gravitee.io)
@@ -1041,29 +998,6 @@ class GioPolicyStudioFlowsMenuComponent {
                             }
                             pathOrChannelLabel = '';
                         }
-                        // LLM Proxy
-                        const llmSelector = flow.selectors?.find(s => s.type === 'LLM');
-                        if (llmSelector) {
-                            if (llmSelector.methods && llmSelector.methods.length > 0) {
-                                // Keep only 2 first methods and add +X badge if there are more
-                                const methodsToKeep = llmSelector.methods.slice(0, 2);
-                                const methodsLength = llmSelector.methods.length;
-                                badges.push(...methodsToKeep.map(method => ({ label: method, class: `gio-badge-neutral` })));
-                                if (methodsLength > 2) {
-                                    badges.push({
-                                        label: `+${methodsLength - 2}`,
-                                        class: 'gio-badge-neutral',
-                                    });
-                                }
-                            }
-                            else {
-                                badges.push({
-                                    label: 'All Methods',
-                                    class: 'gio-badge-neutral',
-                                });
-                            }
-                            pathOrChannelLabel = '';
-                        }
                         const conditionSelector = flow.selectors?.find(s => s.type === 'CONDITION');
                         if (conditionSelector && conditionSelector.condition) {
                             hasCondition = true;
@@ -2288,13 +2222,13 @@ class GioPolicyStudioDetailsInfoBarComponent {
     get llmMethods() {
         if (this._llmMethods === undefined && this.flow) {
             //TODO need to add the type of the LLM selector
-            const llmSelector = this.flow.selectors?.find(s => s.type === 'LLM');
-            if (!llmSelector) {
+            const httpSelector = this.flow.selectors?.find(s => s.type === 'HTTP');
+            if (!httpSelector) {
                 this._llmMethods = null; // Cache null to avoid recomputation
                 return undefined;
             }
-            this._llmMethods = llmSelector?.methods?.length
-                ? llmSelector.methods.map(m => ({ name: m, class: `gio-badge-neutral` }))
+            this._llmMethods = httpSelector?.methods?.length
+                ? httpSelector.methods.map(m => ({ name: m, class: `gio-badge-neutral` }))
                 : [{ name: 'All Methods', class: 'gio-badge-neutral' }];
         }
         return this._llmMethods === null ? undefined : this._llmMethods;