perf: defer AI assist component until interaction with button

Author: devversion

report-app/src/app/pages/report-viewer/report-viewer.html

@@ -173,15 +173,17 @@ <h4>Repair System Prompt</h4>
     </expansion-panel>
 
     @if (report.details.summary.aiSummary !== undefined) {
-      <button class="fab" (click)="isAiAssistantVisible.set(true)">
+      <button #aiAssistButton class="fab" (click)="isAiAssistantVisible.set(true)">
         <span class="material-symbols-outlined">smart_toy</span>
       </button>
 
-      <app-ai-assistant
-        [class.hidden]="!isAiAssistantVisible()"
-        [reportGroupId]="reportGroupId()"
-        (close)="isAiAssistantVisible.set(false)"
-      />
+      @defer (on interaction(aiAssistButton)) {
+        <app-ai-assistant
+          [class.hidden]="!isAiAssistantVisible()"
+          [reportGroupId]="reportGroupId()"
+          (close)="isAiAssistantVisible.set(false)"
+        />
+      }
     }
 
     @if (missingDeps().length > 0) {
@@ -346,6 +348,8 @@ <h5>
 
 
 
+
+
                     }}%)
                   </span>
                 </div>