@aiyiran/myclaw 1.0.212 → 1.0.214

package/assets/myclaw-artifacts.js

@@ -49,8 +49,9 @@
 
   // ═══ 构建预览 URL ═══
   function buildPreviewUrl(data, assetPath) {
-    var wsName = data.workspace_id || 'main';
-    return window.location.origin + '/' + wsName + '/' + assetPath;
+    var base = data.base_url || '';
+    var wsName = data.workspace_id || '';
+    return base + '/' + wsName + '/' + assetPath;
   }
 
   // ═══ 创建按钮 ═══
@@ -245,10 +246,8 @@
       'flex-shrink: 0',
     ].join(';');
     tableHeader.innerHTML = [
-      '<span style="width:30px;text-align:center;">#</span>',
-      '<span style="flex:2;">文件名</span>',
-      '<span style="flex:1;text-align:center;">类别</span>',
-      '<span style="flex:1;text-align:right;">更新时间</span>',
+      '<span style="flex-shrink:0;width:70px;">更新时间</span>',
+      '<span style="flex:1;">文件名</span>',
     ].join('');
     container.appendChild(tableHeader);
 
@@ -286,17 +285,29 @@
       row.onclick = function () {
         if (isLatest && !isLatestSeen) localStorage.setItem(latestSeenKey, '1');
         if (isUpdated && !isUpdateSeen) localStorage.setItem(updateSeenKey, '1');
-        openPreviewModal(data, asset);
+        if (asset.type === 'html') {
+          window.open(buildPreviewUrl(data, asset.path), '_blank');
+        } else {
+          openPreviewModal(data, asset);
+        }
       };
 
-      // 编号
-      var num = document.createElement('span');
-      num.style.cssText = 'width:30px;text-align:center;color:#888;flex-shrink:0;';
-      num.textContent = String(idx + 1);
+      // 更新时间
+      var time = document.createElement('span');
+      time.style.cssText = 'flex-shrink:0;width:70px;color:#888;font-size:11px;';
+      var updatedAt = asset.updated_at || data.updated_at || '';
+      if (updatedAt) {
+        try {
+          var d = new Date(updatedAt);
+          time.textContent = (d.getMonth() + 1) + '/' + d.getDate() + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0');
+        } catch (e) {
+          time.textContent = '';
+        }
+      }
 
       // 文件名（从 path 提取）+ 标记
       var fname = document.createElement('span');
-      fname.style.cssText = 'flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;';
+      fname.style.cssText = 'flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:6px;';
       var pathParts = (asset.path || '').split('/');
       var nameSpan = document.createElement('span');
       nameSpan.textContent = pathParts[pathParts.length - 1] || asset.name || '未命名';
@@ -316,28 +327,8 @@
         fname.appendChild(badge);
       }
 
-      // 类别
-      var type = document.createElement('span');
-      type.style.cssText = 'flex:1;text-align:center;color:#888;';
-      type.textContent = asset.type ? asset.type.toUpperCase() : '';
-
-      // 更新时间
-      var time = document.createElement('span');
-      time.style.cssText = 'flex:1;text-align:right;color:#888;font-size:11px;flex-shrink:0;';
-      var updatedAt = asset.updated_at || data.updated_at || '';
-      if (updatedAt) {
-        try {
-          var d = new Date(updatedAt);
-          time.textContent = (d.getMonth() + 1) + '/' + d.getDate() + ' ' + String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0');
-        } catch (e) {
-          time.textContent = '';
-        }
-      }
-
-      row.appendChild(num);
-      row.appendChild(fname);
-      row.appendChild(type);
       row.appendChild(time);
+      row.appendChild(fname);
       container.appendChild(row);
     });
   }

package/package.json

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

package/patches/patch.js

@@ -212,8 +212,9 @@ function patch() {
     return { success: false, reason: 'inject-failed' };
   }
 
-  // 7. Patch Permissions-Policy 头（允许麦克风）
+  // 7. Patch Permissions-Policy 头（允许麦克风）+ CSP frame-src（允许 iframe 加载外部资源）
   // OpenClaw 在 gateway-cli-*.js 或 server-*.js 中硬编码了 microphone=()，需要改为 microphone=(self)
