@aiyiran/myclaw 1.1.74 → 1.1.76

package/assets/myclaw-artifacts.js

@@ -213,20 +213,18 @@
     leftGroup.appendChild(titleSpan);
 
     var eyeBtn = document.createElement('span');
+    eyeBtn.style.cssText = 'cursor:pointer;border-radius:3px;padding:2px 5px;transition:all 0.15s;font-size:11px;font-family:monospace;color:rgba(205,214,244,0.35);';
     var updateEyeUI = function () {
       if (showHiddenArtifacts) {
-        eyeBtn.textContent = '👁';
-        eyeBtn.style.opacity = '1';
-        eyeBtn.style.textDecoration = 'none';
+        eyeBtn.textContent = '显';
+        eyeBtn.style.color = '#ffffff';
         eyeBtn.title = '隐藏内部模板文件';
       } else {
-        eyeBtn.textContent = '👁';
-        eyeBtn.style.opacity = '0.5';
-        eyeBtn.style.textDecoration = 'line-through';
+        eyeBtn.textContent = '隐';
+        eyeBtn.style.color = 'rgba(205,214,244,0.35)';
         eyeBtn.title = '显示内部模板文件';
       }
     };
-    eyeBtn.style.cssText = 'cursor:pointer;border-radius:3px;padding:2px 4px;transition:all 0.15s;font-size:13px;';
     updateEyeUI();
     eyeBtn.onmouseenter = function () { eyeBtn.style.background = 'rgba(255,255,255,0.1)'; };
     eyeBtn.onmouseleave = function () { eyeBtn.style.background = 'none'; };
@@ -335,16 +333,8 @@
     forkPanelBtn.onmouseleave = function () { forkPanelBtn.style.background = 'rgba(255,255,255,0.06)'; };
     forkPanelBtn.onclick = function () { openForkModal(); };
 
-    var templateFooterBtn = document.createElement('div');
-    templateFooterBtn.textContent = '📋 模板';
-    templateFooterBtn.style.cssText = footerBtnStyle;
-    templateFooterBtn.onmouseenter = function () { templateFooterBtn.style.background = 'rgba(255,255,255,0.14)'; };
-    templateFooterBtn.onmouseleave = function () { templateFooterBtn.style.background = 'rgba(255,255,255,0.06)'; };
-    templateFooterBtn.onclick = function () { openTemplateModal(); };
-
     panelFooter.appendChild(historyFooterBtn);
     panelFooter.appendChild(forkPanelBtn);
-    panelFooter.appendChild(templateFooterBtn);
 
     panel.appendChild(header);
     panel.appendChild(content);
@@ -2350,7 +2340,7 @@
 
     // 左栏：模板列表
     var leftPane = document.createElement('div');
-    leftPane.style.cssText = 'width:240px;flex-shrink:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,0.07);padding:8px;display:flex;flex-direction:column;gap:2px;';
+    leftPane.style.cssText = 'width:190px;flex-shrink:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,0.07);padding:4px;display:flex;flex-direction:column;gap:1px;';
 
     // 右栏：iframe 预览
     var rightPane = document.createElement('div');
