@aiyiran/myclaw 1.0.234 → 1.0.236

package/assets/myclaw-inject.js

@@ -757,105 +757,156 @@
 
     // 内容区
     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;
+    form.style.cssText = "padding: 16px 20px;display:flex;flex-direction:column;gap:10px;color:#cdd6f4;font-family:monospace;font-size:13px;";
+
+    // 弹出 input 小弹框
+    function promptAndRun(title, placeholder, hint, cmdTemplate, btnColor) {
+      var mask = document.createElement("div");
+      mask.style.cssText = [
+        "position:fixed",
+        "top:0;left:0;width:100vw;height:100vh",
+        "background:rgba(0,0,0,0.3)",
+        "z-index:999999",
+        "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:360px",
+        "background:#1e1e2e",
+        "border-radius:8px",
+        "overflow:hidden",
+        "box-shadow:0 8px 32px rgba(0,0,0,0.5)",
+      ].join(";");
+
+      // 标题
+      var h = document.createElement("div");
+      h.style.cssText = "padding:10px 14px;background:#2d2d3f;color:#cdd6f4;font-size:13px;display:flex;justify-content:space-between;align-items:center;";
+      h.innerHTML = '<span>' + title + '</span>';
+      var x = document.createElement("span");
+      x.textContent = "\u2715";
+      x.style.cssText = "cursor:pointer;padding:2px 6px;border-radius:3px;transition:background 0.15s;";
+      x.onmouseenter = function () { x.style.background = "rgba(255,255,255,0.1)"; };
+      x.onmouseleave = function () { x.style.background = "none"; };
+      x.onclick = function () { mask.remove(); };
+      h.appendChild(x);
+
+      // body
+      var body = document.createElement("div");
+      body.style.cssText = "padding:16px;display:flex;flex-direction:column;gap:10px;";
+
+      var desc = document.createElement("div");
+      desc.textContent = hint;
+      desc.style.cssText = "font-size:11px;color:#888;";
+      body.appendChild(desc);
+
+      var input = document.createElement("input");
+      input.type = "text";
+      input.placeholder = placeholder;
+      input.style.cssText = "padding:8px 10px;background:#252536;border:1px solid #3d3d5c;border-radius:4px;color:#cdd6f4;font-size:13px;font-family:monospace;outline:none;";
+      input.onfocus = function () { input.style.borderColor = btnColor; };
+      input.onblur = function () { input.style.borderColor = "#3d3d5c"; };
+      body.appendChild(input);
+
+      var submitBtn = document.createElement("button");
+      submitBtn.textContent = title;
+      submitBtn.style.cssText = "padding:8px 16px;background:" + btnColor + ";border:none;border-radius:4px;color:#fff;font-size:12px;font-family:monospace;cursor:pointer;transition:opacity 0.15s;";
+      submitBtn.onmouseenter = function () { submitBtn.style.opacity = "0.8"; };
+      submitBtn.onmouseleave = function () { submitBtn.style.opacity = "1"; };
+
+      function doSubmit() {
+        var val = input.value.trim();
+        if (!val) {
+          input.style.borderColor = "#ff4444";
+          input.focus();
+          return;
+        }
+        if (!/^[a-zA-Z0-9\-]+$/.test(val)) {
+          input.style.borderColor = "#ff4444";
+          input.focus();
+          return;
+        }
+        submitBtn.disabled = true;
+        submitBtn.textContent = "\u6267\u884C\u4E2D...";
+        var cmd = cmdTemplate.replace("{name}", val);
+        runCommand(cmd);
+        setTimeout(function () { mask.remove(); }, 1000);
       }
-      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(); }
-    };
+      submitBtn.onclick = doSubmit;
+      input.onkeydown = function (e) { if (e.key === "Enter") doSubmit(); };
+      body.appendChild(submitBtn);
 
-    addRow.appendChild(agentInput);
-    addRow.appendChild(addBtn);
-    addGroup.appendChild(addRow);
-    form.appendChild(addGroup);
-
-    // ── 快捷命令按钮 ──
-    var quickGroup = document.createElement("div");
-    quickGroup.style.cssText = "display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid #3d3d5c;";
-
-    var quickLabel = document.createElement("div");
-    quickLabel.textContent = "\u5FEB\u6377\u547D\u4EE4";
-    quickLabel.style.cssText = "font-size:13px;font-weight:bold;color:#f59e0b;";
-    quickGroup.appendChild(quickLabel);
-
-    var quickRow = document.createElement("div");
-    quickRow.style.cssText = "display:flex;gap:8px;flex-wrap:wrap;";
-
-    function makeQuickBtn(label, cmd, color) {
-      var b = document.createElement("button");
-      b.textContent = label;
-      b.style.cssText = "padding:8px 14px;background:" + color + ";border:none;border-radius:4px;color:#fff;font-size:12px;font-family:monospace;cursor:pointer;transition:opacity 0.15s;white-space:nowrap;";
-      b.onmouseenter = function () { b.style.opacity = "0.8"; };
-      b.onmouseleave = function () { b.style.opacity = "1"; };
-      b.onclick = function () {
-        b.disabled = true;
-        b.textContent = "\u6267\u884C\u4E2D...";
-        runCommand(cmd);
-        setTimeout(function () {
-          b.disabled = false;
-          b.textContent = label;
-        }, 2000);
-      };
-      return b;
+      box.appendChild(h);
+      box.appendChild(body);
+      mask.appendChild(box);
+      mask.onclick = function (e) { if (e.target === mask) mask.remove(); };
+      document.body.appendChild(mask);
+      setTimeout(function () { input.focus(); }, 100);
     }
 
