From e56102081289ddda99c970abeac80106607b3b5c Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 16 Apr 2026 11:21:47 +0000
Subject: [PATCH 1/2] tables list: add tooltip for long table names

---
 .../db-tables-list.component.html             | 37 +++++++++++--------
 1 file changed, 21 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
index 82497fc66..c9270f948 100644
--- a/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
+++ b/frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html
@@ -39,22 +39,23 @@
 
                 <!-- Collapsed table list for any folder -->
                 <div *ngIf="showCollapsedTableList" class="collapsed-tables-list">
-                    <a *ngFor="let tableItem of getCollapsedTableList()"
-                        class="collapsed-table-item"
-                        routerLink="/dashboard/{{connectionID}}/{{tableItem.table}}"
-                        [queryParams]="{page_index: 0, page_size: 30}"
-                        [ngClass]="{'collapsed-table-item_active': selectedTable === tableItem.table}"
+                    <div *ngFor="let tableItem of getCollapsedTableList()"
                         [matTooltip]="getTableName(tableItem)"
-                        matTooltipPosition="right"
-                        (click)="closeSidebar()">
-                        <!-- Show icon if available, otherwise show initials -->
-                        <mat-icon *ngIf="tableItem.icon; else tableNameInitials" class="table-list-icon">
-                            {{tableItem.icon}}
-                        </mat-icon>
-                        <ng-template #tableNameInitials>
-                            {{tableItem.initials}}
-                        </ng-template>
-                    </a>
+                        matTooltipPosition="right">
+                        <a class="collapsed-table-item"
+                            routerLink="/dashboard/{{connectionID}}/{{tableItem.table}}"
+                            [queryParams]="{page_index: 0, page_size: 30}"
+                            [ngClass]="{'collapsed-table-item_active': selectedTable === tableItem.table}"
+                            (click)="closeSidebar()">
+                            <!-- Show icon if available, otherwise show initials -->
+                            <mat-icon *ngIf="tableItem.icon; else tableNameInitials" class="table-list-icon">
+                                {{tableItem.icon}}
+                            </mat-icon>
+                            <ng-template #tableNameInitials>
+                                {{tableItem.initials}}
+                            </ng-template>
+                        </a>
+                    </div>
                 </div>
             </div>
 
@@ -110,7 +111,9 @@
                                     class="material-symbols-outlined folder-icon"
                                     [style.color]="folder.iconColor || null">folder</span>
 
-                                <div class="folder-name">
+                                <div class="folder-name"
+                                    [matTooltip]="folder.name"
+                                    [matTooltipDisabled]="folder.name.length <= 18">
                                     {{folder.name}}
                                 </div>
 
@@ -148,6 +151,8 @@
                                     (cdkDropListDropped)="onTableReorder($event, folder)">
                                     <div *ngFor="let table of getFolderTables(folder)"
                                         class="selected-table-item"
+                                        [matTooltip]="getTableName(table)"
+                                        [matTooltipDisabled]="getTableNameLength(getTableName(table)) <= 18"
                                         cdkDrag
                                         [cdkDragDisabled]="!isReorderingEnabled(folder)">
                                         <mat-icon *ngIf="isReorderingEnabled(folder)"

From 2ad724775cf1f4ab5da208610127ed81b89f9766 Mon Sep 17 00:00:00 2001
From: Lyubov Voloshko <lyubov@voloshko.com>
Date: Thu, 16 Apr 2026 11:24:50 +0000
Subject: [PATCH 2/2] branding page: add router module import

---
 frontend/src/app/components/branding/branding.component.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/app/components/branding/branding.component.ts b/frontend/src/app/components/branding/branding.component.ts
index e8d2ef665..c5e0cd33e 100644
--- a/frontend/src/app/components/branding/branding.component.ts
+++ b/frontend/src/app/components/branding/branding.component.ts
@@ -19,6 +19,7 @@ import { DeleteDomainDialogComponent } from '../company/delete-domain-dialog/del
 import { ProfileSidebarComponent } from '../profile/profile-sidebar/profile-sidebar.component';
 import { PlaceholderBrandingComponent } from '../skeletons/placeholder-branding/placeholder-branding.component';
 import { AlertComponent } from '../ui-components/alert/alert.component';
+import { RouterModule } from '@angular/router';
 
 @Component({
 	selector: 'app-branding',
@@ -32,6 +33,7 @@ import { AlertComponent } from '../ui-components/alert/alert.component';
 		MatButtonModule,
 		MatIconModule,
 		MatTooltipModule,
+		RouterModule,
 		Angulartics2OnModule,
 		AlertComponent,
 		ProfileSidebarComponent,