@runcore-sh/runcore 0.5.15 → 0.6.0

package/public/index.html

@@ -1672,6 +1672,24 @@
     animation: tool-spin 0.6s linear infinite;
   }
   @keyframes tool-spin { to { transform: rotate(360deg); } }
+  /* Status line above composer — shows what Dash is doing */
+  .chat-status-line {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 20px;
+    font-size: 12px;
+    font-family: var(--mono);
+    color: var(--text-dim);
+    background: rgba(109,93,252,0.06);
+    border-top: 1px solid rgba(109,93,252,0.12);
+    max-width: var(--max-width);
+    margin: 0 auto;
+    width: 100%;
+  }
+  .chat-status-line .tool-spinner { width: 10px; height: 10px; border-width: 1.5px; }
+  .chat-status-line .status-label { color: var(--accent); font-weight: 500; }
+  .chat-status-line .status-elapsed { color: var(--text-dim); opacity: 0.5; margin-left: auto; font-variant-numeric: tabular-nums; }
 
   .agent-block {
     margin: 8px 0;
@@ -2752,6 +2770,7 @@
         <div id="question-chips" class="question-chips"></div>
       </div>
       <div class="messages" id="messages"></div>
+      <div id="chat-status-line" class="chat-status-line" style="display:none;"></div>
       <div class="composer" id="composer">
         <div class="incognito-label">incognito — local only, no memory</div>
         <div class="attachment-preview" id="attachment-preview"></div>
@@ -3079,7 +3098,7 @@
 
   // Voice state
   let voiceStatus = { tts: false, stt: false };
-  let ttsAutoPlay = true;
+  let ttsAutoPlay = false;
   let micRecording = false;
   let mediaRecorder = null;
   let micStream = null;
@@ -3318,12 +3337,12 @@
       });
       item.querySelector(".thread-delete-btn").addEventListener("click", async (e) => {
         e.stopPropagation();
-        const tid = e.target.dataset ? e.target.dataset.threadId : null;
+        e.preventDefault();
+        var tid = t.id;
         if (!tid) return;
+        if (!confirm("Delete this chat?")) return;
         try {
-          await api("/api/threads/" + encodeURIComponent(tid) + "?sessionId=" + encodeURIComponent(sessionId), {
-            method: "DELETE",
-          });
+          await api("/api/threads/" + encodeURIComponent(tid), { method: "DELETE" });
           if (currentThreadId === tid) await createAndSwitchNewThread();
           loadThreads();
         } catch (err) { console.log("Delete thread failed:", err.message); }
@@ -5106,6 +5125,8 @@
       const decoder = new TextDecoder();
       let buffer = "";
       let streamingText = "";
+      var _responseStartTime = Date.now();
+      var _toolsUsedThisTurn = [];
 
       while (true) {
         const { done, value } = await reader.read();
@@ -5133,23 +5154,44 @@
               messagesEl.scrollTop = messagesEl.scrollHeight;
             }
             if (data.toolCall) {
-              // Model is calling a tool — show indicator
+              var _tn = data.toolCall.name || "tool";
+              _toolsUsedThisTurn.push(_tn);
+              var _fl = ({"memory_retrieve":"Searching memory","memory_learn":"Saving to memory","memory_list":"Listing memory","web_fetch":"Fetching page","files_search":"Searching files","read_brain_file":"Reading file","send_alert":"Sending alert","get_settings":"Reading settings","whiteboard_plant":"Planting question","loop_open":"Opening loop","loop_resolve":"Resolving loop"})[_tn] || _tn.replace(/_/g, " ");
+              // Pill in message body
               var toolEl = document.createElement("div");
               toolEl.className = "tool-indicator";
-              toolEl.innerHTML = '<span class="tool-spinner"></span> Using <strong>' + (data.toolCall.name || "tool").replace(/</g,"&lt;") + '</strong>...';
+              toolEl.innerHTML = '<span class="tool-spinner"></span> <strong>' + _fl.replace(/</g,"&lt;") + '</strong>';
               if (contentEl && contentEl.parentElement) {
                 contentEl.parentElement.appendChild(toolEl);
-                messagesEl.scrollTop = messagesEl.scrollHeight;
               }
+              // Status line above composer
+              var _sl = document.getElementById("chat-status-line");
+              if (_sl) {
+                _sl.style.display = "flex";
+                if (!_sl._startTime) _sl._startTime = Date.now();
+                _sl.innerHTML = '<span class="tool-spinner"></span> <span class="status-label">' + _fl.replace(/</g,"&lt;") + '</span><span class="status-elapsed">0s</span>';
+                if (_sl._timer) clearInterval(_sl._timer);
+                _sl._timer = setInterval(function() {
+                  var el = _sl.querySelector(".status-elapsed");
+                  if (el && _sl._startTime) el.textContent = Math.round((Date.now() - _sl._startTime) / 1000) + "s";
+                }, 1000);
+              }
+              messagesEl.scrollTop = messagesEl.scrollHeight;
             }
             if (data.toolResult) {
-              // Tool finished — update indicator
-              var indicators = document.querySelectorAll(".tool-indicator");
+              var _tn2 = data.toolResult.name || "tool";
+              var _fl2 = ({"memory_retrieve":"Searched memory","memory_learn":"Saved to memory","memory_list":"Listed memory","web_fetch":"Fetched page","files_search":"Searched files","read_brain_file":"Read file","send_alert":"Alert sent","get_settings":"Read settings","whiteboard_plant":"Planted question","loop_open":"Opened loop","loop_resolve":"Resolved loop"})[_tn2] || _tn2.replace(/_/g, " ");
+              var indicators = document.querySelectorAll(".tool-indicator:not(.tool-done):not(.tool-error)");
               if (indicators.length > 0) {
                 var last = indicators[indicators.length - 1];
-                last.innerHTML = (data.toolResult.isError ? "&#10007; " : "&#10003; ") + '<strong>' + (data.toolResult.name || "tool").replace(/</g,"&lt;") + '</strong>';
+                last.innerHTML = (data.toolResult.isError ? "&#10007; " : "&#10003; ") + '<strong>' + _fl2.replace(/</g,"&lt;") + '</strong>';
                 last.className = "tool-indicator " + (data.toolResult.isError ? "tool-error" : "tool-done");
               }
+              // Update status line to show completed tool
+              var _sl2 = document.getElementById("chat-status-line");
+              if (_sl2) {
+                _sl2.innerHTML = '<span class="tool-spinner"></span> <span class="status-label">' + _fl2.replace(/</g,"&lt;") + ' done</span><span class="status-elapsed">' + (_sl2._startTime ? Math.round((Date.now() - _sl2._startTime) / 1000) + "s" : "") + '</span>';
+              }
             }
             if (data.agentSpawned) {
               // Server spawned an agent — render block immediately with real task ID
@@ -5236,12 +5278,47 @@
           .trim();
       }
 
+      // Clean up status line
+      var _slEnd = document.getElementById("chat-status-line");
+      if (_slEnd) {
+        if (_slEnd._timer) clearInterval(_slEnd._timer);
+        if (_toolsUsedThisTurn.length > 0 && _slEnd._startTime) {
+          var _totalSec = Math.round((Date.now() - _slEnd._startTime) / 1000);
+          _slEnd.innerHTML = '<span style="color:var(--green);">&#10003;</span> Done in ' + _totalSec + 's';
+          setTimeout(function() { _slEnd.style.display = "none"; _slEnd._startTime = null; }, 3000);
+        } else {
+          _slEnd.style.display = "none";
+          _slEnd._startTime = null;
+        }
+      }
+
       // Remove streaming cursor and re-render final clean markdown
       if (contentEl) {
         contentEl.classList.remove("streaming-cursor");
+        // If response is empty but tools were used, show what happened
+        if (!finalText && _toolsUsedThisTurn.length > 0) {
+          var _elapsed = Math.round((Date.now() - _responseStartTime) / 1000);
+          var _unique = _toolsUsedThisTurn.reduce(function(acc, t) { acc[t] = (acc[t] || 0) + 1; return acc; }, {});
+          var _friendlyNames = {"memory_retrieve":"searched memory","memory_learn":"saved to memory","memory_list":"listed memory","web_fetch":"fetched pages","files_search":"searched files","read_brain_file":"read files","send_alert":"sent alert","get_settings":"read settings"};
+          var _summary = Object.keys(_unique).map(function(k) {
+            var label = _friendlyNames[k] || k.replace(/_/g, " ");
+            return _unique[k] > 1 ? label + " (" + _unique[k] + "x)" : label;
+          }).join(", ");
+          finalText = "*Done in " + _elapsed + "s: " + _summary + ".*";
+        }
         contentEl.innerHTML = finalText ? renderMarkdown(finalText) : "";
         applyPrivacySeals(contentEl);
         if (window._serverSealValues) applyServerSeals(contentEl, window._serverSealValues);
+        // Show elapsed time when tools were used
+        if (_toolsUsedThisTurn.length > 0) {
+          var _elapsedFinal = Math.round((Date.now() - _responseStartTime) / 1000);
+          if (_elapsedFinal >= 2) {
+            var _timeEl = document.createElement("div");
+            _timeEl.style.cssText = "font-size:11px;color:var(--text-dim);opacity:0.5;margin-top:6px;font-family:var(--mono);";
+            _timeEl.textContent = _elapsedFinal + "s";
+            if (contentEl.parentElement) contentEl.parentElement.appendChild(_timeEl);
+          }
+        }
         messagesEl.scrollTop = messagesEl.scrollHeight;
 
         // Add drift tracking for assistant response
@@ -5633,6 +5710,10 @@
   const vaultError = document.getElementById("vault-error");
 
   function openSettings() {
+    window.location.href = "/settings";
+  }
+
+  function openSettingsPanel() {
     vaultOverlay.classList.add("open");
     document.getElementById("settings-your-name").value = userName || "";
     document.getElementById("settings-agent-name").value = agentName || "Core";
@@ -5744,8 +5825,10 @@
     try {
       const data = await api("/api/models");
       const models = data.models || [];
-      const ollamaModels = models.filter(function(m) { return m.source === "ollama"; });
-      const openrouterModels = models.filter(function(m) { return m.source === "openrouter"; });
+      const ollamaModels = models.filter(function(m) { return m.source === "ollama"; })
+        .sort(function(a, b) { return a.name.localeCompare(b.name); });
+      const openrouterModels = models.filter(function(m) { return m.source === "openrouter"; })
+        .sort(function(a, b) { return a.name.localeCompare(b.name); });
 
       var dropdowns = [
         { el: modelChatSelect, current: selectedChat, autoLabel: "Auto (best available)" },
@@ -6499,7 +6582,7 @@
     // Load settings for autoPlay and toggle states
     try {
       const settings = await api("/api/settings");
-      ttsAutoPlay = settings.tts?.autoPlay !== false;
+      ttsAutoPlay = settings.tts?.autoPlay === true;
       document.getElementById("tts-toggle").checked = settings.tts?.enabled !== false;
       document.getElementById("stt-toggle").checked = settings.stt?.enabled !== false;
       document.getElementById("autoplay-toggle").checked = ttsAutoPlay;
@@ -6875,7 +6958,7 @@
           },
         },
       });
-      ttsAutoPlay = result.tts?.autoPlay !== false;
+      ttsAutoPlay = result.tts?.autoPlay === true;
       statusEl.classList.add("visible");
       setTimeout(() => statusEl.classList.remove("visible"), 2000);
     } catch (err) {
@@ -7341,8 +7424,11 @@ async function loadPairedDevices() {
 })();
 </script>
 <script>
+// Unregister any existing service worker — it caused latency and stale data
 if ("serviceWorker" in navigator) {
-  navigator.serviceWorker.register("/sw.js").catch(function() {});
+  navigator.serviceWorker.getRegistrations().then(function(regs) {
+    regs.forEach(function(r) { r.unregister(); });
+  });
 }
 </script>
 </body>