@aiyiran/myclaw 1.1.74 → 1.1.75

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/package.json

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