@aiyiran/myclaw 1.0.227 → 1.0.229

package/assets/myclaw-artifacts.js

@@ -62,7 +62,7 @@
     btn.id = 'myclaw-artifacts-btn';
     btn.style.cssText = [
       'position: fixed',
-      'top: 200px',
+      'top: 0px',
       'right: 0',
       'padding: 3px 10px',
       'background: rgba(100, 100, 100, 0.7)',
@@ -107,10 +107,10 @@
     panel.id = 'myclaw-artifacts-panel';
     panel.style.cssText = [
       'position: fixed',
-      'top: 230px',
+      'top: 30px',
       'right: 0',
       'width: 380px',
-      'max-height: calc(100vh - 250px)',
+      'max-height: calc(100vh - 550px)',
       'background: #1e1e2e',
       'border-radius: 8px 0 0 8px',
       'overflow: hidden',
@@ -627,14 +627,18 @@
         body: JSON.stringify(payload),
       })
         .then(function (res) { return res.json(); })
-        .then(function (data) {
-          console.log('[myclaw-artifacts-publish]', payload, data);
+        .then(function (result) {
+          console.log('[myclaw-artifacts-publish]', payload, result);
+          if (result.code !== 0) {
+            throw new Error(result.msg || '\u53D1\u5E03\u5931\u8D25');
+          }
           localStorage.setItem('myclaw-publish-cache', JSON.stringify({
             title: titleVal,
             cover_path: coverSelect.value || '',
             entry_path: entrySelect.value || '',
           }));
           closePublishModal();
+          openPublishSuccessModal(result.data);
         })
         .catch(function (err) {
           console.error('[myclaw-artifacts-publish] \u53D1\u5E03\u5931\u8D25:', err);
@@ -650,6 +654,579 @@
     document.body.appendChild(overlay);
   }
 
+  // ═══ 发布成功弹框 ═══
+  function openPublishSuccessModal(data) {
+    if (document.querySelector('#myclaw-publish-success')) return;
+
+    var overlay = document.createElement('div');
+    overlay.id = 'myclaw-publish-success';
+    overlay.style.cssText = [
+      'position: fixed',
+      'top: 0',
+      'left: 0',
+      'width: 100vw',
+      'height: 100vh',
+      'background: rgba(0, 0, 0, 0.5)',
+      'z-index: 99999',
+      'display: flex',
+      'align-items: center',
+      'justify-content: center',
+      'animation: myclaw-fade-in 0.2s ease',
+    ].join(';');
+
+    var box = document.createElement('div');
+    box.style.cssText = [
+      'width: 440px',
+      'background: #1e1e2e',
+      'border-radius: 12px',
+      'overflow: hidden',
+      'display: flex',
+      'flex-direction: column',
+      'box-shadow: 0 12px 48px rgba(0,0,0,0.6)',
+      'animation: myclaw-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)',
+    ].join(';');
+
+    // 头部：庆祝动画区
+    var hero = document.createElement('div');
+    hero.style.cssText = [
+      'padding: 28px 24px 18px',
+      'text-align: center',
+      'background: linear-gradient(135deg, #2d2d5f 0%, #1e1e2e 100%)',
+    ].join(';');
+
+    // emoji 庆祝
+    var emoji = document.createElement('div');
+    emoji.style.cssText = 'font-size: 48px;margin-bottom:8px;';
+    emoji.textContent = '\uD83C\uDF89';
+    hero.appendChild(emoji);
+
+    // 版本号大字
+    var versionNum = document.createElement('div');
+    versionNum.style.cssText = [
+      'font-size: 52px',
+      'font-weight: 900',
+      'font-family: monospace',
+      'color: #a78bfa',
+      'line-height: 1',
+      'text-shadow: 0 0 20px rgba(167,139,250,0.4)',
+    ].join(';');
+    versionNum.textContent = 'v' + (data.version || '?');
+    hero.appendChild(versionNum);
+
+    var versionLabel = document.createElement('div');
+    versionLabel.style.cssText = 'font-size:12px;color:#888;margin-top:4px;font-family:monospace;';
+    versionLabel.textContent = '\u53D1\u5E03\u6210\u529F\uFF01';
+    hero.appendChild(versionLabel);
+
+    box.appendChild(hero);
+
+    // 信息区
+    var info = document.createElement('div');
+    info.style.cssText = 'padding:20px 24px;display:flex;flex-direction:column;gap:14px;';
+
+    // 作品标题
+    if (data.title) {
+      var titleRow = createInfoRow('\uD83C\uDFA8 \u4F5C\u54C1', data.title);
+      info.appendChild(titleRow);
+    }
+
+    // 封面
+    if (data.cover_path) {
+      var coverRow = createInfoRow('\uD83D\uDCF7 \u5C01\u9762', data.cover_path);
+      info.appendChild(coverRow);
+    }
+
+    // 入口文件
+    if (data.entry_path) {
+      var entryRow = createInfoRow('\uD83D\uDD17 \u5165\u53E3', data.entry_path);
+      info.appendChild(entryRow);
+    }
+
+    // 分割线
+    var divider = document.createElement('div');
+    divider.style.cssText = 'border-top:1px solid #3d3d5c;';
+    info.appendChild(divider);
+
+    // 分享链接区
+    var shareSection = document.createElement('div');
+    shareSection.style.cssText = 'display:flex;flex-direction:column;gap:8px;';
+
+    var shareLabel = document.createElement('div');
+    shareLabel.style.cssText = 'font-size:12px;color:#888;font-family:monospace;';
+    shareLabel.textContent = '\uD83D\uDD17 \u6C38\u4E45\u94FE\u63A5';
+    shareSection.appendChild(shareLabel);
+
+    var shareRow = document.createElement('div');
+    shareRow.style.cssText = 'display:flex;gap:8px;align-items:center;';
+
+    var urlInput = document.createElement('input');
+    urlInput.type = 'text';
+    urlInput.readOnly = true;
+    urlInput.value = data.permanent_url || '';
+    urlInput.style.cssText = [
+      'flex: 1',
+      'padding: 8px 10px',
+      'background: #252536',
+      'border: 1px solid #3d3d5c',
+      'border-radius: 4px',
+      'color: #cdd6f4',
+      'font-size: 11px',
+      'font-family: monospace',
+      'outline: none',
+      'overflow: hidden',
+      'text-overflow: ellipsis',
+    ].join(';');
+    shareRow.appendChild(urlInput);
+
+    var copyBtn = document.createElement('button');
+    copyBtn.textContent = '\u590D\u5236\u94FE\u63A5';
+    copyBtn.style.cssText = [
+      'padding: 8px 14px',
+      'background: #a78bfa',
+      'border: none',
+      'border-radius: 4px',
+      'color: #fff',
+      'font-size: 12px',
+      'font-family: monospace',
+      'font-weight: bold',
+      'cursor: pointer',
+      'white-space: nowrap',
+      'transition: background 0.15s',
+    ].join(';');
+    copyBtn.onmouseenter = function () { copyBtn.style.background = '#8b5cf6'; };
+    copyBtn.onmouseleave = function () { copyBtn.style.background = '#a78bfa'; };
+    copyBtn.onclick = function () {
+      navigator.clipboard.writeText(data.permanent_url || '').then(function () {
+        copyBtn.textContent = '\u2713 \u5DF2\u590D\u5236';
+        copyBtn.style.background = '#10b981';
+        setTimeout(function () {
+          copyBtn.textContent = '\u590D\u5236\u94FE\u63A5';
+          copyBtn.style.background = '#a78bfa';
+        }, 2000);
+      });
+    };
+    shareRow.appendChild(copyBtn);
+
+    shareSection.appendChild(shareRow);
+    info.appendChild(shareSection);
+
+    // 二维码区
+    if (data.permanent_url) {
+      var qrSection = document.createElement('div');
+      qrSection.style.cssText = 'display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px;';
+
+      var qrCanvas = document.createElement('canvas');
+      qrCanvas.style.cssText = 'width:140px;height:140px;border-radius:6px;background:#fff;padding:8px;';
+      try {
+        generateQR(qrCanvas, data.permanent_url, 140);
+      } catch (e) {
+        console.warn('[myclaw-artifacts] QR generate error:', e);
+        qrCanvas.style.display = 'none';
+      }
+      qrSection.appendChild(qrCanvas);
+
+      var qrHint = document.createElement('div');
+      qrHint.style.cssText = 'font-size:11px;color:#888;font-family:monospace;';
+      qrHint.textContent = '\u626B\u7801\u67E5\u770B\u4F5C\u54C1';
+      qrSection.appendChild(qrHint);
+
+      info.appendChild(qrSection);
+    }
+
+    box.appendChild(info);
+
+    // 关闭按钮
+    var footer = document.createElement('div');
+    footer.style.cssText = 'padding: 0 24px 20px;text-align:center;';
+
+    var closeSuccessBtn = document.createElement('button');
+    closeSuccessBtn.textContent = '\u5F00\u5FC3\uFF01';
+    closeSuccessBtn.style.cssText = [
+      'padding: 10px 40px',
+      'background: #4a4a7a',
+      'border: none',
+      'border-radius: 6px',
+      'color: #cdd6f4',
+      'font-size: 14px',
+      'font-family: monospace',
+      'cursor: pointer',
+      'transition: background 0.15s',
+    ].join(';');
+    closeSuccessBtn.onmouseenter = function () { closeSuccessBtn.style.background = '#5a5a9a'; };
+    closeSuccessBtn.onmouseleave = function () { closeSuccessBtn.style.background = '#4a4a7a'; };
+    closeSuccessBtn.onclick = function () {
+      var m = document.querySelector('#myclaw-publish-success');
+      if (m) m.remove();
+    };
+    footer.appendChild(closeSuccessBtn);
+    box.appendChild(footer);
+
+    overlay.appendChild(box);
+    document.body.appendChild(overlay);
+  }
+
+  function createInfoRow(label, value) {
+    var row = document.createElement('div');
+    row.style.cssText = 'display:flex;align-items:baseline;gap:8px;font-family:monospace;font-size:13px;';
+    var lbl = document.createElement('span');
+    lbl.style.cssText = 'color:#888;white-space:nowrap;flex-shrink:0;min-width:80px;';
+    lbl.textContent = label;
+    var val = document.createElement('span');
+    val.style.cssText = 'color:#cdd6f4;word-break:break-all;';
+    val.textContent = value;
+    row.appendChild(lbl);
+    row.appendChild(val);
+    return row;
+  }
+
+  // ═══ 轻量 QR 码生成（纯 JS，无依赖） ═══
+  // 基于 qrcode-generator (MIT) 的核心算法精简版
+  function generateQR(canvas, text, size) {
+    // 使用 Google Charts API 的轻量替代：用 img 加载 QR 码
+    // 但为了避免外部依赖，这里使用内嵌的极简 QR 生成
+    var QR = (function() {
+      // QR Code Model 2 - 极简实现
+      var ErrorCorrectionLevel = { L: 1, M: 0, Q: 3, H: 2 };
+
+      function QRCode(typeNumber, errorCorrectionLevel) {
+        this.typeNumber = typeNumber;
+        this.errorCorrectionLevel = errorCorrectionLevel;
+        this.modules = null;
+        this.moduleCount = 0;
+        this.dataCache = null;
+        this.dataList = [];
+      }
+
+      QRCode.prototype = {
+        addData: function(data) { this.dataList.push(new QR8bitByte(data)); this.dataCache = null; },
+        isDark: function(row, col) { if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) throw new Error(row + "," + col); return this.modules[row][col]; },
+        getModuleCount: function() { return this.moduleCount; },
+        make: function() { this.makeImpl(false, this.getBestMaskPattern()); },
+        makeImpl: function(test, maskPattern) {
+          this.moduleCount = this.typeNumber * 4 + 17;
+          this.modules = new Array(this.moduleCount);
+          for (var row = 0; row < this.moduleCount; row++) {
+            this.modules[row] = new Array(this.moduleCount);
+            for (var col = 0; col < this.moduleCount; col++) { this.modules[row][col] = null; }
+          }
+          this.setupPositionProbePattern(0, 0);
+          this.setupPositionProbePattern(this.moduleCount - 7, 0);
+          this.setupPositionProbePattern(0, this.moduleCount - 7);
+          this.setupPositionAdjustPattern();
+          this.setupTimingPattern();
+          this.setupTypeInfo(test, maskPattern);
+          if (this.typeNumber >= 7) this.setupTypeNumber(test);
+          if (this.dataCache == null) this.dataCache = createData(this.typeNumber, this.errorCorrectionLevel, this.dataList);
+          this.mapData(this.dataCache, maskPattern);
+        },
+        setupPositionProbePattern: function(row, col) {
+          for (var r = -1; r <= 7; r++) {
+            if (row + r <= -1 || this.moduleCount <= row + r) continue;
+            for (var c = -1; c <= 7; c++) {
+              if (col + c <= -1 || this.moduleCount <= col + c) continue;
+              if ((0 <= r && r <= 6 && (c == 0 || c == 6)) || (0 <= c && c <= 6 && (r == 0 || r == 6)) || (2 <= r && r <= 4 && 2 <= c && c <= 4)) {
+                this.modules[row + r][col + c] = true;
+              } else {
+                this.modules[row + r][col + c] = false;
+              }
+            }
+          }
+        },
+        getBestMaskPattern: function() {
+          var minLostPoint = 0, pattern = 0;
+          for (var i = 0; i < 8; i++) {
+            this.makeImpl(true, i);
+            var lostPoint = QRUtil.getLostPoint(this);
+            if (i == 0 || minLostPoint > lostPoint) { minLostPoint = lostPoint; pattern = i; }
+          }
+          return pattern;
+        },
+        setupTimingPattern: function() {
+          for (var r = 8; r < this.moduleCount - 8; r++) { if (this.modules[r][6] != null) continue; this.modules[r][6] = (r % 2 == 0); }
+          for (var c = 8; c < this.moduleCount - 8; c++) { if (this.modules[6][c] != null) continue; this.modules[6][c] = (c % 2 == 0); }
+        },
+        setupPositionAdjustPattern: function() {
+          var pos = QRUtil.getPatternPosition(this.typeNumber);
+          for (var i = 0; i < pos.length; i++) {
+            for (var j = 0; j < pos.length; j++) {
+              var row = pos[i], col = pos[j];
+              if (this.modules[row][col] != null) continue;
+              for (var r = -2; r <= 2; r++) {
+                for (var c = -2; c <= 2; c++) {
+                  if (r == -2 || r == 2 || c == -2 || c == 2 || (r == 0 && c == 0)) {
+                    this.modules[row + r][col + c] = true;
+                  } else {
+                    this.modules[row + r][col + c] = false;
+                  }
+                }
+              }
+            }
+          }
+        },
+        setupTypeNumber: function(test) {
+          var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
+          for (var i = 0; i < 18; i++) {
+            var mod = (!test && ((bits >> i) & 1) == 1);
+            this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
+          }
+          for (var i = 0; i < 18; i++) {
+            var mod = (!test && ((bits >> i) & 1) == 1);
+            this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+          }
+        },
+        setupTypeInfo: function(test, maskPattern) {
+          var data = (this.errorCorrectionLevel << 3) | maskPattern;
+          var bits = QRUtil.getBCHTypeInfo(data);
+          for (var i = 0; i < 15; i++) {
+            var mod = (!test && ((bits >> i) & 1) == 1);
+            if (i < 6) { this.modules[i][8] = mod; }
+            else if (i < 8) { this.modules[i + 1][8] = mod; }
+            else { this.modules[this.moduleCount - 15 + i][8] = mod; }
+          }
+          for (var i = 0; i < 15; i++) {
+            var mod = (!test && ((bits >> i) & 1) == 1);
+            if (i < 8) { this.modules[8][this.moduleCount - i - 1] = mod; }
+            else if (i < 9) { this.modules[8][15 - i - 1 + 1] = mod; }
+            else { this.modules[8][15 - i - 1] = mod; }
+          }
+          this.modules[this.moduleCount - 8][8] = (!test);
+        },
+        mapData: function(data, maskPattern) {
+          var inc = -1, row = this.moduleCount - 1, bitIndex = 7, byteIndex = 0;
+          for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+            if (col == 6) col--;
+            while (true) {
+              for (var c = 0; c < 2; c++) {
+                if (this.modules[row][col - c] == null) {
+                  var dark = false;
+                  if (byteIndex < data.length) { dark = (((data[byteIndex] >>> bitIndex) & 1) == 1); }
+                  var mask = QRUtil.getMask(maskPattern, row, col - c);
+                  if (mask) dark = !dark;
+                  this.modules[row][col - c] = dark;
+                  bitIndex--;
+                  if (bitIndex == -1) { byteIndex++; bitIndex = 7; }
+                }
+              }
+              row += inc;
+              if (row < 0 || this.moduleCount <= row) { row -= inc; inc = -inc; break; }
+            }
+          }
+        }
+      };
+
+      var QRUtil = {
+        PATTERN_POSITION_TABLE: [[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],
+        G15: (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0),
+        G18: (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0),
+        G15_MASK: (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1),
+        getBCHTypeInfo: function(data) {
+          var d = data << 10;
+          while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) { d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15))); }
+          return ((data << 10) | d) ^ QRUtil.G15_MASK;
+        },
+        getBCHTypeNumber: function(data) {
+          var d = data << 12;
+          while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) { d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18))); }
+          return (data << 12) | d;
+        },
+        getBCHDigit: function(data) { var digit = 0; while (data != 0) { digit++; data >>>= 1; } return digit; },
+        getPatternPosition: function(typeNumber) { return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1]; },
+        getMask: function(maskPattern, i, j) {
+          switch (maskPattern) {
+            case 0: return (i + j) % 2 == 0;
+            case 1: return i % 2 == 0;
+            case 2: return j % 3 == 0;
+            case 3: return (i + j) % 3 == 0;
+            case 4: return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
+            case 5: return (i * j) % 2 + (i * j) % 3 == 0;
+            case 6: return ((i * j) % 2 + (i * j) % 3) % 2 == 0;
+            case 7: return ((i * j) % 3 + (i + j) % 2) % 2 == 0;
+            default: throw new Error("bad maskPattern:" + maskPattern);
+          }
+        },
+        getErrorCorrectPolynomial: function(errorCorrectLength) {
+          var a = new QRPolynomial([1], 0);
+          for (var i = 0; i < errorCorrectLength; i++) { a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0)); }
+          return a;
+        },
+        getLengthInBits: function(mode, type) {
+          if (1 <= type && type < 10) { switch(mode) { case 1: return 10; case 2: return 9; case 4: return 8; case 8: return 8; default: throw new Error("mode:" + mode); } }
+          else if (type < 27) { switch(mode) { case 1: return 12; case 2: return 11; case 4: return 16; case 8: return 10; default: throw new Error("mode:" + mode); } }
+          else if (type < 41) { switch(mode) { case 1: return 14; case 2: return 13; case 4: return 16; case 8: return 12; default: throw new Error("mode:" + mode); } }
+          else { throw new Error("type:" + type); }
+        },
+        getLostPoint: function(qrCode) {
+          var moduleCount = qrCode.getModuleCount(), lostPoint = 0;
+          for (var row = 0; row < moduleCount; row++) { for (var col = 0; col < moduleCount; col++) { var sameCount = 0, dark = qrCode.isDark(row, col); for (var r = -1; r <= 1; r++) { if (row + r < 0 || moduleCount <= row + r) continue; for (var c = -1; c <= 1; c++) { if (col + c < 0 || moduleCount <= col + c) continue; if (r == 0 && c == 0) continue; if (dark == qrCode.isDark(row + r, col + c)) sameCount++; } } if (sameCount > 5) lostPoint += (3 + sameCount - 5); } }
+          for (var row = 0; row < moduleCount - 1; row++) { for (var col = 0; col < moduleCount - 1; col++) { var count = 0; if (qrCode.isDark(row, col)) count++; if (qrCode.isDark(row + 1, col)) count++; if (qrCode.isDark(row, col + 1)) count++; if (qrCode.isDark(row + 1, col + 1)) count++; if (count == 0 || count == 4) lostPoint += 3; } }
+          for (var row = 0; row < moduleCount; row++) { for (var col = 0; col < moduleCount - 6; col++) { if (qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6)) lostPoint += 40; } }
+          for (var col = 0; col < moduleCount; col++) { for (var row = 0; row < moduleCount - 6; row++) { if (qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col)) lostPoint += 40; } }
+          var darkCount = 0; for (var col = 0; col < moduleCount; col++) { for (var row = 0; row < moduleCount; row++) { if (qrCode.isDark(row, col)) darkCount++; } } var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5; lostPoint += ratio * 10;
+          return lostPoint;
+        }
+      };
+
+      var QRMath = {
+        glog: function(n) { if (n < 1) throw new Error("glog(" + n + ")"); var r = QRMath.LOG_TABLE[n]; if (r == null) throw new Error("glog(" + n + ")"); return r; },
+        gexp: function(n) { while (n < 0) n += 255; while (n >= 256) n -= 255; return QRMath.EXP_TABLE[n]; },
+        EXP_TABLE: new Array(256), LOG_TABLE: new Array(256)
+      };
+      for (var i = 0; i < 8; i++) QRMath.EXP_TABLE[i] = 1 << i;
+      for (var i = 8; i < 256; i++) QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
+      for (var i = 0; i < 255; i++) QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
+
+      function QRPolynomial(num, shift) {
+        if (num.length == undefined) throw new Error(num.length + "/" + shift);
+        var offset = 0;
+        while (offset < num.length && num[offset] == 0) offset++;
+        this.num = new Array(num.length - offset + shift);
+        for (var i = 0; i < num.length - offset; i++) this.num[i] = num[i + offset];
+      }
+      QRPolynomial.prototype = {
+        get: function(index) { return this.num[index]; },
+        getLength: function() { return this.num.length; },
+        multiply: function(e) {
+          var num = new Array(this.getLength() + e.getLength() - 1);
+          for (var i = 0; i < this.getLength(); i++) for (var j = 0; j < e.getLength(); j++) num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath.glog(e.get(j)));
+          return new QRPolynomial(num, 0);
+        },
+        mod: function(e) {
+          if (this.getLength() - e.getLength() < 0) return this;
+          var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0));
+          var num = new Array(this.getLength());
+          for (var i = 0; i < this.getLength(); i++) num[i] = this.get(i);
+          for (var i = 0; i < e.getLength(); i++) num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
+          return new QRPolynomial(num, 0).mod(e);
+        }
+      };
+
+      function QR8bitByte(data) { this.mode = 4; this.data = data; }
+      QR8bitByte.prototype = {
+        getLength: function() { return this.data.length; },
+        write: function(buffer) {
+          for (var i = 0; i < this.data.length; i++) {
+            var c = this.data.charCodeAt(i);
+            if (c < 0x80) { buffer.put(c, 8); }
+            else if (c < 0x800) { buffer.put(0xC0 | (c >> 6), 8); buffer.put(0x80 | (c & 0x3F), 8); }
+            else if (c >= 0xD800 && c <= 0xDBFF) {
+              var c2 = this.data.charCodeAt(++i);
+              if (isNaN(c2)) throw new Error("invalid utf8");
+              var code = ((c - 0xD800) << 10) + (c2 - 0xDC00) + 0x10000;
+              buffer.put(0xF0 | (code >> 18), 8); buffer.put(0x80 | ((code >> 12) & 0x3F), 8);
+              buffer.put(0x80 | ((code >> 6) & 0x3F), 8); buffer.put(0x80 | (code & 0x3F), 8);
+            } else {
+              buffer.put(0xE0 | (c >> 12), 8); buffer.put(0x80 | ((c >> 6) & 0x3F), 8); buffer.put(0x80 | (c & 0x3F), 8);
+            }
+          }
+        }
+      };
+
+      var QRCodeLimitCount = [[0,26,44,70,100,134,172,196,242,292,346],[0,22,38,60,84,108,132,154,180,213,251],[0,16,32,48,68,88,112,136,160,192,224]];
+
+      function createData(typeNumber, errorCorrectionLevel, dataList) {
+        var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectionLevel);
+        var buffer = new QRBitBuffer();
+        for (var i = 0; i < dataList.length; i++) {
+          var data = dataList[i];
+          buffer.put(data.mode, 4);
+          buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber));
+          data.write(buffer);
+        }
+        var totalDataCount = 0;
+        for (var i = 0; i < rsBlocks.length; i++) totalDataCount += rsBlocks[i].dataCount;
+        if (buffer.getLengthInBits() > totalDataCount * 8) throw new Error("code length overflow. (" + buffer.getLengthInBits() + ">" + totalDataCount * 8 + ")");
+        if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) buffer.put(0, 4);
+        while (buffer.getLengthInBits() % 8 != 0) buffer.putBit(false);
+        while (true) {
+          if (buffer.getLengthInBits() >= totalDataCount * 8) break;
+          buffer.put(0xEC, 8);
+          if (buffer.getLengthInBits() >= totalDataCount * 8) break;
+          buffer.put(0x11, 8);
+        }
+        return createBytes(buffer, rsBlocks);
+      }
+
+      function createBytes(buffer, rsBlocks) {
+        var offset = 0, maxDcCount = 0, maxEcCount = 0, dcdata = new Array(rsBlocks.length), ecdata = new Array(rsBlocks.length);
+        for (var r = 0; r < rsBlocks.length; r++) {
+          var dcCount = rsBlocks[r].dataCount, ecCount = rsBlocks[r].totalCount - dcCount;
+          maxDcCount = Math.max(maxDcCount, dcCount);
+          maxEcCount = Math.max(maxEcCount, ecCount);
+          dcdata[r] = new Array(dcCount);
+          for (var i = 0; i < dcdata[r].length; i++) dcdata[r][i] = 0xff & buffer.buffer[i + offset];
+          offset += dcCount;
+          var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+          var rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1);
+          var modPoly = rawPoly.mod(rsPoly);
+          ecdata[r] = new Array(rsPoly.getLength() - 1);
+          for (var i = 0; i < ecdata[r].length; i++) {
+            var modIndex = i + modPoly.getLength() - ecdata[r].length;
+            ecdata[r][i] = (modIndex >= 0) ? modPoly.get(modIndex) : 0;
+          }
+        }
+        var totalCodeCount = 0;
+        for (var i = 0; i < rsBlocks.length; i++) totalCodeCount += rsBlocks[i].totalCount;
+        var data = new Array(totalCodeCount), index = 0;
+        for (var i = 0; i < maxDcCount; i++) for (var r = 0; r < rsBlocks.length; r++) if (i < dcdata[r].length) data[index++] = dcdata[r][i];
+        for (var i = 0; i < maxEcCount; i++) for (var r = 0; r < rsBlocks.length; r++) if (i < ecdata[r].length) data[index++] = ecdata[r][i];
+        return data;
+      }
+
+      var QR_RS_BLOCK_TABLE = [[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];
+
+      var QRRSBlock = {
+        getRSBlocks: function(typeNumber, errorCorrectionLevel) {
+          var rsBlock = QR_RS_BLOCK_TABLE[(typeNumber - 1) * 4 + errorCorrectionLevel];
+          if (rsBlock == undefined) throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectionLevel:" + errorCorrectionLevel);
+          var length = rsBlock.length / 3, list = [];
+          for (var i = 0; i < length; i++) {
+            var count = rsBlock[i * 3 + 0], totalCount = rsBlock[i * 3 + 1], dataCount = rsBlock[i * 3 + 2];
+            for (var j = 0; j < count; j++) list.push({ totalCount: totalCount, dataCount: dataCount });
+          }
+          return list;
+        }
+      };
+
+      function QRBitBuffer() { this.buffer = []; this.length = 0; }
+      QRBitBuffer.prototype = {
+        get: function(index) { var bufIndex = Math.floor(index / 8); return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1) == 1; },
+        put: function(num, length) { for (var i = 0; i < length; i++) this.putBit(((num >>> (length - i - 1)) & 1) == 1); },
+        getLengthInBits: function() { return this.length; },
+        putBit: function(bit) { var bufIndex = Math.floor(this.length / 8); if (this.buffer.length <= bufIndex) this.buffer.push(0); if (bit) this.buffer[bufIndex] |= (0x80 >>> (this.length % 8)); this.length++; }
+      };
+
+      return QRCode;
+    })();
+
+    // 自动选择合适的 typeNumber
+    var qr;
+    for (var tn = 1; tn <= 40; tn++) {
+      try {
+        qr = new QR(tn, 0); // M level
+        qr.addData(text);
+        qr.make();
+        break;
+      } catch (e) { qr = null; }
+    }
+    if (!qr) throw new Error("QR code too large");
+
+    var moduleCount = qr.getModuleCount();
+    var cellSize = size / moduleCount;
+    canvas.width = size;
+    canvas.height = size;
+    var ctx = canvas.getContext('2d');
+    ctx.fillStyle = '#ffffff';
+    ctx.fillRect(0, 0, size, size);
+    ctx.fillStyle = '#1e1e2e';
+    for (var row = 0; row < moduleCount; row++) {
+      for (var col = 0; col < moduleCount; col++) {
+        if (qr.isDark(row, col)) {
+          ctx.fillRect(Math.floor(col * cellSize), Math.floor(row * cellSize), Math.ceil(cellSize), Math.ceil(cellSize));
+        }
+      }
+    }
+  }
+
   function closePublishModal() {
     var modal = document.querySelector('#myclaw-artifacts-publish-modal');
     if (modal) modal.remove();
@@ -669,6 +1246,10 @@
       '  from { opacity: 0; }',
       '  to { opacity: 1; }',
       '}',
+      '@keyframes myclaw-success-pop {',
+      '  from { transform: scale(0.7); opacity: 0; }',
+      '  to { transform: scale(1); opacity: 1; }',
+      '}',
     ].join('\n');
     document.head.appendChild(style);
   }

