From bdb9e32562e85502e5555a366a23869c1a4e2d48 Mon Sep 17 00:00:00 2001
From: Artem Dzhereleiko <Dgerik2015@gmail.com>
Date: Fri, 11 Jul 2025 11:55:36 +0300
Subject: [PATCH] UI: fixed route and toolbar suffix button to json editor

---
 .../rule-node/external/ai-config.component.html          | 7 ++++++-
 .../home/pages/ai-model/ai-model-routing.module.ts       | 9 +--------
 .../shared/components/json-object-edit.component.html    | 8 +-------
 .../app/shared/components/json-object-edit.component.ts  | 2 --
 4 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/rule-node/external/ai-config.component.html b/ui-ngx/src/app/modules/home/components/rule-node/external/ai-config.component.html
index d5d64ad0d4..784b996960 100644
--- a/ui-ngx/src/app/modules/home/components/rule-node/external/ai-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/rule-node/external/ai-config.component.html
@@ -88,9 +88,14 @@
     @if (aiConfigForm.get('responseFormat.type').value === responseFormat.JSON_SCHEMA) {
       <tb-json-object-edit
         jsonRequired
-        iconHint="{{ 'rule-node-config.ai.response-json-schema-hint' | translate }}"
         label="{{ 'rule-node-config.ai.response-json-schema' | translate }}"
         formControlName="schema">
+        <button mat-icon-button class="tb-mat-32"
+                toolbarSuffixButton
+                matTooltip="{{ 'rule-node-config.ai.response-json-schema-hint' | translate }}"
+                matTooltipPosition="above">
+          <mat-icon style="color: #7b7b7b">info</mat-icon>
+        </button>
       </tb-json-object-edit>
     }
   </div>
diff --git a/ui-ngx/src/app/modules/home/pages/ai-model/ai-model-routing.module.ts b/ui-ngx/src/app/modules/home/pages/ai-model/ai-model-routing.module.ts
index 4f89321c30..82fff06270 100644
--- a/ui-ngx/src/app/modules/home/pages/ai-model/ai-model-routing.module.ts
+++ b/ui-ngx/src/app/modules/home/pages/ai-model/ai-model-routing.module.ts
@@ -39,18 +39,11 @@ export const aiModelRoutes: Routes = [
   }
 ];
 
-const routes: Routes = [
-  {
-    path: 'ai-models',
-    redirectTo: '/settings/ai-models'
-  }
-];
-
 @NgModule({
   providers: [
     AiModelsTableConfigResolver
   ],
-  imports: [RouterModule.forChild(routes)],
+  imports: [RouterModule.forChild(aiModelRoutes)],
   exports: [RouterModule],
 })
 export class AiModelRoutingModule { }
diff --git a/ui-ngx/src/app/shared/components/json-object-edit.component.html b/ui-ngx/src/app/shared/components/json-object-edit.component.html
index 608efd8ad4..b95f0eddad 100644
--- a/ui-ngx/src/app/shared/components/json-object-edit.component.html
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.html
@@ -32,13 +32,7 @@
             mat-button *ngIf="!readonly && !disabled" class="tidy" (click)="minifyJSON()">
       {{'js-func.mini' | translate }}
     </button>
-    @if (iconHint) {
-      <button mat-icon-button class="tb-mat-32"
-              matTooltip="{{ iconHint }}"
-              matTooltipPosition="above">
-        <mat-icon class="material-icons">info</mat-icon>
-      </button>
-    }
+    <ng-content select="[toolbarSuffixButton]"></ng-content>
     <button mat-icon-button class="tb-mat-32" (click)="fullscreen = !fullscreen"
             matTooltip="{{(fullscreen ? 'fullscreen.exit' : 'fullscreen.expand') | translate}}"
             matTooltipPosition="above">
diff --git a/ui-ngx/src/app/shared/components/json-object-edit.component.ts b/ui-ngx/src/app/shared/components/json-object-edit.component.ts
index ec22b4216f..30d7483efb 100644
--- a/ui-ngx/src/app/shared/components/json-object-edit.component.ts
+++ b/ui-ngx/src/app/shared/components/json-object-edit.component.ts
@@ -74,8 +74,6 @@ export class JsonObjectEditComponent implements OnInit, ControlValueAccessor, Va
 
   @Input() label: string;
 
-  @Input() iconHint: string;
-
   @Input() disabled: boolean;
 
   @Input() fillHeight: boolean;