Ai chat

frontend/src/app/animations/toggle.animation.ts

@@ -0,0 +1,38 @@
+import {
+  trigger,
+  transition,
+  style,
+  animate,
+  query,
+  group,
+} from '@angular/animations';
+
+const easing = 'cubic-bezier(0.4, 0.0, 0.2, 1)';
+const duration = '600ms';
+
+export const toggleAnimation = trigger('toggle', [
+  transition(':enter', [
+    style({ height: 0, opacity: 0 }),
+    query('.details', [
+      style({ transform: 'translateY(-100%)' })
+    ], { optional: true }),
+    group([
+      animate(`${duration} ${easing}`, style({ height: '*', opacity: 1 })),
+      query('.details', [
+        animate(`${duration} ${easing}`, style({ transform: 'translateY(0)' }))
+      ], { optional: true })
+    ])
+  ]),
+  transition(':leave', [
+    style({ height: '*', opacity: 1 }),
+    query('.details', [
+      style({ transform: 'translateY(0)' })
+    ], { optional: true }),
+    group([
+      animate(`${duration} ${easing}`, style({ height: 0, opacity: 0 })),
+      query('.details', [
+        animate(`${duration} ${easing}`, style({ transform: 'translateY(-100%)' }))
+      ], { optional: true })
+    ])
+  ])
+]);

frontend/src/app/components/dashboard/dashboard.component.html

@@ -113,6 +113,8 @@ <h3 class='mat-subheading-2'>Rocketadmin can not find any tables</h3>
             ></app-db-table-row-view>
             <app-db-table-ai-panel *ngIf="isAIpanelOpened"
                 [displayName]="selectedTableDisplayName"
+                [tableColumns]="dataSource?.dataColumns || []"
+                [sidebarExpanded]="shownTableTitles"
             ></app-db-table-ai-panel>
         </mat-sidenav-content>
     </mat-sidenav-container>