-    quickRow.appendChild(makeQuickBtn("\u516D\u53F7\u5347\u7EA7", "mc up", "#8b5cf6"));
-    quickRow.appendChild(makeQuickBtn("\u4E8C\u53F7\u91CD\u542F", "mc restart", "#ef4444"));
-    quickRow.appendChild(makeQuickBtn("\u4E09\u53F7\u65B0\u4F19\u4F34", "mc tui", "#3b82f6"));
-    quickGroup.appendChild(quickRow);
-    form.appendChild(quickGroup);
+    // ── 按钮列表 ──
+    var btns = [
+      { label: "\uD83D\uDCAC \u6DFB\u52A0\u5BF9\u8BDD", desc: "\u6253\u5F00\u5DF2\u6709\u4F19\u4F34\u7684\u5BF9\u8BDD\u7A97\u53E3", hasInput: true, inputTitle: "\u6DFB\u52A0\u5BF9\u8BDD", placeholder: "\u8F93\u5165\u4F19\u4F34\u540D\u79F0\uFF0C\u5982 kakaxi", hint: "\u8F93\u5165\u4F60\u7684\u4F19\u4F34\u7684\u540D\u79F0\uFF08\u82F1\u6587\u5B57\u6BCD\u3001\u6570\u5B57\u3001\u8FDE\u5B57\u7B26\uFF09\uFF0C\u70B9\u51FB\u540E\u4F1A\u6253\u5F00\u5BF9\u8BDD\u7A97\u53E3", cmd: "mc tui {name}", color: "#10b981" },
+      { label: "\uD83D\uDE80 \u516D\u53F7\u5347\u7EA7", desc: "\u5347\u7EA7 myclaw \u5230\u6700\u65B0\u7248\u672C", hasInput: false, cmd: "mc up", color: "#8b5cf6" },
+      { label: "\uD83D\uDD04 \u4E8C\u53F7\u91CD\u542F", desc: "\u91CD\u542F\u670D\u52A1\uFF0C\u4FEE\u590D\u5927\u591A\u6570\u95EE\u9898", hasInput: false, cmd: "mc restart", color: "#ef4444" },
+      { label: "\uD83E\uDD1D \u4E09\u53F7\u65B0\u4F19\u4F34", desc: "\u521B\u5EFA\u4E00\u4E2A\u65B0\u7684 AI \u4F19\u4F34", hasInput: true, inputTitle: "\u65B0\u5EFA\u4F19\u4F34", placeholder: "\u8F93\u5165\u65B0\u4F19\u4F34\u540D\u79F0\uFF0C\u5982 my-cat", hint: "\u7ED9\u4F60\u7684\u65B0 AI \u4F19\u4F34\u8D77\u4E2A\u540D\u5B57\uFF08\u82F1\u6587\u5B57\u6BCD\u3001\u6570\u5B57\u3001\u8FDE\u5B57\u7B26\uFF09\uFF0C\u70B9\u51FB\u540E\u4F1A\u81EA\u52A8\u521B\u5EFA", cmd: "mc tui {name}", color: "#3b82f6" },
+    ];
+
+    btns.forEach(function (item) {
+      var row = document.createElement("div");
+      row.style.cssText = [
+        "padding:10px 14px",
+        "background:#252536",
+        "border-radius:6px",
+        "cursor:pointer",
+        "transition:background 0.15s",
+        "display:flex",
+        "align-items:center",
+        "gap:10px",
+      ].join(";");
+      row.onmouseenter = function () { row.style.background = "#2f2f4a"; };
+      row.onmouseleave = function () { row.style.background = "#252536"; };
+
+      // 左侧色条
+      var bar = document.createElement("div");
+      bar.style.cssText = "width:3px;height:28px;border-radius:2px;background:" + item.color + ";flex-shrink:0;";
+      row.appendChild(bar);
+
+      var info = document.createElement("div");
+      info.style.cssText = "flex:1;display:flex;flex-direction:column;gap:2px;";
+
+      var name = document.createElement("div");
+      name.textContent = item.label;
+      name.style.cssText = "font-size:13px;font-weight:bold;color:" + item.color + ";";
+      info.appendChild(name);
+
+      var desc = document.createElement("div");
+      desc.textContent = item.desc;
+      desc.style.cssText = "font-size:11px;color:#888;";
+      info.appendChild(desc);
+
+      row.appendChild(info);
+
+      // 箭头
+      var arrow = document.createElement("div");
+      arrow.textContent = "\u25B6";
+      arrow.style.cssText = "color:#555;font-size:10px;";
+      row.appendChild(arrow);
+
+      row.onclick = function () {
+        if (item.hasInput) {
+          promptAndRun(item.inputTitle, item.placeholder, item.hint, item.cmd, item.color);
+        } else {
+          runCommand(item.cmd);
+        }
+      };
+
+      form.appendChild(row);
+    });
 
     box.appendChild(header);
     box.appendChild(form);
@@ -866,9 +917,6 @@
     };
 
     document.body.appendChild(overlay);
-
-    // 自动聚焦
-    setTimeout(function () { agentInput.focus(); }, 100);
   }
 
   function closeCommandModal() {

package/package.json

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