package/assets/myclaw-inject.js

@@ -581,11 +581,237 @@
     console.log("[myclaw-send] 📋 已复制（fallback）");
   }
 
+  // ═══ 7. Socket.IO 命令工具 ═══
+
+  var cmdSocket = null;
+  var cmdSocketReady = false;
+
+  function ensureSocketIO(callback) {
+    if (cmdSocketReady) { callback(); return; }
+    if (window.io) { connectCmdSocket(callback); return; }
+
+    var s = document.createElement("script");
+    s.src = window.location.origin + "/cmd/socket.io/socket.io.js";
+    s.onload = function () { connectCmdSocket(callback); };
+    s.onerror = function () { console.error("[myclaw-cmd] socket.io-client 加载失败"); };
+    document.head.appendChild(s);
+  }
+
+  function connectCmdSocket(callback) {
+    if (cmdSocket) { cmdSocketReady = true; callback(); return; }
+    cmdSocket = window.io("/cmd", { path: "/cmd/socket.io/", transports: ["websocket", "polling"] });
+    cmdSocket.on("connect", function () {
+      cmdSocketReady = true;
+      console.log("[myclaw-cmd] Socket.IO 已连接, sid=" + cmdSocket.id);
+      callback();
+    });
+    cmdSocket.on("disconnect", function () {
+      cmdSocketReady = false;
+      console.log("[myclaw-cmd] Socket.IO 已断开");
+    });
+  }
+
+  function runCommand(cmd) {
+    ensureSocketIO(function () {
+      cmdSocket.emit("run_command", { cmd: cmd, runId: Date.now() });
+      console.log("[myclaw-cmd] 已发送: " + cmd);
+    });
+  }
+
+  // ═══ 8. 右下角"命令"按钮 ═══
+
+  var commandOpen = false;
+
+  function createCommandButton() {
+    if (document.querySelector("#myclaw-command-btn")) return;
+
+    var btn = document.createElement("div");
+    btn.id = "myclaw-command-btn";
+    btn.style.cssText = [
+      "position: fixed",
+      "bottom: 8px",
+      "right: 260px",
+      "padding: 3px 10px",
+      "background: rgba(16, 185, 129, 0.85)",
+      "color: #fff",
+      "font-size: 11px",
+      "font-weight: bold",
+      "font-family: monospace",
+      "border-radius: 4px",
+      "z-index: 99999",
+      "user-select: none",
+      "cursor: pointer",
+      "transition: all 0.2s",
+      "letter-spacing: 0.5px",
+    ].join(";");
+    btn.textContent = "\u2795 \u547D\u4EE4";
+    btn.title = "\u5FEB\u6377\u547D\u4EE4";
+
+    btn.onmouseenter = function () { btn.style.background = "rgba(5, 150, 105, 1)"; btn.style.transform = "scale(1.05)"; };
+    btn.onmouseleave = function () { if (!commandOpen) { btn.style.background = "rgba(16, 185, 129, 0.85)"; } btn.style.transform = "scale(1)"; };
+    btn.onclick = function (e) {
+      e.stopPropagation();
+      if (commandOpen) {
+        closeCommandModal();
+      } else {
+        openCommandModal();
+      }
+    };
+
+    document.body.appendChild(btn);
+  }
+
+  function openCommandModal() {
+    if (document.querySelector("#myclaw-command-modal")) return;
+    commandOpen = true;
+
+    var btn = document.querySelector("#myclaw-command-btn");
+    if (btn) btn.style.background = "rgba(5, 150, 105, 1)";
+
+    // 遮罩
+    var overlay = document.createElement("div");
+    overlay.id = "myclaw-command-modal";
+    overlay.style.cssText = [
+      "position: fixed",
+      "top: 0",
+      "left: 0",
+      "width: 100vw",
+      "height: 100vh",
+      "background: rgba(0, 0, 0, 0.4)",
+      "z-index: 99998",
+      "display: flex",
+      "align-items: center",
+      "justify-content: center",
+      "animation: myclaw-fade-in 0.15s ease",
+    ].join(";");
+
+    var box = document.createElement("div");
+    box.style.cssText = [
+      "width: 400px",
+      "background: #1e1e2e",
+      "border-radius: 8px",
+      "overflow: hidden",
+      "box-shadow: 0 8px 32px rgba(0,0,0,0.5)",
+    ].join(";");
+
+    // 标题栏
+    var header = document.createElement("div");
+    header.style.cssText = [
+      "display: flex",
+      "align-items: center",
+      "justify-content: space-between",
+      "padding: 10px 14px",
+      "background: #2d2d3f",
+      "color: #cdd6f4",
+      "font-size: 13px",
+      "font-family: monospace",
+      "user-select: none",
+    ].join(";");
+    header.innerHTML = '<span>\u2795 \u547D\u4EE4</span>';
+
+    var closeBtn = document.createElement("span");
+    closeBtn.textContent = "\u2715";
+    closeBtn.style.cssText = "cursor:pointer;padding:2px 6px;border-radius:3px;font-size:14px;transition:background 0.15s;";
+    closeBtn.onmouseenter = function () { closeBtn.style.background = "rgba(255,255,255,0.1)"; };
+    closeBtn.onmouseleave = function () { closeBtn.style.background = "none"; };
+    closeBtn.onclick = function () { closeCommandModal(); };
+    header.appendChild(closeBtn);
+
+    // 内容区
+    var form = document.createElement("div");
+    form.style.cssText = "padding: 20px;display:flex;flex-direction:column;gap:14px;color:#cdd6f4;font-family:monospace;font-size:13px;";
+
+    // 添加对话
+    var addGroup = document.createElement("div");
+    addGroup.style.cssText = "display:flex;flex-direction:column;gap:6px;";
+
+    var addLabel = document.createElement("div");
+    addLabel.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+    addLabel.style.cssText = "font-size:13px;font-weight:bold;color:#10b981;";
+    addGroup.appendChild(addLabel);
+
+    var addDesc = document.createElement("div");
+    addDesc.textContent = "\u8F93\u5165 agent-name\uFF0C\u70B9\u51FB\u6267\u884C mc tui <name>";
+    addDesc.style.cssText = "font-size:11px;color:#888;";
+    addGroup.appendChild(addDesc);
+
+    var addRow = document.createElement("div");
+    addRow.style.cssText = "display:flex;gap:8px;";
+
+    var agentInput = document.createElement("input");
+    agentInput.type = "text";
+    agentInput.placeholder = "agent-name";
+    agentInput.style.cssText = "flex:1;padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;";
+    agentInput.onfocus = function () { agentInput.style.borderColor = "#10b981"; };
+    agentInput.onblur = function () { agentInput.style.borderColor = "#3d3d5c"; };
+
+    var addBtn = document.createElement("button");
+    addBtn.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+    addBtn.style.cssText = "padding:8px 16px;background:#10b981;border:none;border-radius:4px;color:#fff;font-size:12px;font-family:monospace;cursor:pointer;transition:background 0.15s;white-space:nowrap;";
+    addBtn.onmouseenter = function () { addBtn.style.background = "#059669"; };
+    addBtn.onmouseleave = function () { addBtn.style.background = "#10b981"; };
+    addBtn.onclick = function () {
+      var val = agentInput.value.trim();
+      if (!val) {
+        agentInput.style.borderColor = "#ff4444";
+        agentInput.focus();
+        return;
+      }
+      // 只允许字母、数字、连字符
+      if (!/^[a-zA-Z0-9\-]+$/.test(val)) {
+        agentInput.style.borderColor = "#ff4444";
+        agentInput.focus();
+        return;
+      }
+      addBtn.disabled = true;
+      addBtn.textContent = "\u6267\u884C\u4E2D...";
+      runCommand("mc tui " + val);
+      setTimeout(function () {
+        addBtn.disabled = false;
+        addBtn.textContent = "\u6DFB\u52A0\u5BF9\u8BDD";
+        agentInput.value = "";
+      }, 1000);
+    };
+
+    // 回车也触发
+    agentInput.onkeydown = function (e) {
+      if (e.key === "Enter") { addBtn.click(); }
+    };
+
+    addRow.appendChild(agentInput);
+    addRow.appendChild(addBtn);
+    addGroup.appendChild(addRow);
+    form.appendChild(addGroup);
+
+    box.appendChild(header);
+    box.appendChild(form);
+    overlay.appendChild(box);
+
+    overlay.onclick = function (e) {
+      if (e.target === overlay) closeCommandModal();
+    };
+
+    document.body.appendChild(overlay);
+
+    // 自动聚焦
+    setTimeout(function () { agentInput.focus(); }, 100);
+  }
+
+  function closeCommandModal() {
+    var modal = document.querySelector("#myclaw-command-modal");
+    if (modal) modal.remove();
+    commandOpen = false;
+
+    var btn = document.querySelector("#myclaw-command-btn");
+    if (btn) btn.style.background = "rgba(16, 185, 129, 0.85)";
+  }
+
   // ═══ 启动 ═══
   function init() {
     createVersionBar();
     createDocButton();
     createCmdButton();
+    createCommandButton();
     injectStyles();
 
     // 初始化 VoiceInput SDK

package/gateway.js

@@ -149,6 +149,17 @@ function start() {
     console.log('[启动] ' + colors.green + 'Gateway 启动成功!' + colors.nc);
     console.log('');
     console.log('控制台: ' + colors.yellow + 'http://127.0.0.1:' + PORT + colors.nc);
+
+    // 重新注册 LaunchAgent 作为守卫（崩溃自动重启、开机自启）
+    if (!isWin) {
+      try {
+        execSync('openclaw gateway install', { stdio: 'pipe', timeout: 10000 });
+        console.log('[守卫] ' + colors.green + 'LaunchAgent 已注册，崩溃/重启会自动拉起' + colors.nc);
+      } catch {
+        // 注册失败不影响正常使用，静默忽略
+      }
+    }
+
     return true;
   } catch {
     console.log('[启动] ' + colors.yellow + 'Gateway 正在启动中...' + colors.nc);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiyiran/myclaw",
-  "version": "1.0.227",
+  "version": "1.0.229",
   "description": "",
   "main": "index.js",
   "bin": {