@@ -2534,7 +2524,7 @@
 
       templates.forEach(function (tpl) {
         var row = document.createElement('div');
-        row.style.cssText = 'padding:10px;border-radius:5px;cursor:pointer;transition:background 0.12s;';
+        row.style.cssText = 'padding:3px;border-radius:4px;cursor:pointer;transition:background 0.12s;';
 
         function setActive() {
           if (activeRow) activeRow.style.background = 'transparent';
@@ -2543,9 +2533,14 @@
           currentTpl = tpl;
           setFooterStatus('');
           rightHeader.innerHTML = '';
+          rightHeader.style.alignItems = 'center';
+          rightHeader.style.flexDirection = 'row';
+          rightHeader.style.gap = '12px';
+
           var infoSpan = document.createElement('span');
-          infoSpan.style.cssText = 'font-size:12px;color:#cdd6f4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;';
+          infoSpan.style.cssText = 'font-size:12px;color:#cdd6f4;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;';
           infoSpan.textContent = tpl['系列'] + tpl['编号'] + '  ' + tpl['名称'];
+
           // 新窗口打开按钮
           var openNewBtn = document.createElement('button');
           openNewBtn.textContent = '↗';
@@ -2566,23 +2561,20 @@
         row.onmouseenter = function () { if (row !== activeRow) row.style.background = 'rgba(255,255,255,0.06)'; };
         row.onmouseleave = function () { if (row !== activeRow) row.style.background = 'transparent'; };
 
-        var topRow = document.createElement('div');
-        topRow.style.cssText = 'display:flex;align-items:center;gap:6px;margin-bottom:4px;';
-        var badge = document.createElement('span');
+        var badge = document.createElement('div');
         badge.textContent = tpl['系列'] + tpl['编号'];
-        badge.style.cssText = 'font-size:10px;font-weight:bold;background:#4a4a7a;color:#cdd6f4;padding:1px 7px;border-radius:8px;flex-shrink:0;';
-        var nameEl = document.createElement('span');
+        var _seriesColor = tpl['系列'] === 'A' ? '#4ade80' : tpl['系列'] === 'B' ? '#fb923c' : tpl['系列'] === 'C' ? '#60a5fa' : '#ffffff';
+        badge.style.cssText = 'font-size:13px;font-weight:bold;color:' + _seriesColor + ';letter-spacing:0.5px;margin-bottom:3px;';
+        var nameEl = document.createElement('div');
         nameEl.textContent = tpl['名称'];
-        nameEl.style.cssText = 'font-size:12px;color:#cdd6f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;';
-        topRow.appendChild(badge);
-        topRow.appendChild(nameEl);
+        nameEl.style.cssText = 'font-size:11px;color:rgba(205,214,244,0.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;';
 
         var descEl = document.createElement('div');
         descEl.textContent = tpl['一句话说明'];
-        descEl.style.cssText = 'font-size:11px;color:rgba(205,214,244,0.5);line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;';
+        descEl.style.cssText = 'font-size:10px;color:rgba(205,214,244,0.45);line-height:1.3;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;';
 
         var tagsEl = document.createElement('div');
-        tagsEl.style.cssText = 'display:flex;gap:4px;margin-top:5px;flex-wrap:wrap;';
+        tagsEl.style.cssText = 'display:flex;gap:3px;margin-top:3px;flex-wrap:wrap;';
         [tpl['主能力标签'], tpl['任务类型标签']].filter(Boolean).forEach(function (tag) {
           var tagEl = document.createElement('span');
           tagEl.textContent = tag;
@@ -2590,7 +2582,8 @@
           tagsEl.appendChild(tagEl);
         });
 
-        row.appendChild(topRow);
+        row.appendChild(badge);
+        row.appendChild(nameEl);
         row.appendChild(descEl);
         row.appendChild(tagsEl);
         leftPane.appendChild(row);
@@ -2737,6 +2730,13 @@
   function init() {
     injectStyles();
     createArtifactsButton();
+    var templateFloatBtn = document.createElement('div');
+    templateFloatBtn.textContent = '📋 模板';
+    templateFloatBtn.style.cssText = 'position:fixed;right:0;bottom:100px;z-index:99999;cursor:pointer;padding:3px;border-radius:4px 0 0 4px;font-size:12px;font-family:monospace;color:#cdd6f4;background:rgba(37,37,54,0.92);border:1px solid #3d3d5c;border-right:none;text-align:center;transition:background 0.15s;';
+    templateFloatBtn.onmouseenter = function () { templateFloatBtn.style.background = 'rgba(255,255,255,0.14)'; };
+    templateFloatBtn.onmouseleave = function () { templateFloatBtn.style.background = 'rgba(37,37,54,0.92)'; };
+    templateFloatBtn.onclick = function () { openTemplateModal(); };
+    document.body.appendChild(templateFloatBtn);
     // 本地环境：启动时获取一次 clawName 并缓存，轮询期间复用
     resolveClawName();
     startPolling();

package/assets/myclaw-inject.js

@@ -1380,8 +1380,24 @@ btn.addEventListener("click", function () {
     var form = document.createElement("div");
     form.style.cssText = "padding: 16px 20px;display:flex;flex-direction:column;gap:10px;color:#cdd6f4;font-family:monospace;font-size:13px;";
 
+    // 从 URL 解析当前页面的伙伴名
+    function getCurrentAgentName() {
+      var params = new URLSearchParams(window.location.search);
+      var session = params.get('session');
+      if (session) {
+        var decoded = decodeURIComponent(session);
+        if (decoded.indexOf('agent:') === 0) {
+          var parts = decoded.split(':');
+          if (parts.length >= 2) return parts[1];
+        }
+      }
+      var agent = params.get('agent');
+      if (agent) return agent;
+      return '';
+    }
+
     // 弹出 input 小弹框
-    function promptAndRun(title, placeholder, hint, cmdTemplate, btnColor) {
+    function promptAndRun(title, placeholder, hint, cmdTemplate, btnColor, defaultValue) {
       var mask = document.createElement("div");
       mask.style.cssText = [
         "position:fixed",
@@ -1427,6 +1443,7 @@ btn.addEventListener("click", function () {
       var input = document.createElement("input");
       input.type = "text";
       input.placeholder = placeholder;
+      input.value = defaultValue || '';
       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"; };
@@ -1472,7 +1489,7 @@ btn.addEventListener("click", function () {
     // ── 按钮列表 ──
     var btns = [
       { label: "\uD83E\uDD1D \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 new {name}", color: "#3b82f6" },
-      { 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\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", getDefault: getCurrentAgentName },
       { label: "\uD83D\uDD04 \u91CD\u542F\u670D\u52A1", desc: "\u91CD\u542F\u6587\u4EF6\u670D\u52A1", hasInput: false, cmd: "mc server", color: "#ef4444" },
       { label: "\uD83E\uDD9E \u91CD\u542F\u9F99\u867E", desc: "\u91CD\u542F OpenClaw \u6838\u5FC3\u670D\u52A1", hasInput: false, cmd: "mc all", color: "#f59e0b" },
     ];
@@ -1520,7 +1537,7 @@ btn.addEventListener("click", function () {
 
       row.onclick = function () {
         if (item.hasInput) {
-          promptAndRun(item.inputTitle, item.placeholder, item.hint, item.cmd, item.color);
+          promptAndRun(item.inputTitle, item.placeholder, item.hint, item.cmd, item.color, item.getDefault ? item.getDefault() : '');
         } else {
           runCommand(item.cmd);
         }

package/package.json

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

package/skills/yiran-course-template-pipeline/scripts/build_template_views.py

@@ -49,6 +49,13 @@ INDEX_TEMPLATE = """\
   </style>
 </head>
 <body>
+<!--
+  [AI 编辑说明]
+  这是学生作品的主文件。当你开始编辑时：
+  1. 先删除 <body> 内所有现有内容（包括本注释）
+  2. 根据参考材料（__demo__.html 等 __XXX__ 文件）重新制作学生作品
+  __XXX__ 文件只读，不要修改。
+-->
   <div class="grid">
     <section>
       <h2>评价目标</h2>

package/skills/yiran-playground-template-use/SKILL.md

@@ -69,7 +69,7 @@ python3 scripts/deploy_to_workspace.py <template_path> <workspace_path> --with-t
 - 实例名在 deploy 阶段生成
 - 命名规则默认是：`月日_原模板名_时分`
 - 如果同一分钟同名冲突，会自动加 `_2`、`_3`
-- 后续要修改的文件优先使用 `__demo__.html`
+- 学生作品主文件是 `index.html`，`__XXX__` 文件（`__demo__.html` 等）为只读参考，不修改
 
 ## 内部脚本分层
 

package/skills/yiran-playground-template-use/prompts/remix-handoff.txt

@@ -1,11 +1,20 @@
-下面是这次要继续处理的作品材料，请先按路径查看相关文件，并为后续继续引导学生完成作品做准备。
+下面是这次要开始制作的作品材料，请先按路径查看相关文件，然后直接开始修改 index.html。
 
 老师给到的作品文件夹路径：
 {{FOLDER_REL_PATH}}
 
-后续我们要修改的文件路径：
+学生作品主文件路径：
 {{ENTRY_REL_PATH}}
 
-请先查看这个作品文件夹中的所有现有文件，并重点查看后续要修改的网页文件。
-后续我们会基于这些现有内容继续修改作品，并继续引导学生完成任务。
-所以你现在先完成阅读和理解，暂时不要开始改动。
+## 文件职责说明
+
+文件夹里的 __XXX__ 文件（如 __demo__.html、__student-view__.html、__teacher-view__.html 等）是只读参考材料，不要修改它们。
+- __demo__.html：老师做的示范作品，供参考
+- __student-view__.html：学生任务说明页，供参考
+
+index.html 是学生发布作品的主文件，所有修改只在这里进行。
+
+## 立即行动
+
+1. 先阅读 __XXX__ 文件，了解任务背景和示范内容
+2. 打开 index.html，按照里面的说明开始制作学生作品