feat: Add loading indicator to Map Now button and switch default LLM to deepseek-r1:1.5b

Author: esteininger

demo/app.js

@@ -166,6 +166,7 @@ async function onFiles(files) {
 
 async function mapNow() {
   els.mapBtn.disabled = true;
+  els.mapBtn.classList.add("loading"); // Add loading class
   try {
     const body = {
       version_from: "2.x",
@@ -197,6 +198,7 @@ async function mapNow() {
     alert(`Map failed: ${e.message || e}`);
   } finally {
     els.mapBtn.disabled = false;
+    els.mapBtn.classList.remove("loading"); // Remove loading class
     els.clearBtn.disabled = state.rows.length === 0; // Enable Clear after mapping/error
   }
 }

demo/index.html

@@ -57,7 +57,7 @@ <h1>IAB 2.x → 3.0 Mapper</h1>
           <input id="search" type="search" placeholder="Search…" title="Client‑side filter across all columns." />
         </div>
         <div class="spacer"></div>
-        <button id="mapBtn" disabled>Map Now</button>
+        <button id="mapBtn" disabled>Map Now <i class="fas fa-spinner fa-spin loading-spinner"></i></button>
         <div class="exports">
           <button id="exportCsv" disabled>Download CSV</button>
           <button id="exportJson" disabled>Download JSON</button>
@@ -86,7 +86,7 @@ <h1>IAB 2.x → 3.0 Mapper</h1>
 
             <div class="field">
               <label for="llmModel">LLM model <i class="fa-regular fa-circle-question help-icon" data-tooltip="Ollama model name to use for re‑rank (e.g., llama3.1:8b)."></i></label>
-              <input id="llmModel" type="text" value="llama3.1:8b" />
+              <input id="llmModel" type="text" value="deepseek-r1:1.5b" />
             </div>
 
             <div class="field">

demo/styles.css

@@ -49,6 +49,11 @@ h1{ font-size:20px; margin:0 0 6px 0; }
 .control select[multiple]{ min-width:180px; }
 .method-group{ display:flex; gap:10px; flex-wrap:wrap; }
 .method-group label{ display:flex; align-items:center; gap:6px; background:#0f1520; border:1px solid var(--border); border-radius:8px; padding:6px 10px; color:var(--text); }
+.method-group label:hover,
+.method-group label:focus-within {
+  background-color: #e0e0e0;
+}
+
 .spacer{ flex:1; }
 button{ background:linear-gradient(180deg,#1c2838,#152030); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:10px 14px; cursor:pointer; transition:transform .08s ease, box-shadow .12s ease, border-color .12s ease; }
 button:disabled{ opacity:0.6; cursor:not-allowed; }
@@ -70,6 +75,21 @@ button#mapBtn:active{ transform: translateY(0); }
 button#mapBtn:disabled{ background:#1b2a3a; color:var(--muted); border-color:var(--border); box-shadow:none; }
 .exports button{ margin-left:8px; }
 
+.loading-spinner {
+  display: none;
+  margin-left: 8px; /* Space between text and spinner */
+}
+
+#mapBtn.loading {
+  cursor: not-allowed;
+  background: #6c757d; /* A grayed-out look */
+  border-color: #6c757d;
+}
+
+#mapBtn.loading .loading-spinner {
+  display: inline-block;
+}
+
 .results{ margin:16px 0 40px; }
 table{ width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--border); border-radius:10px; overflow:hidden; }
 thead th{ text-align:left; padding:10px; background:#0f1520; color:var(--muted); font-weight:600; border-bottom:1px solid var(--border); }

uvicorn.log

@@ -1,30 +1,6 @@
 INFO:     Will watch for changes in these directories: ['/Users/ethan/Dev/mixpeek/tools/iab-mapper']
 INFO:     Uvicorn running on http://0.0.0.0:8001 (Press CTRL+C to quit)
-INFO:     Started reloader process [78622] using WatchFiles
-INFO:     Started server process [78671]
-INFO:     Waiting for application startup.
-INFO:     Application startup complete.
-WARNING:  WatchFiles detected changes in 'iab_mapper/pipeline.py'. Reloading...
-INFO:     Shutting down
-INFO:     Waiting for application shutdown.
-INFO:     Application shutdown complete.
-INFO:     Finished server process [78671]
-INFO:     Started server process [78773]
-INFO:     Waiting for application startup.
-INFO:     Application startup complete.
-WARNING:  WatchFiles detected changes in 'iab_mapper/pipeline.py'. Reloading...
-INFO:     Shutting down
-INFO:     Waiting for application shutdown.
-INFO:     Application shutdown complete.
-INFO:     Finished server process [78773]
-INFO:     Started server process [90044]
-INFO:     Waiting for application startup.
-INFO:     Application startup complete.
-WARNING:  WatchFiles detected changes in 'iab_mapper/pipeline.py'. Reloading...
-INFO:     Shutting down
-INFO:     Waiting for application shutdown.
-INFO:     Application shutdown complete.
-INFO:     Finished server process [90044]
-INFO:     Started server process [90125]
+INFO:     Started reloader process [24745] using WatchFiles
+INFO:     Started server process [24794]
 INFO:     Waiting for application startup.
 INFO:     Application startup complete.