feat: add trip info rerpot

index.html

@@ -103,6 +103,31 @@
           >
             <i class="fas fa-chart-bar"></i>
           </button>
+
+          <div
+            style="
+              width: 1px;
+              height: 24px;
+              background: rgba(255, 255, 255, 0.2);
+              margin: 0 8px;
+            "
+          ></div>
+
+          <button
+            class="view-btn main-tab-btn active"
+            data-target="graph"
+            title="Graph View"
+          >
+            <i class="fas fa-chart-line"></i>
+          </button>
+
+          <button
+            class="view-btn main-tab-btn"
+            data-target="report"
+            title="Report View"
+          >
+            <i class="fas fa-clipboard-list"></i>
+          </button>
         </div>
 
         <div class="nav-links">
@@ -598,15 +623,24 @@ <h3>No Telemetry Loaded</h3>
                     <i class="fas fa-folder-open"></i> Open Log Source
                   </button>
                   <button class="btn" onclick="loadSampleData(false)">
-                    <i class="fas fa-vial"></i> Load Sample Trip
+                    <i class="fas fa-vial"></i> Load Sample Trip (Giulietta 1.75
+                    TBI)
+                  </button>
+                  <button class="btn" onclick="loadSampleData(false)">
+                    <i class="fas fa-vial"></i> Load Sample Trip (Giulia 2.0
+                    GME)
                   </button>
                 </div>
               </div>
             </div>
           </div>
 
           <div id="mapContainer" class="map-view-container hidden"></div>
-
+          <div
+            id="report-container"
+            class="main-view-container"
+            style="display: none"
+          ></div>
           <div id="dropZone" class="drop-zone">
             <div class="drop-zone-content">
               <i class="fas fa-file-upload"></i>

src/projectmanager.js

@@ -7,14 +7,15 @@
   #currentProject;
   #isReplaying;
   #libraryContainer;
+  #hydrationPromise;
 
   constructor() {
     this.#currentProject =
       this.#loadFromStorage() || this.#createEmptyProject();
     this.#isReplaying = false;
     this.#libraryContainer = null;
 
-    dbManager.init().then(async () => {
+    this.#hydrationPromise = dbManager.init().then(async () => {
       await this.#hydrateActiveFiles();
       this.renderLibrary();
     });
@@ -31,6 +32,14 @@
   initLibraryUI(containerId) {
     this.#libraryContainer = document.getElementById(containerId);
     this.renderLibrary();
+
+    if (this.#hydrationPromise) {
+      this.#hydrationPromise.then(() => {
+        if (AppState.files.length > 0) {
+          messenger.emit('dataprocessor:batch-load-completed', {});
+        }
+      });
+    }
   }
 
   async renderLibrary() {
@@ -364,11 +373,11 @@
             action.payload.channelName,
             { ...action.payload.options, isReplay: true }
           );
           successCount++;
         }
       } catch (e) {
         console.warn(e);
         skipCount++;
       }
     }
     this.#isReplaying = false;

src/signals.json

@@ -1,4 +1,16 @@
 [
+  {
+    "name": "Engine Coolant Temp",
+    "default": false,
+    "aliases": ["Engine Coolant Temp"]
+  },
+
+  {
+    "name": "Oil Temp",
+    "default": false,
+    "aliases": ["Estimated Oil Temp", "Engine Oil Temperature"]
+  },
+
   {
     "name": "Fuel Level",
     "default": false,