clawaid 1.1.26 → 1.1.27

package/dist/server.js

@@ -336,7 +336,7 @@ app.get('/api/fingerprint', (_req, res) => {
     res.json({ fingerprint: require('./diagnose').getMachineFingerprint() });
 });
 app.get('/api/health', (_req, res) => {
-    res.json({ ok: true, version: '1.1.26', name: 'ClawAid', sessions: activeSessions.size });
+    res.json({ ok: true, version: '1.1.27', name: 'ClawAid', sessions: activeSessions.size });
 });
 function createServer(port) {
     return new Promise((resolve) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "clawaid",
-  "version": "1.1.26",
+  "version": "1.1.27",
   "description": "AI-powered diagnostic and repair tool for OpenClaw",
   "main": "dist/index.js",
   "bin": {

package/web/index.html

@@ -166,6 +166,52 @@
     .schk-icon.pending { color: var(--text-muted); }
     .schk-text { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 
+    /* ═══ AI Thinking Card ══════════════════════════════════════════════════ */
+    .ai-thinking-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      box-shadow: var(--shadow-sm);
+      padding: 20px;
+      animation: fadeUp .24s ease both;
+      margin-bottom: 12px;
+    }
+    .ai-thinking-hd {
+      display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
+    }
+    .ai-thinking-icon {
+      font-size: 24px; animation: pulse-glow 2s ease-in-out infinite;
+    }
+    .ai-thinking-title { font-size: 14px; font-weight: 600; }
+    .ai-thinking-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; }
+    .ai-thinking-steps {
+      display: flex; flex-direction: column; gap: 8px;
+    }
+    .ai-step-row {
+      display: flex; align-items: center; gap: 10px; font-size: 12px;
+      color: var(--text-secondary); opacity: 0;
+      animation: fadeIn .4s ease forwards;
+    }
+    .ai-step-row .dot {
+      width: 6px; height: 6px; border-radius: 50%; background: var(--accent);
+      animation: pulse-dot 1.5s ease-in-out infinite;
+      flex-shrink: 0;
+    }
+    .ai-step-row.done .dot { background: var(--green); animation: none; }
+    .ai-step-row.done { color: var(--green); }
+    @keyframes pulse-glow {
+      0%, 100% { transform: scale(1); opacity: 1; }
+      50% { transform: scale(1.1); opacity: .8; }
+    }
+    @keyframes pulse-dot {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: .4; transform: scale(.7); }
+    }
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(6px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+
     /* ═══ Fix Step Cards ══════════════════════════════════════════════════════ */
     .fix-card {
       background: var(--surface);
@@ -558,7 +604,7 @@
   <!-- Steps feed -->
   <div id="feed" class="hidden"></div>
 
-  <div class="footer">ClawAid v1.1.26</div>
+  <div class="footer">ClawAid v1.1.27</div>
 
 </div>
 
@@ -714,6 +760,44 @@
   function updateScanProgress(msg) {
     var sub = document.getElementById('scan-sub');
     if (sub) sub.textContent = msg || '';
+
+    // Show AI thinking card when AI starts analyzing
+    if (msg && msg.indexOf('AI') !== -1 && !document.getElementById('ai-thinking-card')) {
+      var aiCard = document.createElement('div');
+      aiCard.className = 'ai-thinking-card';
+      aiCard.id = 'ai-thinking-card';
+      var thinkTitle = isZh ? '🤖 AI 正在分析你的系统...' : '🤖 AI is analyzing your system...';
+      var thinkSub = isZh ? '通常需要 10-20 秒' : 'Usually takes 10-20 seconds';
+      var steps = isZh
+        ? ['读取配置文件和日志', '检查 Gateway 状态', '分析错误模式', '生成诊断方案']
+        : ['Reading config files & logs', 'Checking gateway status', 'Analyzing error patterns', 'Generating diagnosis'];
+      aiCard.innerHTML = '<div class="ai-thinking-hd">'
+        + '<div class="ai-thinking-icon">🧠</div>'
+        + '<div><div class="ai-thinking-title">' + thinkTitle + '</div>'
+        + '<div class="ai-thinking-sub">' + thinkSub + '</div></div>'
+        + '</div>'
+        + '<div class="ai-thinking-steps" id="ai-thinking-steps"></div>';
+      feed.appendChild(aiCard);
+      scrollDown();
+      // Animate steps appearing one by one
+      var stepsEl = aiCard.querySelector('#ai-thinking-steps');
+      steps.forEach(function(s, i) {
+        setTimeout(function() {
+          if (!document.getElementById('ai-thinking-card')) return;
+          var row = document.createElement('div');
+          row.className = 'ai-step-row';
+          row.style.animationDelay = '0s';
+          row.innerHTML = '<span class="dot"></span> ' + s;
+          stepsEl.appendChild(row);
+          scrollDown();
+          // Mark previous step as done
+          if (i > 0) {
+            var prev = stepsEl.children[i - 1];
+            if (prev) prev.className = 'ai-step-row done';
+          }
+        }, i * 3000);
+      });
+    }
   }
 
   function addReadStep(step, idx) {
@@ -1620,6 +1704,10 @@
         stepTypes[data.index] = step.type || 'read';
         ev('step_viewed', { step_number: data.index, type: step.type, risk: step.risk || 'low' });
 
+        // Remove AI thinking card when first real step arrives
+        var aiCard = document.getElementById('ai-thinking-card');
+        if (aiCard) aiCard.remove();
+
         if (step.type === 'read') {
           if (!document.getElementById('scan-block')) {
             addScanBlock();