Update dependencies

package.json

@@ -10,39 +10,39 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^20.0.0",
-    "@angular/common": "^20.0.0",
-    "@angular/compiler": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/forms": "^20.0.0",
-    "@angular/platform-browser": "^20.0.0",
-    "@angular/platform-browser-dynamic": "^20.0.0",
-    "@angular/router": "^20.0.0",
-    "@duckdb/duckdb-wasm": "^1.29.0",
-    "@primeng/themes": "19.1.0",
-    "@tailwindcss/postcss": "^4.1.3",
-    "postcss": "^8.5.3",
-    "prettier": "^3.5.3",
+    "@angular/animations": "^20.3.6",
+    "@angular/common": "^20.3.6",
+    "@angular/compiler": "^20.3.6",
+    "@angular/core": "^20.3.6",
+    "@angular/forms": "^20.3.6",
+    "@angular/platform-browser": "^20.3.6",
+    "@angular/platform-browser-dynamic": "^20.3.6",
+    "@angular/router": "^20.3.6",
+    "@duckdb/duckdb-wasm": "^1.30.0",
+    "@primeng/themes": "20.2.0",
+    "@tailwindcss/postcss": "^4.1.15",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
     "primeicons": "^7.0.0",
-    "primeng": "19.1.0",
+    "primeng": "20.2.0",
     "rxjs": "~7.8.2",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.15",
     "tailwindcss-primeui": "0.6.1",
     "tslib": "^2.8.1",
-    "zod": "^3.24.2"
+    "zod": "4.1.12"
   },
   "devDependencies": {
-    "@angular/build": "^20.0.0",
-    "@angular/cli": "^20.0.0",
-    "@angular/compiler-cli": "^20.0.0",
-    "@tauri-apps/cli": "^2.5.0",
-    "@types/jasmine": "~5.1.7",
-    "jasmine-core": "~5.5.0",
+    "@angular/build": "^20.3.6",
+    "@angular/cli": "^20.3.6",
+    "@angular/compiler-cli": "^20.3.6",
+    "@tauri-apps/cli": "^2.9.0",
+    "@types/jasmine": "~5.1.12",
+    "jasmine-core": "~5.12.0",
     "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
-    "typescript": "~5.8.3"
+    "typescript": "~5.9.3"
   }
 }

src/app/app.component.html

@@ -2,7 +2,7 @@
   <ng-template #start></ng-template>
   <ng-template #center>
     <p-iconfield>
-      <p-inputicon styleClass="pi pi-search" />
+      <p-inputicon class="pi pi-search" />
       <input pInputText type="text" placeholder="Search" />
     </p-iconfield>
   </ng-template>
@@ -10,9 +10,12 @@
     <p-button icon="pi pi-save" class="mr-2" text severity="secondary" />
   </ng-template>
 </p-toolbar>
-<p-splitter [panelSizes]="[15, 70, 15]" class="h-full" styleClass="mb-8 h-full">
+<p-splitter
+  [panelSizes]="[15, 70, 15]"
+  class="h-full mb-8 flex-[1_1_0] overflow-hidden"
+>
   <ng-template #panel>
-    <div class="h-full w-full">
+    <div class="h-full w-full overflow-auto">
       <app-file-tree (selectFile)="selectedFile.set($event)"></app-file-tree>
     </div>
   </ng-template>
@@ -20,7 +23,7 @@
     <p-splitter layout="vertical" [panelSizes]="[70, 30]">
       <ng-template #panel>
         <div
-          class="flex flex-col w-full justify-center"
+          class="flex flex-col w-full justify-center h-full"
           (dragenter)="dragEnter($event)"
           (dragleave)="dragLeave($event)"
           (dragover)="$event.preventDefault()"
@@ -72,7 +75,7 @@
   <ng-template #panel>
     @if (selectedFile()) {
       <app-column-editor
-        class="w-full"
+        class="w-full overflow-auto"
         [(columns)]="selectedFileColumns"
       ></app-column-editor>
     }