terminate worker after 5 seconds of inactivity

src/dotnet/APIView/APIViewWeb/LeanModels/ReviewRevisionPageModels.cs

@@ -33,7 +33,6 @@ public class ReviewContentModel
         public Dictionary<string, ReviewContentModel> CrossLanguageViewContent { get; set; } = new Dictionary<string, ReviewContentModel>();
     }
 
-<<<<<<< HEAD
     public class ReviewBadgeModel
     {
         public ReviewListItemModel Review { get; set; }
@@ -43,12 +42,12 @@ public class ReviewBadgeModel
         public UserPreferenceModel UserPreference { get; set; }
         public bool? ShowDocumentation { get; set; }
         public bool? ShowDiffOnly { get; set; }
-=======
+    }
+
     public class ReviewCodePanelData
     {
         public IEnumerable<CommentItemModel> Comments { get; set; }
         public List<APITreeNodeForAPI> APIForest { get; set; } = new List<APITreeNodeForAPI>();
         public CodeDiagnostic[] Diagnostics { get; set; }
->>>>>>> 5c591dacb (Show / Hide Documentation)
     }
 }

src/dotnet/APIView/ClientSPA/src/app/_components/api-revision-options/api-revision-options.component.scss

@@ -1,5 +1,5 @@
 :host ::ng-deep {
     .selected-item-content{
-        max-width: 12dvw;
+        max-width: 10dvw;
     }
 }

src/dotnet/APIView/ClientSPA/src/app/_components/review-page/review-page.component.html

@@ -7,7 +7,7 @@
         </div>
         <div style="flex-grow: 1; min-width: 0; margin-left: 7px;">
             <p-splitter 
-                [panelSizes]="[10, 70, 20]"
+                [panelSizes]="[15, 65, 20]"
                 [minSizes]="[1, 1, 1]"
                 [gutterSize]="6">
                 <ng-template pTemplate>

src/dotnet/APIView/ClientSPA/src/app/_services/worker/worker.service.ts

@@ -5,22 +5,41 @@ import { Observable, Subject } from 'rxjs';
   providedIn: 'root'
 })
 export class WorkerService {
-  private apiTreeBuilder : Worker;
+  private apiTreeBuilder : Worker | null = null;
   private apiTreeMessages = new Subject<any>();
+  private workerTimeout : any;
 
   constructor() {
+    this.startWorker();
+  }
+
+  startWorker() {
     this.apiTreeBuilder = new Worker(new URL('../../_workers/apitree-builder.worker', import.meta.url));
 
     this.apiTreeBuilder.onmessage = ({ data }) => {
       this.apiTreeMessages.next(data);
+      this.resetWorkerTimeout();
     };
   }
 
   postToApiTreeBuilder(message: any) {
-    this.apiTreeBuilder.postMessage(message);
+    if (!this.apiTreeBuilder) {
+      this.startWorker();
+    }
+
+    this.apiTreeBuilder!.postMessage(message);
+    this.resetWorkerTimeout();
   }
 
   onMessageFromApiTreeBuilder(): Observable<any> {
     return this.apiTreeMessages.asObservable();
   }
+
+  private resetWorkerTimeout() {
+    clearTimeout(this.workerTimeout);
+    this.workerTimeout = setTimeout(() => {
+      this.apiTreeBuilder!.terminate();
+      this.apiTreeBuilder = null;
+    }, 5000); // Terminate worker after 5 seconds of inactivity
+  }
 }