@aiyiran/myclaw 1.0.190 → 1.0.192

package/assets/myclaw-inject.js

@@ -94,7 +94,9 @@
     document.body.appendChild(btn);
   }
 
-  // ═══ 1.2 右下角 CMD 按钮 ═══
+  // ═══ 1.2 右下角 CMD 按钮（弹框 iframe） ═══
+  var cmdOpen = false;
+
   function createCmdButton() {
     if (document.querySelector("#myclaw-cmd-btn")) return;
 
@@ -104,29 +106,131 @@
       "position: fixed",
       "bottom: 8px",
       "right: 130px",
-      "padding: 2px 8px",
-      "background: none",
-      "color: rgba(150, 150, 150, 0.4)",
-      "font-size: 10px",
+      "padding: 3px 10px",
+      "background: rgba(59, 130, 246, 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: color 0.2s",
+      "transition: all 0.2s",
+      "letter-spacing: 0.5px",
     ].join(";");
     btn.textContent = "\u2328 CMD";
     btn.title = "\u6253\u5F00\u547D\u4EE4\u884C";
 
-    btn.onmouseenter = function () { btn.style.color = "rgba(150, 150, 150, 0.8)"; };
-    btn.onmouseleave = function () { btn.style.color = "rgba(150, 150, 150, 0.4)"; };
+    btn.onmouseenter = function () { btn.style.background = "rgba(37, 99, 235, 1)"; btn.style.transform = "scale(1.05)"; };
+    btn.onmouseleave = function () { if (!cmdOpen) { btn.style.background = "rgba(59, 130, 246, 0.85)"; } btn.style.transform = "scale(1)"; };
     btn.onclick = function (e) {
       e.stopPropagation();
-      window.location.href = window.location.origin + "/cmd";
+      if (cmdOpen) {
+        closeCmdModal();
+      } else {
+        openCmdModal();
+      }
     };
 
     document.body.appendChild(btn);
   }
 
+  function openCmdModal() {
+    if (document.querySelector("#myclaw-cmd-modal")) return;
+    cmdOpen = true;
+
+    // 按钮 active 态
+    var btn = document.querySelector("#myclaw-cmd-btn");
+    if (btn) btn.style.background = "rgba(37, 99, 235, 1)";
+
+    // 遮罩
+    var overlay = document.createElement("div");
+    overlay.id = "myclaw-cmd-modal";
+    overlay.style.cssText = [
+      "position: fixed",
+      "top: 0",
+      "left: 0",
+      "width: 100vw",
+      "height: 100vh",
+      "background: rgba(0, 0, 0, 0.3)",
+      "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: 98vw",
+      "height: 96vh",
+      "background: #1e1e2e",
+      "border-radius: 8px",
+      "overflow: hidden",
+      "display: flex",
+      "flex-direction: column",
+      "box-shadow: 0 8px 32px rgba(0,0,0,0.4)",
+    ].join(";");
+
+    // 标题栏
+    var header = document.createElement("div");
+    header.style.cssText = [
+      "display: flex",
+      "align-items: center",
+      "justify-content: space-between",
+      "padding: 8px 14px",
+      "background: #2d2d3f",
+      "color: #cdd6f4",
+      "font-size: 13px",
+      "font-family: monospace",
+      "user-select: none",
+    ].join(";");
+    header.innerHTML = '<span>\u2328 Terminal</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 () { closeCmdModal(); };
+    header.appendChild(closeBtn);
+
+    // 新标签页打开 /cmd
+    window.open(window.location.origin + "/cmd", "_blank");
+
+    // iframe 占位（保持弹框结构）
+    var iframe = document.createElement("iframe");
+    iframe.src = "about:blank";
+    iframe.style.cssText = [
+      "flex: 1",
+      "width: 100%",
+      "border: none",
+      "background: #1e1e2e",
+    ].join(";");
+
+    box.appendChild(header);
+    box.appendChild(iframe);
+    overlay.appendChild(box);
+
+    // 点击遮罩关闭
+    overlay.onclick = function (e) {
+      if (e.target === overlay) closeCmdModal();
+    };
+
+    document.body.appendChild(overlay);
+  }
+
+  function closeCmdModal() {
+    var modal = document.querySelector("#myclaw-cmd-modal");
+    if (modal) modal.remove();
+    cmdOpen = false;
+
+    var btn = document.querySelector("#myclaw-cmd-btn");
+    if (btn) btn.style.background = "rgba(59, 130, 246, 0.85)";
+  }
+
   // \u6D4B\u8BD5\u9EA6\u514B\u98CE\u51FD\u6570
   function testMicrophone() {
     console.log("[myclaw] \u5F00\u59CB\u6D4B\u8BD5\u9EA6\u514B\u98CE...");
@@ -411,6 +515,11 @@
       "  0% { transform: scale(0.8); opacity: 0.8; }",
       "  100% { transform: scale(1.6); opacity: 0; }",
       "}",
+      /* CMD 弹框淡入 */
+      "@keyframes myclaw-fade-in {",
+      "  from { opacity: 0; }",
+      "  to { opacity: 1; }",
+      "}",
     ].join("\n");
     document.head.appendChild(style);
   }

package/package.json

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