chore: update Angular TypeScript build info cache

src/app.component.simple.html

@@ -118,53 +118,56 @@
           </div>
   
           <div class="rounded-2xl border border-border/70 bg-card/85 px-3 py-3 shadow-subtle">
-            <div class="grid grid-cols-2 gap-2 sm:grid-cols-5">
+            <div class="grid grid-cols-3 gap-2 sm:grid-cols-5">
               <button
                 (click)="setView('files')"
-                class="group flex flex-col items-center gap-1 rounded-xl border border-transparent px-2.5 py-2 text-xs font-medium text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
                 [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'files' }"
-                aria-label="Afficher les fichiers"
+                aria-label="Afficher les fichiers" title="Fichiers"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" /></svg>
-                <span>Fichiers</span>
               </button>
               <button
                 (click)="setView('search')"
-                class="group flex flex-col items-center gap-1 rounded-xl border border-transparent px-2.5 py-2 text-xs font-medium text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
                 [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'search' }"
-                aria-label="Ouvrir la recherche"
+                aria-label="Ouvrir la recherche" title="Recherche"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>
-                <span>Recherche</span>
               </button>
               <button
                 (click)="setView('tags')"
-                class="group flex flex-col items-center gap-1 rounded-xl border border-transparent px-2.5 py-2 text-xs font-medium text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
                 [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'tags' }"
-                aria-label="Afficher les tags"
+                aria-label="Afficher les tags" title="Tags"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-5 5a2 2 0 01-2.828 0l-7-7A2 2 0 013 8V3z" /></svg>
-                <span>Tags</span>
+              </button>
+              <button
+                (click)="setView('graph')"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'graph' }"
+                aria-label="Afficher la vue graphe" title="Graph View"
+              >
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" /></svg>
               </button>
               <button
                 (click)="setView('calendar')"
-                class="group flex flex-col items-center gap-1 rounded-xl border border-transparent px-2.5 py-2 text-xs font-medium text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
                 [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'calendar' }"
                 [attr.aria-pressed]="activeView() === 'calendar'"
-                aria-label="Afficher l'agenda"
+                aria-label="Afficher l'agenda" title="Agenda"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2h-1.5a1.5 1.5 0 01-3 0h-5a1.5 1.5 0 01-3 0H5a2 2 0 00-2 2v12a2 2 0 002 2z" /></svg>
-                <span>Agenda</span>
               </button>
               <button
                 (click)="setView('bookmarks')"
-                class="group flex flex-col items-center gap-1 rounded-xl border border-transparent px-2.5 py-2 text-xs font-medium text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
+                class="group flex items-center justify-center rounded-xl border border-transparent px-2.5 py-2 text-text-muted transition duration-150 hover:border-border/60 hover:bg-bg-muted/70 hover:text-text-main"
                 [ngClass]="{ 'bg-bg-muted/80 text-text-main shadow-subtle': activeView() === 'bookmarks' }"
                 [attr.aria-pressed]="activeView() === 'bookmarks'"
-                aria-label="Afficher les favoris"
+                aria-label="Afficher les favoris" title="Favoris"
               >
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z" /></svg>
-                <span>Favoris</span>
               </button>
             </div>
           </div>
@@ -186,13 +189,14 @@
               <div class="space-y-4 p-3">
                 <div class="flex flex-col gap-3">
                   <div class="relative">
-                    <input
-                      type="text"
-                      placeholder="Rechercher dans la voûte..."
-                      [ngModel]="sidebarSearchTerm()"
-                      (ngModelChange)="updateSearchTerm($event)"
-                      class="input"
-                      aria-label="Rechercher dans la voûte"
+                    <app-search-input-with-assistant
+                      [value]="sidebarSearchTerm()"
+                      (valueChange)="updateSearchTerm($event)"
+                      (submit)="onSearchSubmit($event)"
+                      [placeholder]="'Rechercher dans la voûte...'"
+                      [context]="'vault-sidebar'"
+                      [showSearchIcon]="false"
+                      [inputClass]="'input'"
                     />
                   </div>
                   @if (activeTagDisplay(); as tagDisplay) {
@@ -493,14 +497,14 @@
           </div>
           <div class="flex flex-1 items-center gap-3">
             <div class="relative w-full flex-1 min-w-0">
-              <svg class="pointer-events-none absolute left-3 top-1/2 h-5 w-5 -translate-y-1/2 text-text-muted" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>
-              <input
-                type="text"
-                placeholder="Rechercher dans la voûte..."
-                [ngModel]="sidebarSearchTerm()"
-                (ngModelChange)="updateSearchTerm($event, true)"
-                class="w-full rounded-full border border-border bg-bg-muted/70 pl-11 pr-4 py-2.5 text-sm text-text-main placeholder:text-text-muted shadow-subtle focus:outline-none focus:ring-2 focus:ring-ring"
-                aria-label="Rechercher dans la voûte"
+              <app-search-input-with-assistant
+                [value]="sidebarSearchTerm()"
+                (valueChange)="updateSearchTerm($event, true)"
+                (submit)="onSearchSubmit($event)"
+                [placeholder]="'Rechercher dans la voûte...'"
+                [context]="'vault-header'"
+                [showSearchIcon]="true"
+                [inputClass]="'w-full rounded-full border border-border bg-bg-muted/70 pl-11 pr-4 py-2.5 text-sm text-text-main placeholder:text-text-muted shadow-subtle focus:outline-none focus:ring-2 focus:ring-ring'"
               />
             </div>
             <button
@@ -583,23 +587,57 @@
             <p class="mt-1 text-xs uppercase tracking-wide text-text-muted">Table des matières & calendrier</p>
           </div>
         }