+  // 同时 CSP 中 default-src 'self' 导致 iframe 只能加载同源内容，需要添加 frame-src 允许外部资源
   try {
     const distParent = path.resolve(uiDir, '..');  // dist/
     const distFiles = fs.readdirSync(distParent);
@@ -229,33 +230,58 @@ function patch() {
       const filePath = path.join(distParent, f);
       let content = fs.readFileSync(filePath, 'utf8');
 
-      if (content.includes('microphone=()')) {
+      // 检查是否需要 patch
+      const needsMicrophonePatch = content.includes('microphone=()');
+      const needsCspFramePatch = !content.includes('frame-src');
+
+      if (needsMicrophonePatch || needsCspFramePatch) {
         // 备份
         const backupFile = filePath + BACKUP_SUFFIX;
         if (!fs.existsSync(backupFile)) {
           fs.copyFileSync(filePath, backupFile);
         }
 
-        content = content.replace(
-          'microphone=()',
-          'microphone=(self)'
-        );
+        // Patch 1: microphone
+        if (needsMicrophonePatch) {
+          content = content.replace(
+            'microphone=()',
+            'microphone=(self)'
+          );
+          console.log('[myclaw-patch] ✅ 已修复 Permissions-Policy (microphone): ' + f);
+        }
+
+        // Patch 2: CSP frame-src - 在 buildControlUiCspHeader 的 CSP 数组中添加 frame-src
+        // 原始: "default-src 'self'", ... "frame-ancestors 'none'"
+        // 目标: 在 "default-src 'self'" 后插入 "frame-src 'self' https:", 并修改 frame-ancestors
+        if (needsCspFramePatch) {
+          // 在 "default-src 'self'" 后面插入 frame-src 指令
+          content = content.replace(
+            '"default-src \'self\'"',
+            '"default-src \'self\'",\n\t\t"frame-src \'self\' https:"'
+          );
+          // 同时放开 frame-ancestors，允许被外部 iframe 嵌入
+          content = content.replace(
+            '"frame-ancestors \'none\'"',
+            '"frame-ancestors \'self\' https:"'
+          );
+          console.log('[myclaw-patch] ✅ 已添加 CSP frame-src 允许 iframe 加载: ' + f);
+        }
+
         fs.writeFileSync(filePath, content, 'utf8');
-        console.log('[myclaw-patch] ✅ 已修复 Permissions-Policy (microphone): ' + f);
         patched = true;
-      } else if (content.includes('microphone=(self)')) {
-        console.log('[myclaw-patch] ✅ Permissions-Policy (microphone) 已是允许状态');
+      } else {
+        console.log('[myclaw-patch] ✅ Permissions-Policy (microphone) 和 CSP (frame-src) 已是允许状态');
         patched = true;
       }
     }
 
     if (!patched && foundTarget) {
-      console.log('[myclaw-patch] ⚠ 找到目标文件但未检测到 microphone 配置');
+      console.log('[myclaw-patch] ⚠ 找到目标文件但未检测到 microphone/CSP 配置');
     } else if (!patched) {
-      console.log('[myclaw-patch] ⚠ 未找到 Permissions-Policy 配置文件，麦克风可能受限');
+      console.log('[myclaw-patch] ⚠ 未找到配置文件，麦克风和 iframe 可能受限');
     }
   } catch (err) {
-    console.error('[myclaw-patch] ⚠ Permissions-Policy 修复失败 (非致命): ' + err.message);
+    console.error('[myclaw-patch] ⚠ Permissions-Policy/CSP 修复失败 (非致命): ' + err.message);
   }
 
   console.log('[myclaw-patch] ✅ 注入完成，重启 Gateway 后生效');

package/skills/yiran-skill-media/SKILL.md

@@ -1,30 +1,29 @@
 ---
 name: yiran-skill-media
-description: 统一多媒体生成技能。支持图片和音乐生成，按资源类型自动路由到最优 provider，支持主备切换。资源生成规范：所有生成的资源必须存放在当前工作目录下，调用时通过 --output-dir 传入当前工作目录的绝对路径。
+description: 统一多媒体生成技能。支持图片和音乐生成，按资源类型自动路由到最优 provider，支持主备切换。资源生成规范：所有生成的资源必须存放在当前工作目录下，调用时通过 --output-dir 传入当前工作目录的绝对路径，通过 --name 传入资源的中文名称。
 ---
 
 # 统一多媒体生成
 
 ## 资源生成规范（必须遵守）
 
-**`--output-dir` 为必填参数，必须传入绝对路径。**
+1. **`--output-dir` 必填** — 传入当前工作目录的绝对路径。你在哪个目录工作，就传哪个路径。
+2. **`--name` 必填** — 传入资源的中文名称，用于生成文件名。名称应简洁准确，能体现资源内容。
 
-**规范：所有生成的资源文件必须存放在当前工作目录下。你在哪个目录工作，就把该目录的绝对路径传给 `--output-dir`。**
+**所有生成的资源文件必须存放在当前工作目录下。** 不允许省略，不允许猜测路径。
 
 例如：
 - 你当前在 `/root/.openclaw/workspace` → 传入 `--output-dir /root/.openclaw/workspace`
-- 你当前在 `/root/.openclaw/workspace-dev` → 传入 `--output-dir /root/.openclaw/workspace-dev`
-
-这是硬性规范，不允许省略，不允许猜测路径。
+- 生成一张日落图片 → 传入 `--name 日落风景`
 
 ## 一键脚本
 
 ```bash
-# 图片生成 — 传入当前工作目录的绝对路径
-./image.sh --output-dir "$(pwd)" "描述" [--aspect-ratio 16:9]
+# 图片生成
+./image.sh --output-dir "$(pwd)" --name 日落风景 "a sunset landscape" [--aspect-ratio 16:9]
 
 # 音乐生成
-./music.sh --output-dir "$(pwd)" "描述" [--lyrics "歌词"] [--instrumental]
+./music.sh --output-dir "$(pwd)" --name 开场音乐 "epic opening" [--instrumental]
 ```
 
 ## 参数说明
@@ -34,6 +33,7 @@ description: 统一多媒体生成技能。支持图片和音乐生成，按资
 | 参数 | 必填 | 说明 |
 |------|------|------|
 | `--output-dir` | 是 | 输出目录的绝对路径，传入当前工作目录 |
+| `--name` | 是 | 资源中文名称（如：日落风景、产品封面） |
 | `prompt` | 是 | 图片描述 |
 | `--aspect-ratio` | 否 | 比例，默认 1:1。可选：16:9, 9:16, 4:3 等 |
 
@@ -42,6 +42,7 @@ description: 统一多媒体生成技能。支持图片和音乐生成，按资
 | 参数 | 必填 | 说明 |
 |------|------|------|
 | `--output-dir` | 是 | 输出目录的绝对路径，传入当前工作目录 |
+| `--name` | 是 | 资源中文名称（如：开场音乐、背景配乐） |
 | `prompt` | 是 | 音乐风格/情绪描述 |
 | `--lyrics` | 否 | 歌词文本 |
 | `--instrumental` | 否 | 纯音乐模式 |

package/skills/yiran-skill-media/scripts/generate.py

@@ -55,11 +55,11 @@ def ratio_to_size(ratio_str, max_dim=2048):
     return w, h
 
 
-def make_output_path(out_dir, resource_type, model, params, ext):
-    """Generate filename with model name and key parameters.
+def make_output_path(out_dir, name, resource_type, params, ext):
+    """Generate filename with Chinese name and key parameters.
 
-    Format: {type}_{model}_{params}_{timestamp}.{ext}
-    Example: image_nano-banana-pro_2048x1152_20260414_123456.png
+    Format: {name}_{params}_{timestamp}.{ext}
+    Example: 日落风景_2048x1152_20260414_123456.png
     """
     ts = datetime.now().strftime("%Y%m%d_%H%M%S")
 
@@ -67,18 +67,13 @@ def make_output_path(out_dir, resource_type, model, params, ext):
     param_parts = []
     if resource_type == "image":
         aspect_ratio = params.get("aspect_ratio", "1:1")
-        # Convert ratio to actual dimensions
         w, h = ratio_to_size(aspect_ratio)
         param_parts.append(f"{w}x{h}")
     elif resource_type == "music":
         if params.get("instrumental"):
             param_parts.append("instrumental")
 
-    # Build filename parts
-    # Clean model name: replace special chars with dash
-    clean_model = model.replace("/", "-").replace("_", "-")
-
-    parts = [resource_type, clean_model]
+    parts = [name]
     if param_parts:
         parts.extend(param_parts)
     parts.append(ts)
@@ -148,6 +143,7 @@ def main():
     parser.add_argument("--instrumental", action="store_true", help="Instrumental mode (music only)")
     parser.add_argument("--output", default=None, help="Output file path")
     parser.add_argument("--output-dir", required=True, help="Absolute path to output directory (required)")
+    parser.add_argument("--name", required=True, help="Resource name in Chinese (required, e.g. 日落风景)")
     args = parser.parse_args()
 
     out_dir = ensure_output_dir(args.output_dir)
@@ -184,10 +180,9 @@ def main():
 
         files, used_provider = dispatch(args.type, args.prompt, **kwargs)
 
-        # Rename with proper filename containing model and params (only for auto-naming)
+        # Rename with proper filename containing name and params (only for auto-naming)
         if not args.output:
-            model = used_provider["model"]
-            proper_path = make_output_path(out_dir, args.type, model, kwargs, ext)
+            proper_path = make_output_path(out_dir, args.name, args.type, kwargs, ext)
             import shutil
             shutil.move(files[0], proper_path)
             files = [proper_path]

package/skills/yiran-skill-media/scripts/image.sh

@@ -1,15 +1,17 @@
 #!/bin/bash
 # 图片生成入口
-# 用法: ./image.sh --output-dir /abs/path "描述" [--aspect-ratio 16:9]
+# 用法: ./image.sh --output-dir /abs/path --name 中文名 "描述" [--aspect-ratio 16:9]
 set -euo pipefail
 
 OUTPUT_DIR=""
+NAME=""
 PROMPT=""
 ASPECT_RATIO=""
 
 while [ $# -gt 0 ]; do
     case "$1" in
         --output-dir) OUTPUT_DIR="$2"; shift 2 ;;
+        --name) NAME="$2"; shift 2 ;;
         --aspect-ratio) ASPECT_RATIO="$2"; shift 2 ;;
         *)
             if [ -z "$PROMPT" ]; then
@@ -20,20 +22,19 @@ while [ $# -gt 0 ]; do
     esac
 done
 
-if [ -z "$OUTPUT_DIR" ] || [ -z "$PROMPT" ]; then
-    echo "用法: ./image.sh --output-dir <绝对路径> \"描述\" [--aspect-ratio 16:9]"
-    echo "示例: ./image.sh --output-dir /root/.openclaw/workspace/media \"a cute cat\" --aspect-ratio 16:9"
-    echo "注意: --output-dir 必须是绝对路径，传入当前工作目录即可"
+if [ -z "$OUTPUT_DIR" ] || [ -z "$NAME" ] || [ -z "$PROMPT" ]; then
+    echo "用法: ./image.sh --output-dir <绝对路径> --name <中文名> \"描述\" [--aspect-ratio 16:9]"
+    echo "示例: ./image.sh --output-dir /root/.openclaw/workspace --name 日落风景 \"a sunset landscape\""
     exit 1
 fi
 
 SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
 
-# Build args for generate.py
 ARGS=()
 ARGS+=("image")
 ARGS+=("$PROMPT")
 ARGS+=(--output-dir "$OUTPUT_DIR")
+ARGS+=(--name "$NAME")
 [ -n "$ASPECT_RATIO" ] && ARGS+=(--aspect-ratio "$ASPECT_RATIO")
 
 python3 "$SCRIPT_DIR/generate.py" "${ARGS[@]}"

package/skills/yiran-skill-media/scripts/music.sh

@@ -1,9 +1,10 @@
 #!/bin/bash
 # 音乐生成入口
-# 用法: ./music.sh --output-dir /abs/path "描述" [--lyrics "歌词"] [--instrumental]
+# 用法: ./music.sh --output-dir /abs/path --name 中文名 "描述" [--lyrics "歌词"] [--instrumental]
 set -euo pipefail
 
 OUTPUT_DIR=""
+NAME=""
 PROMPT=""
 LYRICS=""
 INSTRUMENTAL=false
@@ -11,6 +12,7 @@ INSTRUMENTAL=false
 while [ $# -gt 0 ]; do
     case "$1" in
         --output-dir) OUTPUT_DIR="$2"; shift 2 ;;
+        --name) NAME="$2"; shift 2 ;;
         --lyrics) LYRICS="$2"; shift 2 ;;
         --instrumental) INSTRUMENTAL=true; shift ;;
         *)
@@ -22,20 +24,19 @@ while [ $# -gt 0 ]; do
     esac
 done
 
-if [ -z "$OUTPUT_DIR" ] || [ -z "$PROMPT" ]; then
-    echo "用法: ./music.sh --output-dir <绝对路径> \"描述\" [--lyrics \"歌词\"] [--instrumental]"
-    echo "示例: ./music.sh --output-dir /root/.openclaw/workspace/media \"relaxing guitar\" --instrumental"
-    echo "注意: --output-dir 必须是绝对路径，传入当前工作目录即可"
+if [ -z "$OUTPUT_DIR" ] || [ -z "$NAME" ] || [ -z "$PROMPT" ]; then
+    echo "用法: ./music.sh --output-dir <绝对路径> --name <中文名> \"描述\" [--lyrics \"歌词\"] [--instrumental]"
+    echo "示例: ./music.sh --output-dir /root/.openclaw/workspace --name 开场音乐 \"epic opening\" --instrumental"
     exit 1
 fi
 
 SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
 
-# Build args for generate.py
 ARGS=()
 ARGS+=("music")
 ARGS+=("$PROMPT")
 ARGS+=(--output-dir "$OUTPUT_DIR")
+ARGS+=(--name "$NAME")
 [ -n "$LYRICS" ] && ARGS+=(--lyrics "$LYRICS")
 [ "$INSTRUMENTAL" = true ] && ARGS+=(--instrumental)