Merge branch 'main' into backend_ai_table_schema_reponses

Author: lyubov-voloshko

frontend/src/app/components/connections-list/own-connections/own-connections.component.html

@@ -31,7 +31,7 @@ <h2 class="connectionInfo__connectionTitle">{{ $any(connectionItem).displayTitle
                             <span class="mat-body-2">{{ supportedDatabasesTitles[connectionItem.connection.type] }}</span>
                         </div>
                     </div>
-                    @if (connectionItem.accessLevel === 'edit') {
+                    @if (connectionItem.accessLevel === 'edit' && supportsSchemaEditing(connectionItem.connection.type)) {
                         <a mat-button color="accent"
                             class="connectionSchemaButton"
                             routerLink="/edit-database-schema/{{connectionItem.connection.id}}"

frontend/src/app/components/connections-list/own-connections/own-connections.component.ts

@@ -10,7 +10,7 @@ import { firstValueFrom } from 'rxjs';
 import { supportedDatabasesTitles, supportedOrderedDatabases } from 'src/app/consts/databases';
 import { AlertActionType, AlertType } from 'src/app/models/alert';
 import { CompanyMember, CompanyMemberRole } from 'src/app/models/company';
-import { ConnectionItem } from 'src/app/models/connection';
+import { ConnectionItem, DBtype } from 'src/app/models/connection';
 import { UiSettings } from 'src/app/models/ui-settings';
 import { SubscriptionPlans, User } from 'src/app/models/user';
 import { CompanyService } from 'src/app/services/company.service';
@@ -114,6 +114,17 @@ export class OwnConnectionsComponent implements OnInit, OnChanges {
 		this._uiSettings.updateGlobalSetting('connectionsListCollapsed', true);
 	}
 
+	supportsSchemaEditing(type: DBtype | string): boolean {
+		return (
+			type === DBtype.Postgres ||
+			type === DBtype.MySQL ||
+			type === DBtype.Oracle ||
+			type === DBtype.MSSQL ||
+			type === DBtype.DB2 ||
+			type === DBtype.ClickHouse
+		);
+	}
+
 	getMainTitle(database: string): string {
 		const title = this.supportedDatabasesTitles[database] || database;
 		const match = title.match(/^([^(]+)/);

frontend/src/app/components/edit-database-schema/schema-diagram-viewer/schema-diagram-viewer.component.html

@@ -34,7 +34,7 @@ <h3 class="schema-diagram__title">{{ title }}</h3>
 			</div>
 
 			@if (sidebarOpen()) {
-				<aside class="schema-diagram__sidebar">
+				<aside class="schema-diagram__sidebar" (wheel)="$event.stopPropagation()">
 					<div class="schema-diagram__sidebar-search">
 						<mat-icon class="schema-diagram__sidebar-search-icon">search</mat-icon>
 						<input type="text" placeholder="Search tables"