chore: update TypeScript build info cache for Angular 20.3.3

src/components/file-explorer/file-explorer.component.html

@@ -1,14 +1,14 @@
-<ul class="p-2 space-y-1">
+<ul class="space-y-1 p-2">
   @for (node of nodes(); track node.name) {
     <li>
       @if (node.type === 'folder') {
         @let folder = node;
         <div>
-          <button (click)="toggleFolder(folder)" class="w-full flex items-center text-left p-1.5 rounded hover:bg-gray-200 dark:hover:bg-gray-600">
+          <button (click)="toggleFolder(folder)" class="flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm font-semibold text-text-main transition hover:bg-bg-muted">
             <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-2 transition-transform" [class.rotate-90]="folder.isOpen" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
             </svg>
-            <span class="font-semibold text-sm">{{ folder.name }}</span>
+            <span class="truncate">{{ folder.name }}</span>
           </button>
           @if (folder.isOpen) {
             <div class="pl-4">
@@ -19,11 +19,10 @@
       } @else {
         @let file = node;
         <button (click)="onFileSelected(file.id)"
-                class="w-full text-left p-1.5 rounded text-sm transition-colors"
-                [class]="file.id === selectedNoteId()
-                  ? 'bg-obs-l-accent text-white dark:bg-obs-d-accent'
-                  : 'hover:bg-gray-200 dark:hover:bg-gray-600'">
-          <span class="pl-6">{{ file.name }}</span>
+                class="flex w-full items-center gap-3 rounded-lg px-3 py-1.5 text-left text-sm transition"
+                [ngClass]="file.id === selectedNoteId() ? 'bg-brand text-white shadow-subtle' : 'text-text-main hover:bg-bg-muted'">
+          <span class="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-border bg-card text-xs font-semibold uppercase text-text-muted">{{ file.name | slice:0:2 }}</span>
+          <span class="truncate">{{ file.name }}</span>
         </button>
       }
     </li>