clawaid 1.1.4 → 1.1.5

package/package.json

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

package/web/index.html

@@ -209,15 +209,15 @@
 
   <div class="hdr">
     <div class="logo">🦞🩹</div>
-    <h1>ClawAid</h1>
-    <p>Automatic diagnostics & repair for OpenClaw</p>
+    <h1 id="hdr-title">ClawAid</h1>
+    <p id="hdr-subtitle">Automatic diagnostics & repair for OpenClaw</p>
   </div>
 
   <!-- Start screen -->
   <div id="start-screen">
     <div class="start-card">
-      <p>ClawAid reads your OpenClaw config, gateway status, and logs to find and fix problems.</p>
-      <ul>
+      <p id="privacy-text">ClawAid reads your OpenClaw config, gateway status, and logs to find and fix problems.</p>
+      <ul id="privacy-list">
         <li>API keys are redacted before leaving your machine</li>
         <li>Data is sent to our diagnostic service — never stored</li>
         <li>All commands run locally on your machine</li>
@@ -242,6 +242,55 @@
   const feed = document.getElementById('feed');
   const startScreen = document.getElementById('start-screen');
 
+  // ─── i18n ─────────────────────────────────────────────────────────────────
+  const isZh = /^zh/i.test(navigator.language || '');
+  const T = {
+    startScan: isZh ? '🩺 开始扫描' : '🩺 Start Scan',
+    title: 'ClawAid',
+    subtitle: isZh ? '一条命令，自动诊断并修复 OpenClaw' : 'One command to diagnose and fix OpenClaw',
+    privacy: isZh ? 'ClawAid 会读取你的 OpenClaw 配置、gateway 状态和日志来诊断问题。' : 'ClawAid reads your OpenClaw config, gateway status, and logs to find and fix problems.',
+    scanning: isZh ? '正在扫描你的系统...' : 'Scanning your system...',
+    scanned: isZh ? '系统数据已收集' : 'System data collected',
+    allClear: isZh ? '一切正常！' : 'All clear!',
+    fixed: isZh ? '已修复！' : 'Fixed!',
+    notFixed: isZh ? '无法自动修复' : "Couldn't fix automatically",
+    healthyDesc: isZh ? '你的 OpenClaw 运行正常。' : 'Your OpenClaw is running normally.',
+    fixedDesc: isZh ? 'OpenClaw 已修复。' : 'OpenClaw has been repaired.',
+    notFixedDesc: isZh ? '多次尝试后问题仍然存在。' : 'After multiple attempts, the issue persists.',
+    scanAgain: isZh ? '🔄 重新扫描' : '🔄 Scan Again',
+    tryAgain: isZh ? '🔄 再试一次' : '🔄 Try Again',
+    warnings: isZh ? '⚠️ 其他需要注意的' : '⚠️ Other things to know',
+    wasHelpful: isZh ? '问题解决了吗？' : 'Was this helpful?',
+    feedbackYes: isZh ? '👍 解决了' : '👍 Yes',
+    feedbackNo: isZh ? '👎 没解决' : '👎 No',
+    thanksYes: isZh ? '太好了！很高兴帮到你 🎉' : 'Thanks! Glad it helped 🎉',
+    thanksNo: isZh ? '抱歉没解决，联系我们帮你搞定 👇' : "Sorry to hear that. Reach out below — we'll help! 👇",
+    contact: isZh ? '💬 有问题？' : '💬 Questions or feedback?',
+    allowQ: isZh ? '这将修改你的系统，允许执行吗？' : 'This will modify your system. Allow?',
+    allow: isZh ? '✓ 允许' : '✓ Allow',
+    skip: isZh ? '跳过' : 'Skip',
+    whatsWrong: isZh ? '遇到什么问题？' : "What's going on?",
+    descHint: isZh ? '描述你的问题，或者直接扫描——ClawAid 会自动诊断。' : 'Describe the problem, or just scan — ClawAid will figure it out.',
+    descPlaceholder: isZh ? '例如：更新后 OpenClaw 就不响应了...（可选）' : 'e.g. OpenClaw stopped responding after I updated... (optional)',
+    sendDiagnose: isZh ? '📝 发送并诊断' : '📝 Send & diagnose',
+    justScan: isZh ? '🔍 直接扫描修复' : '🔍 Just scan & fix',
+    privacyList: isZh
+      ? ['API 密钥在发送前已脱敏', '数据发送到诊断服务，不会存储', '所有命令在你的本机执行']
+      : ['API keys are redacted before leaving your machine', 'Data is sent to our diagnostic service — never stored', 'All commands run locally on your machine'],
+  };
+
+  // Apply i18n to static elements
+  if (isZh) {
+    const sub = document.getElementById('hdr-subtitle');
+    if (sub) sub.textContent = '自动诊断并修复 OpenClaw';
+    const pv = document.getElementById('privacy-text');
+    if (pv) pv.textContent = T.privacy;
+    const pl = document.getElementById('privacy-list');
+    if (pl) pl.innerHTML = T.privacyList.map(t => '<li>' + t + '</li>').join('');
+    const btn = document.getElementById('btn-start');
+    if (btn) btn.textContent = T.startScan;
+  }
+
   // ─── Helpers ──────────────────────────────────────────────────────────────
 
   function esc(s) {
@@ -251,8 +300,8 @@
   function sendFeedback(value, btn) {
     const container = btn.parentElement;
     container.innerHTML = value === 'yes'
-      ? '<span style="color:#34a853;font-size:13px;">Thanks! Glad it helped 🎉</span>'
-      : '<span style="color:#ea4335;font-size:13px;">Sorry to hear that. Reach out below — we\'ll help! 👇</span>';
+      ? '<span style="color:#34a853;font-size:13px;">' + T.thanksYes + '</span>'
+      : '<span style="color:#ea4335;font-size:13px;">' + T.thanksNo + '</span>';
     fetch('/api/feedback', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -331,9 +380,9 @@
     bar.className = 'confirm-bar' + (risk === 'high' ? ' risk-high' : '');
     bar.id = 'confirm-bar-' + index;
     bar.innerHTML = `
-      <span style="font-size:13px; color:var(--text); flex:1;">This will modify your system. Allow?</span>
-      <button class="btn btn-green" id="btn-yes-${index}">✓ Allow</button>
-      <button class="btn btn-ghost" id="btn-no-${index}">Skip</button>
+      <span style="font-size:13px; color:var(--text); flex:1;">${T.allowQ}</span>
+      <button class="btn btn-green" id="btn-yes-${index}">${T.allow}</button>
+      <button class="btn btn-ghost" id="btn-no-${index}">${T.skip}</button>
     `;
     card.appendChild(bar);
     card.classList.add('open'); // auto-expand so user sees what's about to run
@@ -359,7 +408,7 @@
     div.innerHTML = `
       <div class="step-top" onclick="this.parentElement.classList.toggle('open')">
         <div class="step-icon">📡</div>
-        <div class="step-title" id="scan-title">Scanning your system...</div>
+        <div class="step-title" id="scan-title">${T.scanning}</div>
         <div class="step-status" id="scan-status"><div class="spinner"></div></div>
       </div>
       <div class="step-detail" id="scan-detail"></div>
@@ -371,14 +420,14 @@
     const el = document.getElementById('scan-status');
     if (el) el.innerHTML = '✓';
     const title = document.getElementById('scan-title');
-    if (title) title.textContent = 'System data collected';
+    if (title) title.textContent = T.scanned;
   }
 
   // ─── Result cards ─────────────────────────────────────────────────────────
 
   function renderWarnings(warnings) {
     if (!warnings || warnings.length === 0) return '';
-    let html = '<div class="warnings-list"><div class="warnings-title">⚠️ Other things to know</div>';
+    let html = '<div class="warnings-list"><div class="warnings-title">' + T.warnings + '</div>';
     for (const w of warnings) {
       html += `<div class="warning-item"><span class="wi-icon">💡</span><span class="wi-text">${esc(w)}</span><button class="wi-dismiss" title="Dismiss" onclick="(function(btn){var item=btn.closest('.warning-item');item.classList.add('dismissing');setTimeout(function(){item.remove();},300);})(this)">×</button></div>`;
     }
@@ -393,13 +442,13 @@
 
     const feedbackHtml = `
       <div style="margin-top:18px;padding:14px;background:#f8f9fa;border-radius:10px;border:1px solid #e0e0e0;">
-        <div style="font-size:13px;color:#555;margin-bottom:8px;">Was this helpful?</div>
+        <div style="font-size:13px;color:#555;margin-bottom:8px;">${T.wasHelpful}</div>
         <div style="display:flex;gap:8px;margin-bottom:12px;">
-          <button class="btn btn-ghost" onclick="sendFeedback('yes',this)" style="flex:1;">👍 Yes</button>
-          <button class="btn btn-ghost" onclick="sendFeedback('no',this)" style="flex:1;">👎 No</button>
+          <button class="btn btn-ghost" onclick="sendFeedback('yes',this)" style="flex:1;">${T.feedbackYes}</button>
+          <button class="btn btn-ghost" onclick="sendFeedback('no',this)" style="flex:1;">${T.feedbackNo}</button>
         </div>
         <div style="font-size:12px;color:#888;line-height:1.5;">
-          💬 Questions or feedback?<br>
+          ${T.contact}<br>
           WeChat: <b>oliver56666</b> · <a href="https://github.com/jjj5666/clawaid/issues" target="_blank" style="color:#1a73e8;">GitHub Issues</a>
         </div>
       </div>
@@ -408,29 +457,29 @@
     if (data.healthy) {
       div.innerHTML = `
         <div class="result-icon">💚</div>
-        <div class="result-title">All clear!</div>
-        <div class="result-desc">${esc(data.summary || 'Your OpenClaw is running normally.')}</div>
+        <div class="result-title">${T.allClear}</div>
+        <div class="result-desc">${esc(data.summary || T.healthyDesc)}</div>
         ${warningsHtml}
         ${feedbackHtml}
-        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">🔄 Scan Again</button>
+        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">${T.scanAgain}</button>
       `;
     } else if (data.fixed) {
       div.innerHTML = `
         <div class="result-icon">✅</div>
-        <div class="result-title">Fixed!</div>
-        <div class="result-desc">${esc(data.summary || 'OpenClaw has been repaired.')}</div>
+        <div class="result-title">${T.fixed}</div>
+        <div class="result-desc">${esc(data.summary || T.fixedDesc)}</div>
         ${warningsHtml}
         ${feedbackHtml}
-        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">🔄 Scan Again</button>
+        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">${T.scanAgain}</button>
       `;
     } else {
       div.innerHTML = `
         <div class="result-icon">😔</div>
-        <div class="result-title">Couldn't fix automatically</div>
-        <div class="result-desc">${esc(data.summary || 'After multiple attempts, the issue persists.')}</div>
+        <div class="result-title">${T.notFixed}</div>
+        <div class="result-desc">${esc(data.summary || T.notFixedDesc)}</div>
         ${warningsHtml}
         ${feedbackHtml}
-        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">🔄 Try Again</button>
+        <button class="btn btn-ghost btn-big" onclick="location.reload()" style="margin-top:14px;">${T.tryAgain}</button>
       `;
     }
 
@@ -605,11 +654,11 @@
     div.className = 'start-card';
     div.id = 'desc-input-card';
     div.innerHTML = `
-      <p style="font-size:15px; font-weight:500; color:var(--text); margin-bottom:4px;">What's going on?</p>
-      <p style="font-size:13px; color:var(--text2); margin-bottom:12px;">Describe the problem, or just scan — ClawAid will figure it out.</p>
+      <p style="font-size:15px; font-weight:500; color:var(--text); margin-bottom:4px;">${T.whatsWrong}</p>
+      <p style="font-size:13px; color:var(--text2); margin-bottom:12px;">${T.descHint}</p>
       <div class="desc-input-wrap">
         <div class="desc-textarea-wrap">
-          <textarea class="desc-textarea" id="desc-text" placeholder="e.g. OpenClaw stopped responding after I updated... (optional)"></textarea>
+          <textarea class="desc-textarea" id="desc-text" placeholder="${T.descPlaceholder}"></textarea>
           <button class="desc-camera-btn" id="desc-camera-btn" title="Add screenshot">📷</button>
           <input type="file" id="screenshot-input" accept="image/*" style="display:none;" />
         </div>
@@ -620,8 +669,8 @@
         </div>
       </div>
       <div class="btn-row" style="margin-top:10px;">
-        <button class="btn btn-primary" id="btn-desc-submit" disabled>📝 Send &amp; diagnose</button>
-        <button class="btn btn-green" id="btn-desc-skip">🔍 Just scan &amp; fix</button>
+        <button class="btn btn-primary" id="btn-desc-submit" disabled>${T.sendDiagnose}</button>
+        <button class="btn btn-green" id="btn-desc-skip">${T.justScan}</button>
       </div>
     `;
     feed.appendChild(div);