-        <div class="hidden border-b border-border px-4 py-3 text-sm font-semibold uppercase tracking-wide text-text-muted lg:block">
-          Outline
+        <div class="border-b border-border px-3 py-2">
+          <div class="flex items-center justify-between">
+            <div class="flex items-center gap-2">
+              <button
+                type="button"
+                (click)="setOutlineTab('outline')"
+                (keydown.enter)="setOutlineTab('outline')"
+                (keydown.space)="setOutlineTab('outline'); $event.preventDefault()"
+                [class.opacity-100]="outlineTab() === 'outline'"
+                [class.opacity-60]="outlineTab() !== 'outline'"
+                class="rounded-lg p-2 focus:outline-none focus:ring-2 focus:ring-ring"
+                aria-label="Afficher Outline"
+                [attr.aria-pressed]="outlineTab() === 'outline'"
+                title="Outline">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" /></svg>
+              </button>
+              <button
+                type="button"
+                (click)="setOutlineTab('settings')"
+                (keydown.enter)="setOutlineTab('settings')"
+                (keydown.space)="setOutlineTab('settings'); $event.preventDefault()"
+                [class.opacity-100]="outlineTab() === 'settings'"
+                [class.opacity-60]="outlineTab() !== 'settings'"
+                class="rounded-lg p-2 focus:outline-none focus:ring-2 focus:ring-ring"
+                aria-label="Ouvrir les réglages du graphe"
+                [attr.aria-pressed]="outlineTab() === 'settings'"
+                title="Graph-View Settings">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>
+              </button>
+            </div>
+            <div class="text-xs font-semibold uppercase tracking-wide text-text-muted">{{ outlineTab() | titlecase }}</div>
+          </div>
         </div>
         <div class="flex-1 overflow-y-auto px-4 py-4">
-          @if (tableOfContents().length > 0) {
-            <ul class="space-y-2">
-              @for (entry of tableOfContents(); track entry.id) {
-                <li [style.padding-left.rem]="(entry.level - 1) * 0.75" class="flex items-start gap-2 text-sm text-text-muted">
-                  <svg xmlns="http://www.w3.org/2000/svg" class="mt-1 h-3 w-3 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" /></svg>
-                  <a (click)="scrollToHeading(entry.id)" class="cursor-pointer leading-tight text-text-muted transition hover:text-text-main">
-                    {{ entry.text }}
-                  </a>
-                </li>
-              }
-            </ul>
+          @if (outlineTab() === 'outline') {
+            @if (tableOfContents().length > 0) {
+              <ul class="space-y-2">
+                @for (entry of tableOfContents(); track entry.id) {
+                  <li [style.padding-left.rem]="(entry.level - 1) * 0.75" class="flex items-start gap-2 text-sm text-text-muted">
+                    <svg xmlns="http://www.w3.org/2000/svg" class="mt-1 h-3 w-3 flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 20l4-16m2 16l4-16M6 9h14M4 15h14" /></svg>
+                    <a (click)="scrollToHeading(entry.id)" class="cursor-pointer leading-tight text-text-muted transition hover:text-text-main">
+                      {{ entry.text }}
+                    </a>
+                  </li>
+                }
+              </ul>
+            } @else {
+              <p class="text-sm italic text-text-muted">Aucun titre dans cette note.</p>
+            }
           } @else {
-            <p class="text-sm italic text-text-muted">Aucun titre dans cette note.</p>
+            <app-graph-inline-settings></app-graph-inline-settings>
           }
         </div>
       </div>