leedab 0.2.0 → 0.2.2

package/dist/dashboard/routes.js

@@ -65,7 +65,8 @@ export function createRoutes(config) {
                         result.text ??
                         result.content ??
                         stdout.trim();
-                    json(res, { reply, session: session ?? "console" });
+                    const thoughts = await readLatestThoughts(stateDir, session ?? "console");
+                    json(res, { reply, thoughts, session: session ?? "console" });
                 }
                 catch {
                     json(res, {
@@ -88,6 +89,7 @@ export function createRoutes(config) {
                 const jsonlPath = resolve(sessionsDir, `${session}.jsonl`);
                 const raw = await readFile(jsonlPath, "utf-8");
                 const messages = [];
+                let pendingThoughts = [];
                 for (const line of raw.split("\n")) {
                     if (!line.trim())
                         continue;
@@ -99,11 +101,16 @@ export function createRoutes(config) {
                         if (!msg || (msg.role !== "user" && msg.role !== "assistant"))
                             continue;
                         let text = "";
+                        const theseThoughts = [];
                         if (Array.isArray(msg.content)) {
-                            text = msg.content
-                                .filter((b) => b.type === "text")
-                                .map((b) => b.text)
-                                .join("\n");
+                            for (const b of msg.content) {
+                                if (b?.type === "text" && typeof b.text === "string") {
+                                    text += (text ? "\n" : "") + b.text;
+                                }
+                                else if (b?.type === "thinking" && typeof b.thinking === "string") {
+                                    theseThoughts.push(b.thinking);
+                                }
+                            }
                         }
                         else if (typeof msg.content === "string") {
                             text = msg.content;
@@ -111,12 +118,22 @@ export function createRoutes(config) {
                         // Strip all OpenClaw "(untrusted metadata)" blocks and timestamp prefix
                         text = text.replace(/^(\w[\w\s]*\(untrusted metadata\):\n```json\n[\s\S]*?\n```\n\n)+/, "");
                         text = text.replace(/^\[[\w]{3} \d{4}-\d{2}-\d{2} \d{2}:\d{2} \w+\] /, "");
-                        if (text) {
-                            messages.push({
-                                role: msg.role,
-                                text,
-                                timestamp: entry.timestamp,
-                            });
+                        if (msg.role === "assistant") {
+                            // Accumulate thoughts across tool-use turns until we see text
+                            pendingThoughts.push(...theseThoughts);
+                            if (text) {
+                                messages.push({
+                                    role: msg.role,
+                                    text,
+                                    thoughts: pendingThoughts.length ? pendingThoughts : undefined,
+                                    timestamp: entry.timestamp,
+                                });
+                                pendingThoughts = [];
+                            }
+                        }
+                        else if (text) {
+                            messages.push({ role: msg.role, text, timestamp: entry.timestamp });
+                            pendingThoughts = [];
                         }
                     }
                     catch { }
@@ -703,6 +720,49 @@ function parseSessionFirstMessage(text) {
     userText = userText.replace(/\nUntrusted context \(metadata[\s\S]*$/, "");
     return { senderName, cleanText: userText.trim() };
 }
+/**
+ * Walk the session JSONL backwards and collect `thinking` block content from
+ * the most recent assistant turn(s) since the last user message. Returns an
+ * ordered list of thought strings (oldest → newest).
+ */
+async function readLatestThoughts(stateDir, session) {
+    try {
+        const jsonlPath = resolve(stateDir, "agents", "main", "sessions", `${session}.jsonl`);
+        const raw = await readFile(jsonlPath, "utf-8");
+        const lines = raw.split("\n").filter((l) => l.trim());
+        const thoughts = [];
+        for (let i = lines.length - 1; i >= 0; i--) {
+            let entry;
+            try {
+                entry = JSON.parse(lines[i]);
+            }
+            catch {
+                continue;
+            }
+            if (entry.type !== "message")
+                continue;
+            const msg = entry.message;
+            if (!msg)
+                continue;
+            // Stop once we hit the user message that triggered this turn.
+            if (msg.role === "user")
+                break;
+            if (msg.role !== "assistant")
+                continue;
+            if (!Array.isArray(msg.content))
+                continue;
+            for (const block of msg.content) {
+                if (block?.type === "thinking" && typeof block.thinking === "string") {
+                    thoughts.unshift(block.thinking);
+                }
+            }
+        }
+        return thoughts;
+    }
+    catch {
+        return [];
+    }
+}
 function json(res, data, status = 200) {
     res.writeHead(status, { "Content-Type": "application/json" });
     res.end(JSON.stringify(data));

package/dist/dashboard/static/admin.html

@@ -11,7 +11,7 @@
   <style>
     .page-header { display:flex; align-items:center; justify-content:space-between; padding:0 20px; height:52px; border-bottom:1px solid var(--border); background:var(--bg); }
     .page-header-left { display:flex; align-items:center; gap:10px; }
-    .page-header-title { font-size:14px; font-weight:600; letter-spacing:-0.01em; }
+    .page-header-title { font-size:13px; font-weight:700; letter-spacing:-0.01em; }
     .page-nav { display:flex; align-items:center; gap:2px; }
     .page-nav a, .page-nav button { color:var(--text-dim); text-decoration:none; display:flex; align-items:center; gap:5px; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:450; transition:all 0.15s; background:none; border:none; cursor:pointer; font-family:inherit; }
     .page-nav a:hover, .page-nav button:hover { color:var(--text-secondary); background:var(--surface-raised); }

package/dist/dashboard/static/index.html

@@ -75,8 +75,8 @@
     }
 
     .header-title {
-      font-size: 14px;
-      font-weight: 600;
+      font-size: 13px;
+      font-weight: 700;
       letter-spacing: -0.01em;
     }
 
@@ -302,6 +302,39 @@
       font-size: 13px;
     }
 
+    /* Thoughts (collapsible, shown before final answer) */
+    .thoughts {
+      margin-bottom: 8px;
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      background: var(--surface);
+      font-size: 13px;
+    }
+    .thoughts > summary {
+      cursor: pointer;
+      list-style: none;
+      padding: 8px 12px;
+      color: var(--text-dim);
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      user-select: none;
+    }
+    .thoughts > summary::-webkit-details-marker { display: none; }
+    .thoughts > summary::before {
+      content: "▸";
+      font-size: 10px;
+      transition: transform 0.15s;
+    }
+    .thoughts[open] > summary::before { transform: rotate(90deg); }
+    .thoughts .thought {
+      padding: 8px 12px;
+      border-top: 1px solid var(--border);
+      color: var(--text-secondary);
+      white-space: pre-wrap;
+      line-height: 1.5;
+    }
+
     .thinking-spinner {
       width: 14px;
       height: 14px;
@@ -676,7 +709,7 @@
         if (data.error) {
           appendMessage("Something went wrong. Is the gateway running?", "agent");
         } else {
-          appendMessage(data.reply, "agent");
+          appendMessage(data.reply, "agent", data.thoughts);
         }
       } catch (err) {
         thinkingEl.remove();
@@ -695,7 +728,7 @@
           if (emptyState) emptyState.remove();
           for (const m of messages) {
             const type = m.role === "user" ? "user" : "agent";
-            appendMessage(m.text || m.content || "", type);
+            appendMessage(m.text || m.content || "", type, m.thoughts);
           }
         }
       } catch {}
@@ -705,7 +738,7 @@
       return new Date().toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit" });
     }
 
-    function appendMessage(text, type) {
+    function appendMessage(text, type, thoughts) {
       const row = document.createElement("div");
       row.className = `msg-row ${type}`;
 
@@ -728,6 +761,23 @@
       meta.className = "msg-meta";
       meta.innerHTML = `<span class="msg-name">${type === "agent" ? "LeedAB" : userName}</span><span class="msg-time">${now()}</span>`;
 
+      content.appendChild(meta);
+
+      if (type === "agent" && Array.isArray(thoughts) && thoughts.length) {
+        const details = document.createElement("details");
+        details.className = "thoughts";
+        const summary = document.createElement("summary");
+        summary.textContent = `Thought for a moment · ${thoughts.length} step${thoughts.length === 1 ? "" : "s"}`;
+        details.appendChild(summary);
+        for (const t of thoughts) {
+          const div = document.createElement("div");
+          div.className = "thought";
+          div.textContent = t;
+          details.appendChild(div);
+        }
+        content.appendChild(details);
+      }
+
       const bubble = document.createElement("div");
       bubble.className = `msg-bubble ${type}`;
       if (type === "agent") {
@@ -736,7 +786,6 @@
         bubble.textContent = text;
       }
 
-      content.appendChild(meta);
       content.appendChild(bubble);
       row.appendChild(avatar);
       row.appendChild(content);

package/dist/dashboard/static/sessions.html

@@ -11,7 +11,7 @@
   <style>
     .page-header { display:flex; align-items:center; justify-content:space-between; padding:0 20px; height:52px; border-bottom:1px solid var(--border); background:var(--bg); }
     .page-header-left { display:flex; align-items:center; gap:10px; }
-    .page-header-title { font-size:14px; font-weight:600; letter-spacing:-0.01em; }
+    .page-header-title { font-size:13px; font-weight:700; letter-spacing:-0.01em; }
     .page-nav { display:flex; align-items:center; gap:2px; }
     .page-nav a, .page-nav button { color:var(--text-dim); text-decoration:none; display:flex; align-items:center; gap:5px; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:450; transition:all 0.15s; background:none; border:none; cursor:pointer; font-family:inherit; }
     .page-nav a:hover, .page-nav button:hover { color:var(--text-secondary); background:var(--surface-raised); }
@@ -23,10 +23,6 @@
       <a href="/" class="page-header-title" style="text-decoration:none;color:inherit">LeedAB</a>
     </div>
     <div class="page-nav">
-      <button class="theme-btn" onclick="toggleTheme()" title="Toggle theme">
-        <svg id="theme-icon-sun" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg>
-        <svg id="theme-icon-moon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="display:none"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>
-      </button>
     </div>
   </div>
 
@@ -106,22 +102,6 @@
     function initTheme() {
       const saved = localStorage.getItem("leedab-theme") || "dark";
       document.documentElement.setAttribute("data-theme", saved);
-      updateThemeIcon(saved);
-    }
-    function toggleTheme() {
-      const current = document.documentElement.getAttribute("data-theme") || "dark";
-      const next = current === "dark" ? "light" : "dark";
-      document.documentElement.setAttribute("data-theme", next);
-      localStorage.setItem("leedab-theme", next);
-      updateThemeIcon(next);
-    }
-    function updateThemeIcon(theme) {
-      const sun = document.getElementById("theme-icon-sun");
-      const moon = document.getElementById("theme-icon-moon");
-      if (sun && moon) {
-        sun.style.display = theme === "dark" ? "block" : "none";
-        moon.style.display = theme === "light" ? "block" : "none";
-      }
     }
     initTheme();
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leedab",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "LeedAB — Your enterprise AI agent. Local-first, private by default.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "LeedAB <hello@leedab.com>",