@lifeaitools/clauth 1.19.2 → 1.19.4

package/cli/commands/serve.js

@@ -747,9 +747,9 @@ function dashboardHtml(port, whitelist, isStaged = false, initWriteToken = null)
   .btn-ccandme{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#a78bfa;border:1px solid #4c1d95;padding:7px 16px;font-size:.85rem;border-radius:7px;cursor:pointer;font-weight:600;transition:all .15s;white-space:nowrap}
   .btn-ccandme:hover{background:linear-gradient(135deg,#2d1b69,#1e1b4b);border-color:#7c3aed;color:#c4b5fd;transform:translateY(-1px)}
   .btn-ccandme:disabled{opacity:.5;cursor:not-allowed;transform:none}
-  .btn-monkey{background:linear-gradient(135deg,#103c2f,#0f2f3f);color:#86efac;border:1px solid #166534;padding:7px 16px;font-size:.85rem;border-radius:7px;cursor:pointer;font-weight:700;transition:all .15s;white-space:nowrap}
-  .btn-monkey:hover{background:linear-gradient(135deg,#14532d,#155e75);border-color:#22c55e;color:#bbf7d0;transform:translateY(-1px)}
-  .btn-monkey:disabled{opacity:.5;cursor:not-allowed;transform:none}
+  .btn-tintin{background:linear-gradient(135deg,#103c2f,#0f2f3f);color:#86efac;border:1px solid #166534;padding:7px 16px;font-size:.85rem;border-radius:7px;cursor:pointer;font-weight:700;transition:all .15s;white-space:nowrap}
+  .btn-tintin:hover{background:linear-gradient(135deg,#14532d,#155e75);border-color:#22c55e;color:#bbf7d0;transform:translateY(-1px)}
+  .btn-tintin:disabled{opacity:.5;cursor:not-allowed;transform:none}
   .btn-claude{background:linear-gradient(135deg,#d97706,#f59e0b);color:#0a0f1a;padding:8px 18px;font-size:.85rem;border-radius:7px;border:none;cursor:pointer;font-weight:700;letter-spacing:.3px;transition:all .15s;white-space:nowrap}
   .btn-claude:hover{filter:brightness(1.1);transform:translateY(-1px)}
   .btn-claude:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:none}
@@ -766,22 +766,25 @@ 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}
-  .monkey-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}
-  .monkey-panel.open{display:block}
-  .monkey-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:.8rem}
-  .monkey-title{font-size:.95rem;font-weight:700;color:#dcfce7}
-  .monkey-sub{font-size:.78rem;color:#6ee7b7;margin-top:2px}
-  .monkey-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
-  .monkey-field{display:flex;flex-direction:column;gap:4px}
-  .monkey-field label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
-  .monkey-input,.monkey-textarea{background:#031312;border:1px solid #14532d;border-radius:6px;color:#e2e8f0;font-family:'Courier New',monospace;font-size:.85rem;padding:8px 10px;outline:none;transition:border-color .15s}
-  .monkey-input:focus,.monkey-textarea:focus{border-color:#22c55e}
-  .monkey-textarea{width:100%;min-height:92px;resize:vertical;line-height:1.45;margin-bottom:10px}
-  .monkey-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
-  .monkey-status{font-family:'Courier New',monospace;font-size:.78rem;color:#94a3b8}
-  .monkey-result{display:none;margin-top:12px;background:#020b0a;border:1px solid #134e4a;border-radius:8px;padding:10px;white-space:pre-wrap;word-break:break-word;font-family:'Courier New',monospace;font-size:.82rem;color:#bbf7d0;max-height:240px;overflow:auto}
-  .monkey-result.open{display:block}
-  @media (max-width:720px){.monkey-panel{width:100vw}.monkey-grid{grid-template-columns:1fr}}
+  .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}
+  .tintin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
+  .tintin-field{display:flex;flex-direction:column;gap:4px}
+  .tintin-field label{font-size:.72rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
+  .tintin-input,.tintin-textarea{background:#031312;border:1px solid #14532d;border-radius:6px;color:#e2e8f0;font-family:'Courier New',monospace;font-size:.85rem;padding:8px 10px;outline:none;transition:border-color .15s}
+  .tintin-input:focus,.tintin-textarea:focus{border-color:#22c55e}
+  .tintin-textarea{width:100%;min-height:92px;resize:vertical;line-height:1.45;margin-bottom:10px}
+  .tintin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+  .tintin-status{font-family:'Courier New',monospace;font-size:.78rem;color:#94a3b8}
+  .tintin-result{display:none;margin-top:12px;background:#020b0a;border:1px solid #134e4a;border-radius:8px;padding:10px;white-space:pre-wrap;word-break:break-word;font-family:'Courier New',monospace;font-size:.82rem;color:#bbf7d0;max-height:240px;overflow:auto}
+  .tintin-result.open{display:block}
+  @media (max-width:720px){.tintin-panel{width:100vw}.tintin-grid{grid-template-columns:1fr}}
   .mcp-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}
   .mcp-label{font-size:.72rem;color:#64748b;min-width:80px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
   .mcp-val{flex:1;font-family:'Courier New',monospace;font-size:.82rem;color:#60a5fa;background:#0a0f1a;border:1px solid #1e3a5f;border-radius:4px;padding:6px 10px;word-break:break-all;user-select:all}
@@ -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="monkey-btn" onclick="toggleMonkeyPanel()" title="Open Monkey local CLI dispatch test panel">Monkey</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="monkey-panel" id="monkey-panel">
-    <div class="monkey-head">
-      <div>
-        <div class="monkey-title">Monkey local CLI dispatch</div>
-        <div class="monkey-sub">Tests the same local clauth path the browser sidebar will use: /monkey/dispatch → Claude CLI → /monkey/dispatch/:job_id.</div>
+  <div class="tintin-tab" id="tintin-tab" onclick="toggleTinTinPanel()">TinTin</div>
+  <div class="tintin-panel" id="tintin-panel">
+    <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="toggleMonkeyPanel()">Close</button>
+      <div class="tintin-sub">claude-sonnet-4-6 · clauth CLI dispatch</div>
     </div>
-    <div class="monkey-grid">
-      <div class="monkey-field">
-        <label>App slug</label>
-        <input class="monkey-input" id="monkey-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="monkey-field">
-        <label>CWD</label>
-        <input class="monkey-input" id="monkey-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="monkey-textarea" id="monkey-prompt" spellcheck="false">Reply exactly: monkey-dashboard-ok</textarea>
-    <div class="monkey-actions">
-      <button class="btn-monkey" id="monkey-send" onclick="sendMonkeyDashboardMessage()">Dispatch CLI</button>
-      <button class="btn-check" onclick="fillMonkeySmoke()" style="padding:7px 12px">Smoke Prompt</button>
-      <span class="monkey-status" id="monkey-status">idle</span>
-    </div>
-    <div class="monkey-result" id="monkey-result"></div>
   </div>
 
 
@@ -1505,52 +1511,62 @@ async function launchCCandMe() {
   }
 }
 
-// ── Monkey local CLI dispatch test panel ──
-let monkeyPollTimer = null;
+// ── TinTin local CLI dispatch sidebar ──
+let tintinPollTimer = null;
 
-function toggleMonkeyPanel() {
-  const panel = document.getElementById("monkey-panel");
+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 fillMonkeySmoke() {
-  const prompt = document.getElementById("monkey-prompt");
-  const app = document.getElementById("monkey-app");
+function fillTinTinSmoke() {
+  const prompt = document.getElementById("tintin-prompt");
+  const app = document.getElementById("tintin-app");
   if (app) app.value = "clauth-dashboard";
-  if (prompt) prompt.value = "Reply exactly: monkey-dashboard-ok";
+  if (prompt) prompt.value = "Reply exactly: tintin-dashboard-ok";
 }
 
-function setMonkeyStatus(text) {
-  const el = document.getElementById("monkey-status");
+function setTinTinStatus(text) {
+  const el = document.getElementById("tintin-status");
   if (el) el.textContent = text || "";
 }
 
-function setMonkeyResult(text, open) {
-  const el = document.getElementById("monkey-result");
-  if (!el) return;
-  el.textContent = text || "";
-  if (open) el.classList.add("open");
-  else el.classList.remove("open");
+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;
 }
 
-async function sendMonkeyDashboardMessage() {
-  const sendBtn = document.getElementById("monkey-send");
-  const promptEl = document.getElementById("monkey-prompt");
-  const appEl = document.getElementById("monkey-app");
-  const cwdEl = document.getElementById("monkey-cwd");
+function setTinTinResult(text, open) {
+  if (open && text) appendTinTinMessage("assistant", text);
+}
+
+async function sendTinTinMessage() {
+  const sendBtn = document.getElementById("tintin-send");
+  const promptEl = document.getElementById("tintin-prompt");
+  const appEl = document.getElementById("tintin-app");
+  const cwdEl = document.getElementById("tintin-cwd");
   const prompt = (promptEl && promptEl.value || "").trim();
   const appSlug = (appEl && appEl.value || "clauth-dashboard").trim() || "clauth-dashboard";
   const cwd = (cwdEl && cwdEl.value || "").trim();
   if (!prompt) {
-    setMonkeyStatus("prompt required");
+    setTinTinStatus("prompt required");
     return;
   }
-  if (monkeyPollTimer) {
-    clearTimeout(monkeyPollTimer);
-    monkeyPollTimer = null;
+  if (tintinPollTimer) {
+    clearTimeout(tintinPollTimer);
+    tintinPollTimer = null;
   }
-  const jobId = "monkey-dashboard-" + Date.now();
+  const jobId = "tintin-" + Date.now();
   const body = {
     prompt,
     job_id: jobId,
@@ -1558,14 +1574,15 @@ async function sendMonkeyDashboardMessage() {
     agent_context: {
       app: { slug: appSlug, route: "/clauth-dashboard", origin: window.location.origin },
       repo: { root: cwd, cwd },
-      runtime: { agent: "clauth-cli", requested_by: "clauth-dashboard" },
+      runtime: { agent: "clauth-cli", requested_by: "clauth-dashboard", model: "claude-sonnet-4-6" },
       task: { intent: "general_chat", thread_id: jobId }
     }
   };
 
+  appendTinTinMessage("user", prompt);
+  if (promptEl) promptEl.value = "";
   if (sendBtn) { sendBtn.disabled = true; sendBtn.textContent = "Dispatching..."; }
-  setMonkeyStatus("dispatching " + jobId);
-  setMonkeyResult("", false);
+  setTinTinStatus("dispatching");
   try {
     const response = await fetch(BASE + "/monkey/dispatch", {
       method: "POST",
@@ -1574,48 +1591,41 @@ async function sendMonkeyDashboardMessage() {
     });
     const result = await response.json();
     if (!response.ok || result.error) {
-      setMonkeyStatus("dispatch failed");
-      setMonkeyResult(JSON.stringify(result, null, 2), true);
+      setTinTinStatus("dispatch failed");
+      setTinTinResult(JSON.stringify(result, null, 2), true);
       return;
     }
-    setMonkeyStatus("spawned pid " + result.pid + " - polling");
-    pollMonkeyDashboardJob(jobId, 0);
+    setTinTinStatus("spawned pid " + result.pid + " - polling");
+    pollTinTinJob(jobId, 0);
   } catch (err) {
-    setMonkeyStatus("dispatch error");
-    setMonkeyResult(err && err.message ? err.message : String(err), true);
+    setTinTinStatus("dispatch error");
+    setTinTinResult(err && err.message ? err.message : String(err), true);
   } finally {
-    if (sendBtn) { sendBtn.disabled = false; sendBtn.textContent = "Dispatch CLI"; }
+    if (sendBtn) { sendBtn.disabled = false; sendBtn.textContent = "Dispatch"; }
   }
 }
 
-async function pollMonkeyDashboardJob(jobId, attempt) {
+async function pollTinTinJob(jobId, attempt) {
   try {
     const response = await fetch(BASE + "/monkey/dispatch/" + encodeURIComponent(jobId), { cache: "no-store" });
     const job = await response.json();
     if (!response.ok || job.error) {
-      setMonkeyStatus("job lookup failed");
-      setMonkeyResult(JSON.stringify(job, null, 2), true);
+      setTinTinStatus("job lookup failed");
+      setTinTinResult(JSON.stringify(job, null, 2), true);
       return;
     }
     if (job.status === "running" && attempt < 60) {
-      setMonkeyStatus("running pid " + (job.pid || "?") + " - " + (attempt + 1));
-      monkeyPollTimer = setTimeout(function() { pollMonkeyDashboardJob(jobId, attempt + 1); }, 1500);
+      setTinTinStatus("running pid " + (job.pid || "?") + " - " + (attempt + 1));
+      tintinPollTimer = setTimeout(function() { pollTinTinJob(jobId, attempt + 1); }, 1500);
       return;
     }
-    setMonkeyStatus(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");
-    setMonkeyResult(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) {
-    setMonkeyStatus("poll error");
-    setMonkeyResult(err && err.message ? err.message : String(err), true);
+    setTinTinStatus("poll error");
+    setTinTinResult(err && err.message ? err.message : String(err), true);
   }
 }
 
@@ -7892,20 +7902,20 @@ function buildMonkeyDispatchPrompt({ prompt, job_id, agent_context }) {
   const normalized = normalizeAgentContext(agent_context);
   const jobInstruction = job_id
     ? [
-        `Monkey job id: ${job_id}`,
+        `TinTin job id: ${job_id}`,
         "If the prompt does not contain all job details, use clauth at http://127.0.0.1:52437 to fetch exact credentials and query the app database/API directly.",
         "Do not assume agent MCP/plugin tools are available to this spawned CLI process.",
       ].join("\n")
     : "";
 
   const body = prompt || [
-    "Process this Monkey job using the provided agent context.",
+    "Process this TinTin job using the provided agent context.",
     jobInstruction,
     "Find the job payload from the consuming app's declared data path before making changes.",
   ].filter(Boolean).join("\n\n");
 
   return [
-    "You are a clauth-spawned Monkey CLI worker.",
+    "You are a clauth-spawned TinTin CLI agent (model: claude-sonnet-4-6).",
     "Agent context setup follows. Treat it as the runtime contract for this task.",
     "```json",
     JSON.stringify(normalized, null, 2),

package/package.json

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