@lifeaitools/clauth 1.19.3 → 1.19.4

package/cli/commands/serve.js

@@ -766,8 +766,11 @@ function dashboardHtml(port, whitelist, isStaged = false, initWriteToken = null)
   .build-label{font-size:.85rem;color:#94a3b8;flex:1}
   .build-label strong{color:#e2e8f0}
   .build-meta{font-family:'Courier New',monospace;font-size:.75rem;color:#64748b}
-  .tintin-panel{display:none;position:fixed;top:0;right:0;bottom:0;z-index:80;width:min(420px,calc(100vw - 24px));background:#081c1a;border-left:1px solid #14532d;padding:1rem 1.25rem;box-shadow:-22px 0 60px rgba(0,0,0,.42);overflow:auto}
-  .tintin-panel.open{display:block}
+  .tintin-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:81;writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(180deg,#103c2f,#0f2f3f);color:#86efac;border:1px solid #166534;border-right:none;border-radius:8px 0 0 8px;padding:14px 6px;font-size:.78rem;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all .2s}
+  .tintin-tab:hover{background:linear-gradient(180deg,#14532d,#155e75);color:#bbf7d0;padding-right:10px}
+  .tintin-tab.active{background:#081c1a;border-color:#22c55e;color:#bbf7d0}
+  .tintin-panel{position:fixed;top:0;right:-440px;bottom:0;z-index:80;width:min(420px,calc(100vw - 24px));background:#081c1a;border-left:1px solid #14532d;padding:0;box-shadow:-22px 0 60px rgba(0,0,0,.42);display:flex;flex-direction:column;transition:right .25s ease}
+  .tintin-panel.open{right:0}
   .tintin-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:.8rem}
   .tintin-title{font-size:.95rem;font-weight:700;color:#dcfce7}
   .tintin-sub{font-size:.78rem;color:#6ee7b7;margin-top:2px}
@@ -950,7 +953,6 @@ function dashboardHtml(port, whitelist, isStaged = false, initWriteToken = null)
     <button class="btn-refresh" onclick="loadServices()">↻ Refresh</button>
     <button class="btn-add" onclick="toggleAddService()">+ Add Service</button>
     <button class="btn-check" id="check-btn" onclick="checkAll()">⬤ Check All</button>
-    <button class="btn-monkey" id="tintin-btn" onclick="toggleTinTinPanel()" title="Open TinTin local CLI dispatch panel">TinTin</button>
     <button class="btn-ccandme" id="ccandme-btn" onclick="launchCCandMe()" title="Launch CCandMe — 4-pane WezTerm: Claude + Codex + Me">⚡ CCandMe</button>
     <button class="btn-lock" id="unlock-writes-btn" onclick="unlockWrites()" title="Enter password to enable saving changes this browser session (needed after a daemon restart when auto-unlocked via --pw)">🔓 Unlock Writes</button>
     <button class="btn-lock" onclick="lockVault()">🔒 Lock</button>
@@ -1079,31 +1081,35 @@ function dashboardHtml(port, whitelist, isStaged = false, initWriteToken = null)
     </div>
   </div>
 
+  <div class="tintin-tab" id="tintin-tab" onclick="toggleTinTinPanel()">TinTin</div>
   <div class="tintin-panel" id="tintin-panel">
-    <div class="tintin-head">
-      <div>
-        <div class="tintin-title">TinTin — clauth CLI dispatch</div>
-        <div class="tintin-sub">Dispatches a Claude CLI agent with clauth context. Uses sonnet-4-6 model. Routes: /monkey/dispatch → Claude CLI → /monkey/dispatch/:job_id.</div>
+    <div class="tintin-head" style="padding:12px 16px;border-bottom:1px solid #14532d;flex-shrink:0">
+      <div style="display:flex;align-items:center;justify-content:space-between">
+        <div class="tintin-title">TinTin</div>
+        <button class="btn-cancel" onclick="toggleTinTinPanel()" style="font-size:16px;padding:2px 6px">x</button>
       </div>
-      <button class="btn-cancel" onclick="toggleTinTinPanel()">Close</button>
+      <div class="tintin-sub">claude-sonnet-4-6 · clauth CLI dispatch</div>
     </div>
-    <div class="tintin-grid">
-      <div class="tintin-field">
-        <label>App slug</label>
-        <input class="tintin-input" id="tintin-app" value="clauth-dashboard" spellcheck="false" autocomplete="off">
+    <div id="tintin-messages" style="flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px">
+      <div style="font-size:.78rem;color:#6ee7b7;font-style:italic">Ask anything. Runs a Claude CLI agent with full clauth + repo context.</div>
+    </div>
+    <div style="padding:10px 16px;border-top:1px solid #14532d;flex-shrink:0">
+      <div class="tintin-grid" style="margin-bottom:8px">
+        <div class="tintin-field">
+          <label>CWD</label>
+          <input class="tintin-input" id="tintin-cwd" value="C:\\Dev\\regen-root" spellcheck="false" autocomplete="off">
+        </div>
+        <div class="tintin-field">
+          <label>App</label>
+          <input class="tintin-input" id="tintin-app" value="clauth" spellcheck="false" autocomplete="off">
+        </div>
       </div>
-      <div class="tintin-field">
-        <label>CWD</label>
-        <input class="tintin-input" id="tintin-cwd" value="C:\\Dev\\regen-root" spellcheck="false" autocomplete="off">
+      <textarea class="tintin-textarea" id="tintin-prompt" spellcheck="false" placeholder="Ask TinTin..." style="min-height:64px;margin-bottom:8px"></textarea>
+      <div style="display:flex;gap:8px;align-items:center">
+        <button class="btn-tintin" id="tintin-send" onclick="sendTinTinMessage()" style="flex:1">Send</button>
+        <span class="tintin-status" id="tintin-status">idle</span>
       </div>
     </div>
-    <textarea class="tintin-textarea" id="tintin-prompt" spellcheck="false">Reply exactly: tintin-dashboard-ok</textarea>
-    <div class="tintin-actions">
-      <button class="btn-monkey" id="tintin-send" onclick="sendTinTinMessage()">Dispatch</button>
-      <button class="btn-check" onclick="fillTinTinSmoke()" style="padding:7px 12px">Smoke Prompt</button>
-      <span class="tintin-status" id="tintin-status">idle</span>
-    </div>
-    <div class="tintin-result" id="tintin-result"></div>
   </div>
 
 
@@ -1510,8 +1516,10 @@ let tintinPollTimer = null;
 
 function toggleTinTinPanel() {
   const panel = document.getElementById("tintin-panel");
+  const tab = document.getElementById("tintin-tab");
   if (!panel) return;
   panel.classList.toggle("open");
+  if (tab) tab.classList.toggle("active");
 }
 
 function fillTinTinSmoke() {
@@ -1526,12 +1534,20 @@ function setTinTinStatus(text) {
   if (el) el.textContent = text || "";
 }
 
+function appendTinTinMessage(role, text) {
+  const container = document.getElementById("tintin-messages");
+  if (!container || !text) return;
+  const bubble = document.createElement("div");
+  bubble.style.cssText = role === "user"
+    ? "background:#14532d;border:1px solid #166534;border-radius:8px;padding:8px 10px;font-size:.82rem;color:#bbf7d0;white-space:pre-wrap;word-break:break-word;align-self:flex-end;max-width:90%"
+    : "background:#0a1f1a;border:1px solid #134e4a;border-radius:8px;padding:8px 10px;font-size:.82rem;color:#86efac;font-family:'Courier New',monospace;white-space:pre-wrap;word-break:break-word;max-width:95%;max-height:300px;overflow:auto";
+  bubble.textContent = text;
+  container.appendChild(bubble);
+  container.scrollTop = container.scrollHeight;
+}
+
 function setTinTinResult(text, open) {
-  const el = document.getElementById("tintin-result");
-  if (!el) return;
-  el.textContent = text || "";
-  if (open) el.classList.add("open");
-  else el.classList.remove("open");
+  if (open && text) appendTinTinMessage("assistant", text);
 }
 
 async function sendTinTinMessage() {
@@ -1563,9 +1579,10 @@ async function sendTinTinMessage() {
     }
   };
 
+  appendTinTinMessage("user", prompt);
+  if (promptEl) promptEl.value = "";
   if (sendBtn) { sendBtn.disabled = true; sendBtn.textContent = "Dispatching..."; }
-  setTinTinStatus("dispatching " + jobId);
-  setTinTinResult("", false);
+  setTinTinStatus("dispatching");
   try {
     const response = await fetch(BASE + "/monkey/dispatch", {
       method: "POST",
@@ -1602,17 +1619,10 @@ async function pollTinTinJob(jobId, attempt) {
       tintinPollTimer = setTimeout(function() { pollTinTinJob(jobId, attempt + 1); }, 1500);
       return;
     }
-    setTinTinStatus(job.status + " exit " + job.exit_code);
-    const out = [
-      "status: " + job.status,
-      "job: " + jobId,
-      "cwd: " + (job.cwd || ""),
-      "",
-      "stdout:",
-      job.stdout || "",
-      job.stderr ? "\\nstderr:\\n" + job.stderr : ""
-    ].join("\\n");
-    setTinTinResult(out, true);
+    setTinTinStatus(job.status === "completed" ? "done" : job.status);
+    const out = (job.stdout || "").trim();
+    if (out) appendTinTinMessage("assistant", out);
+    if (job.stderr && job.stderr.trim()) appendTinTinMessage("assistant", "stderr: " + job.stderr.trim());
   } catch (err) {
     setTinTinStatus("poll error");
     setTinTinResult(err && err.message ? err.message : String(err), true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifeaitools/clauth",
-  "version": "1.19.3",
+  "version": "1.19.4",
   "description": "Hardware-bound credential vault for the LIFEAI infrastructure stack",
   "type": "module",
   "bin": {