create-openclaw-bot 5.8.16 → 5.8.17

package/README.md

@@ -3,7 +3,7 @@
 # 🦞 OpenClaw Setup
 
 <p align="center">
-  <a href="https://github.com/tuanminhhole/openclaw-setup/releases"><img src="https://img.shields.io/badge/RELEASE-v5.8.16-0EA5E9?style=for-the-badge" alt="Version 5.8.16" /></a>
+  <a href="https://github.com/tuanminhhole/openclaw-setup/releases"><img src="https://img.shields.io/badge/RELEASE-v5.8.17-0EA5E9?style=for-the-badge" alt="Version 5.8.17" /></a>
   <a href="https://github.com/tuanminhhole/openclaw-setup?tab=MIT-1-ov-file"><img src="https://img.shields.io/badge/LICENSE-MIT-success?style=for-the-badge" alt="MIT License" /></a>
   <a href="https://www.npmjs.com/package/create-openclaw-bot"><img src="https://img.shields.io/npm/v/create-openclaw-bot?style=for-the-badge&label=CLI&color=2563EB&logo=npm&logoColor=white" alt="NPM Version" /></a>
   <a href="https://github.com/tuanminhhole/openclaw-setup/stargazers"><img src="https://img.shields.io/github/stars/tuanminhhole/openclaw-setup?style=for-the-badge&color=eab308&logo=github&logoColor=white" alt="GitHub Stars" /></a>
@@ -23,7 +23,7 @@ A next-generation **Web UI Setup** and management dashboard that automates 100%
 
 ---
 
-## 🆕 What's New in v5.8.16
+## 🆕 What's New in v5.8.17
 
 ### 🚀 New Features: Deep Integration of Infographic Image Generator, Zalo Sticker & Auto-Tag Skills, and Workspace Docs Optimization
 
@@ -173,6 +173,6 @@ Yes. You can edit the config JSON directly via the integrated File Editor in the
 
 <div align="center">
 
-Made with 🦞 by [Kent](https://github.com/tuanminhhole)
+Made with 🦞 by [tuanminhhole](https://github.com/tuanminhhole)
 
 </div>

package/README.vi.md

@@ -3,7 +3,7 @@
 # 🦞 OpenClaw Setup
 
 <p align="center">
-  <a href="https://github.com/tuanminhhole/openclaw-setup/releases"><img src="https://img.shields.io/badge/RELEASE-v5.8.16-0EA5E9?style=for-the-badge" alt="Version 5.8.16" /></a>
+  <a href="https://github.com/tuanminhhole/openclaw-setup/releases"><img src="https://img.shields.io/badge/RELEASE-v5.8.17-0EA5E9?style=for-the-badge" alt="Version 5.8.17" /></a>
   <a href="https://github.com/tuanminhhole/openclaw-setup?tab=MIT-1-ov-file"><img src="https://img.shields.io/badge/LICENSE-MIT-success?style=for-the-badge" alt="MIT License" /></a>
   <a href="https://www.npmjs.com/package/create-openclaw-bot"><img src="https://img.shields.io/npm/v/create-openclaw-bot?style=for-the-badge&label=CLI&color=2563EB&logo=npm&logoColor=white" alt="NPM Version" /></a>
   <a href="https://github.com/tuanminhhole/openclaw-setup/stargazers"><img src="https://img.shields.io/github/stars/tuanminhhole/openclaw-setup?style=for-the-badge&color=eab308&logo=github&logoColor=white" alt="GitHub Stars" /></a>
@@ -23,7 +23,7 @@ Trình cài đặt và quản trị **Web UI Setup** thế hệ mới giúp tự
 
 ---
 
-## 🆕 Có gì mới trong v5.8.16
+## 🆕 Có gì mới trong v5.8.17
 
 ### 🚀 Tính năng mới: Tích hợp sâu Skill Tạo ảnh Infographic, Skill Sticker & Auto-Tag (Zalo) cùng Tối ưu hóa Workspace Docs
 

package/dist/server/local-server.js

@@ -1085,7 +1085,7 @@ async function createBotInProject(projectDir, body = {}, runtime = {}) {
     providerKey: '9router',
     deployMode: runtime.mode || state.mode || 'docker',
     osChoice: runtime.os || state.os || detectOs(),
-    selectedSkills: ['memory', 'image-gen', 'web-search', 'scheduler'],
+    selectedSkills: ['memory', 'web-search', 'scheduler'],
     skills: dataExport.SKILLS || [],
     agentMetas: [],
   }));
@@ -1156,7 +1156,7 @@ async function createBotInProject(projectDir, body = {}, runtime = {}) {
     workspacePath: `/home/node/project/.openclaw/${workspaceDir}`,
     channel,
     hasZaloMod: channel === 'zalo-personal',
-    hasZaloSticker: channel === 'zalo-personal',
+    hasZaloSticker: false,
     hasScheduler,
     hasImageGen,
   });
@@ -1261,7 +1261,7 @@ async function updateBotInProject(projectDir, agentId, body = {}, runtime = {})
     workspacePath: `/home/node/project/.openclaw/${workspaceDir}`,
     channel,
     hasZaloMod: channel === 'zalo-personal',
-    hasZaloSticker: channel === 'zalo-personal',
+    hasZaloSticker: false,
     hasScheduler,
     hasImageGen,
   });
@@ -1697,10 +1697,15 @@ async function recreateDockerBot(projectDir) {
           const channel = binding?.match?.channel || 'telegram';
           if (channel === 'zalo-personal' || channel === 'zalouser') {
             const workspaceDir = workspaceRelForAgent(a, cfg, projectDir) || `workspace-${a.id}`;
-            const mentionsJsPath = join(projectDir, '.openclaw', workspaceDir, 'skills/sticker-mention/mentions.js');
+            let mentionsJsPath = join(projectDir, '.openclaw', workspaceDir, 'skills/zalo-sticker-mention/mentions.js');
+            let containerJsPath = `/home/node/project/.openclaw/${workspaceDir}/skills/zalo-sticker-mention/mentions.js`;
+            if (!existsSync(mentionsJsPath)) {
+              mentionsJsPath = join(projectDir, '.openclaw', workspaceDir, 'skills/sticker-mention/mentions.js');
+              containerJsPath = `/home/node/project/.openclaw/${workspaceDir}/skills/sticker-mention/mentions.js`;
+            }
             if (existsSync(mentionsJsPath)) {
               sendLog(`[zalo-patch] Automatically running mentions.js inside container ${containerName}...`);
-              const patchCmd = await runCapture('docker', ['exec', containerName, 'node', `/home/node/project/.openclaw/${workspaceDir}/skills/sticker-mention/mentions.js`], { cwd: projectDir, shell: false });
+              const patchCmd = await runCapture('docker', ['exec', containerName, 'node', containerJsPath], { cwd: projectDir, shell: false });
               sendLog(`[zalo-patch] Output: ${patchCmd.stdout || ''} ${patchCmd.stderr || ''}`);
             }
           }
@@ -1771,7 +1776,7 @@ async function writeCoreProject({ projectDir, osChoice, mode, gatewayPort = 1878
   await fsp.mkdir(openclawHome, { recursive: true });
   await fsp.mkdir(join(openclawHome, 'plugin-runtime-deps'), { recursive: true });
 
-  const selectedSkills = ['memory', 'image-gen', 'web-search', 'scheduler'];
+  const selectedSkills = ['memory', 'web-search', 'scheduler'];
   const agentMetas = [];
   const common = { channelKey: 'telegram', providerKey: '9router', model: DEFAULT_MODEL, deployMode: mode, osChoice, selectedSkills, skills: dataExport.SKILLS || [], agentMetas, gatewayPort, routerPort };
   const cfg = buildOpenclawJson(common);
@@ -1833,7 +1838,7 @@ async function installCore({ osChoice, mode, projectDir, gatewayPort = 18789, ro
       await fsp.mkdir(dockerDir, { recursive: true });
       const envContent = existsSync(rootEnvPath)
         ? await fsp.readFile(rootEnvPath, 'utf8')
-        : buildEnvFileContent({ channelKey: 'telegram', providerKey: '9router', deployMode: mode, osChoice, selectedSkills: ['memory', 'image-gen', 'web-search', 'scheduler'], skills: dataExport.SKILLS || [], agentMetas: [], apiKey: '', botToken: '' });
+        : buildEnvFileContent({ channelKey: 'telegram', providerKey: '9router', deployMode: mode, osChoice, selectedSkills: ['memory', 'web-search', 'scheduler'], skills: dataExport.SKILLS || [], agentMetas: [], apiKey: '', botToken: '' });
       await fsp.writeFile(dockerEnvPath, envContent, 'utf8');
       sendLog(`Docker env ready: ${dockerEnvPath}`);
       await run('docker', ['compose', 'up', '-d', '--build'], { cwd: dockerDir });
@@ -2324,19 +2329,6 @@ async function applyFeatureToggle(projectDir, agentId, kind, id, enabled) {
     cfg.skills.entries['image-gen'] = cfg.skills.entries['image-gen'] || {};
     cfg.skills.entries['image-gen'].enabled = !!enabled;
 
-    for (const a of cfg.agents.list) {
-      const sf = await readWorkspaceText(projectDir, a, 'skills/infographic-generator/SKILL.md');
-      const js = await readWorkspaceText(projectDir, a, 'skills/infographic-generator/image-generator.js');
-      if (enabled) {
-        await fsp.mkdir(dirname(sf.file), { recursive: true });
-        await fsp.writeFile(sf.file, buildInfographicGeneratorSkillMd(), 'utf8');
-        await fsp.writeFile(js.file, buildInfographicGeneratorJs(), 'utf8');
-      } else {
-        if (existsSync(sf.file)) await fsp.rm(sf.file, { force: true });
-        if (existsSync(js.file)) await fsp.rm(js.file, { force: true });
-      }
-    }
-
     // Write cfgPath early so recreation reads updated openclaw.json
     await fsp.writeFile(cfgPath, JSON.stringify(cfg, null, 2), 'utf8');
 
@@ -2378,30 +2370,40 @@ async function applyFeatureToggle(projectDir, agentId, kind, id, enabled) {
     cfg.skills.entries['sticker-mention'].enabled = !!enabled;
 
     for (const a of cfg.agents.list) {
-      const sf = await readWorkspaceText(projectDir, a, 'skills/sticker-mention/SKILL.md');
-      const jsf = await readWorkspaceText(projectDir, a, 'skills/sticker-mention/mentions.js');
-      if (enabled) {
-        await fsp.mkdir(dirname(sf.file), { recursive: true });
-        await fsp.writeFile(sf.file, buildStickerMentionSkillMd(), 'utf8');
-        await fsp.writeFile(jsf.file, buildStickerMentionJs(), 'utf8');
-      } else {
-        const binding = (cfg.bindings || []).find((b) => b.agentId === a.id);
-        const channel = binding?.match?.channel || 'telegram';
-        if ((channel === 'zalo-personal' || channel === 'zalouser') && existsSync(jsf.file)) {
-          try {
-            const hasDocker = existsSync(join(projectDir, 'docker', 'openclaw', 'docker-compose.yml'));
-            if (hasDocker) {
-              const botContainer = getBotContainerName(projectDir);
-              const workspaceDir = workspaceRelForAgent(a, cfg, projectDir) || `workspace-${a.id}`;
+      const binding = (cfg.bindings || []).find((b) => b.agentId === a.id);
+      const channel = binding?.match?.channel || 'telegram';
+      if (channel === 'zalo-personal' || channel === 'zalouser') {
+        try {
+          const hasDocker = existsSync(join(projectDir, 'docker', 'openclaw', 'docker-compose.yml'));
+          const workspaceDir = workspaceRelForAgent(a, cfg, projectDir) || `workspace-${a.id}`;
+          let mentionsJsPath = join(projectDir, '.openclaw', workspaceDir, 'skills/zalo-sticker-mention/mentions.js');
+          let containerJsPath = `/home/node/project/.openclaw/${workspaceDir}/skills/zalo-sticker-mention/mentions.js`;
+          if (!existsSync(mentionsJsPath)) {
+            mentionsJsPath = join(projectDir, '.openclaw', workspaceDir, 'skills/sticker-mention/mentions.js');
+            containerJsPath = `/home/node/project/.openclaw/${workspaceDir}/skills/sticker-mention/mentions.js`;
+          }
+          if (existsSync(mentionsJsPath)) {
+            if (enabled) {
+              sendLog('[zalo-patch] Running patch on enable...');
+              if (hasDocker) {
+                const botContainer = getBotContainerName(projectDir);
+                await runCapture('docker', ['exec', botContainer, 'node', containerJsPath], { cwd: projectDir, shell: false });
+              } else {
+                await run('node', [mentionsJsPath], { cwd: projectDir });
+              }
+            } else {
               sendLog('[zalo-patch] Running restore before disabling skill...');
-              await runCapture('docker', ['exec', botContainer, 'node', `/home/node/project/.openclaw/${workspaceDir}/skills/sticker-mention/mentions.js`, '--restore'], { cwd: projectDir, shell: false });
+              if (hasDocker) {
+                const botContainer = getBotContainerName(projectDir);
+                await runCapture('docker', ['exec', botContainer, 'node', containerJsPath, '--restore'], { cwd: projectDir, shell: false });
+              } else {
+                await run('node', [mentionsJsPath, '--restore'], { cwd: projectDir });
+              }
             }
-          } catch (e) {
-            sendLog(`[zalo-patch] Restore failed: ${e.message}`);
           }
+        } catch (e) {
+          sendLog(`[zalo-patch] Zalo patch/restore action failed: ${e.message}`);
         }
-        if (existsSync(sf.file)) await fsp.rm(sf.file, { force: true });
-        if (existsSync(jsf.file)) await fsp.rm(jsf.file, { force: true });
       }
     }
 
@@ -2461,6 +2463,64 @@ async function applyFeatureToggle(projectDir, agentId, kind, id, enabled) {
 }
 
 async function installFeature(projectDir, agentId, kind, id) {
+  if (kind === 'skill') {
+    const skillSlugMap = {
+      'image-gen': 'infographic-generator',
+      'sticker-mention': 'zalo-sticker-mention',
+    };
+    const slug = skillSlugMap[id] || id;
+
+    let composeDir = null;
+    if (existsSync(join(projectDir, 'docker-compose.yml'))) {
+      composeDir = projectDir;
+    } else if (existsSync(join(projectDir, 'docker', 'openclaw', 'docker-compose.yml'))) {
+      composeDir = join(projectDir, 'docker', 'openclaw');
+    }
+
+    if (composeDir) {
+      const botContainer = getBotContainerName(projectDir);
+      sendLog(`[skill] Installing/updating clawhub:${slug} inside container ${botContainer} for agent ${agentId}...`);
+      
+      const cmd = `cd /home/node/project && openclaw skills install ${slug} --agent ${agentId} --force`;
+      const cmdOut = await runCapture('docker', ['exec', botContainer, 'sh', '-lc', cmd], { cwd: projectDir, shell: false });
+      
+      if (cmdOut) {
+         for (const line of `${cmdOut.stdout}\n${cmdOut.stderr}`.split(/\r?\n/).filter(Boolean)) sendLog(line);
+      }
+
+      if (cmdOut.code !== 0) {
+        const installed = isSkillFolderExists(projectDir, agentId, slug);
+        if (installed) {
+          sendLog(`[skill] Warning: installation reported errors, but skill folder exists. Proceeding.`);
+        } else {
+          throw new Error(cmdOut.stderr || cmdOut.stdout || `Failed to install skill ${slug} inside container.`);
+        }
+      }
+      
+      sendLog(`[skill] Restarting docker container to apply skill...`);
+      await run('docker', ['restart', botContainer], { shell: false });
+    } else {
+      await run('openclaw', ['doctor', '--fix'], { cwd: projectDir, env: openclawProjectEnv(projectDir) }).catch((err) => sendLog(`[skill] doctor --fix skipped: ${err.message}`));
+      sendLog(`[skill] Installing clawhub:${slug} for agent ${agentId}...`);
+      
+      await run('openclaw', ['skills', 'install', slug, '--agent', agentId, '--force'], {
+        cwd: projectDir,
+        env: openclawProjectEnv(projectDir)
+      });
+    }
+
+    // Automatically enable it in config after install
+    const cfgPath = join(projectDir, '.openclaw', 'openclaw.json');
+    if (existsSync(cfgPath)) {
+      const cfg = ensureConfigShape(JSON.parse(await fsp.readFile(cfgPath, 'utf8')));
+      cfg.skills = cfg.skills || { entries: {} };
+      cfg.skills.entries = cfg.skills.entries || {};
+      cfg.skills.entries[id] = cfg.skills.entries[id] || {};
+      cfg.skills.entries[id].enabled = true;
+      await fsp.writeFile(cfgPath, JSON.stringify(cfg, null, 2), 'utf8');
+    }
+  }
+
   if (kind === 'plugin') {
     let composeDir = null;
     if (existsSync(join(projectDir, 'docker-compose.yml'))) {
@@ -2624,6 +2684,48 @@ async function getInstalledPluginVersion(projectDir, aliases = []) {
   return '';
 }
 
+function isSkillFolderExists(projectDir, agentId, skillFolder, cfg = null) {
+  if (!projectDir) return false;
+  if (!cfg) {
+    const cfgPath = join(projectDir, '.openclaw', 'openclaw.json');
+    if (!existsSync(cfgPath)) return false;
+    try {
+      cfg = JSON.parse(fs.readFileSync(cfgPath, 'utf8'));
+    } catch (e) {
+      return false;
+    }
+  }
+  const agent = cfg?.agents?.list?.find((a) => a.id === agentId) || cfg?.agents?.list?.[0];
+  if (!agent) return false;
+  const rel = workspaceRelForAgent(agent, cfg, projectDir);
+  const skillPath = join(projectDir, '.openclaw', rel, 'skills', skillFolder);
+  return existsSync(skillPath);
+}
+
+async function getInstalledSkillVersion(projectDir, agentId, skillFolder, cfg = null) {
+  if (!projectDir) return '';
+  if (!cfg) {
+    const cfgPath = join(projectDir, '.openclaw', 'openclaw.json');
+    if (!existsSync(cfgPath)) return '';
+    try {
+      cfg = JSON.parse(await fsp.readFile(cfgPath, 'utf8'));
+    } catch (e) {
+      return '';
+    }
+  }
+  const agent = cfg?.agents?.list?.find((a) => a.id === agentId) || cfg?.agents?.list?.[0];
+  if (!agent) return '';
+  const rel = workspaceRelForAgent(agent, cfg, projectDir);
+  const pkgPath = join(projectDir, '.openclaw', rel, 'skills', skillFolder, 'package.json');
+  try {
+    if (existsSync(pkgPath)) {
+      const pkg = JSON.parse(await fsp.readFile(pkgPath, 'utf8'));
+      return pkg.version || '';
+    }
+  } catch (e) {}
+  return '';
+}
+
 async function getFeatureFlags(projectDir, agentId = '') {
   const cfgPath = join(projectDir || '', '.openclaw', 'openclaw.json');
   const cfg = existsSync(cfgPath) ? ensureConfigShape(JSON.parse(await fsp.readFile(cfgPath, 'utf8').catch(() => '{}'))) : {};
@@ -2682,12 +2784,16 @@ async function getFeatureFlags(projectDir, agentId = '') {
   const isActuallyInstalled = (aliases = []) =>
     extensionDirExists(aliases) || isInstalledByRecord(aliases);
   const installed = {
+    'skill:image-gen': isSkillFolderExists(projectDir, aid, 'infographic-generator', cfg),
+    'skill:sticker-mention': isSkillFolderExists(projectDir, aid, 'zalo-sticker-mention', cfg),
     'plugin:openclaw-browser-automation': isActuallyInstalled(aliases.browser),
     'plugin:openclaw-zalo-mod': isActuallyInstalled(aliases.zalo),
     'plugin:openclaw-facebook-crawler': isActuallyInstalled(aliases.crawler),
     'plugin:openclaw-n8n-facebook-poster': isActuallyInstalled(aliases.poster),
   };
   const versions = {
+    'skill:image-gen': await getInstalledSkillVersion(projectDir, aid, 'infographic-generator', cfg),
+    'skill:sticker-mention': await getInstalledSkillVersion(projectDir, aid, 'zalo-sticker-mention', cfg),
     'plugin:openclaw-browser-automation': await getInstalledPluginVersion(projectDir, aliases.browser),
     'plugin:openclaw-zalo-mod': await getInstalledPluginVersion(projectDir, aliases.zalo),
     'plugin:openclaw-facebook-crawler': await getInstalledPluginVersion(projectDir, aliases.crawler),

package/dist/setup/data/header.js

@@ -53,7 +53,7 @@
       userInfo: '',
       securityRules: '',
       plugins: [],
-      skills: ['memory', 'image-gen', 'web-search'],
+      skills: ['memory', 'web-search'],
       // Persisted credential inputs (Bug 1+2 fix)
       botToken: '',
       apiKey: '',

package/dist/setup/shared/docker-gen.js

@@ -304,6 +304,13 @@ if(touched){console.log('[patch-9router] Applied Codex compatibility patch.');}e
       '  sed -i "s/LISTENER_WATCHDOG_MAX_GAP_MS\\\\s*=\\\\s*35e3/LISTENER_WATCHDOG_MAX_GAP_MS = 90e3/" "$ZALO_JS"',
       '  echo "[entrypoint] patched zalouser watchdog gap: 35s -> 90s"',
       'fi',
+      '# Automatically run Zalo sticker-mention patch if skill is present',
+      'for MENTIONS_JS in $(find "$OPENCLAW_HOME" -maxdepth 5 -path "*/skills/*/mentions.js" -type f 2>/dev/null); do',
+      '  if [ -f "$MENTIONS_JS" ]; then',
+      '    echo "[entrypoint] Running patch: $MENTIONS_JS"',
+      '    node "$MENTIONS_JS" || echo "[entrypoint] Warning: failed to run patch $MENTIONS_JS"',
+      '  fi',
+      'done',
     ].join('\n'));
     runtimeParts.push([
       '# Zalo channel auto-restart monitor (background)',

package/dist/setup/shared/workspace-gen.js

@@ -531,8 +531,8 @@ for (let i = 0; i < 5; i++) {
 }
 
 // Resolve API Key and Base URL from openclaw.json
-let apiKey = 'sk-50599bc9642941c0-obzd49-1940044a'; // default fallback key
-let baseUrl = 'http://9router:20128/v1'; // default fallback URL
+let apiKey = process.env.NINE_ROUTER_API_KEY || ''; // default fallback key
+let baseUrl = process.env.NINE_ROUTER_BASE_URL || 'http://9router:20128/v1'; // default fallback URL
 if (openclawJsonPath) {
     try {
         const config = JSON.parse(fs.readFileSync(openclawJsonPath, 'utf8'));

package/dist/web/app.js

@@ -445,7 +445,8 @@ function wireSkillsHandlers(scope = document) {
       await api('/api/features/install', { method:'POST', body:{ kind, id, agentId: currentBotId() } });
       await loadFeatureFlags(true);
       await loadFiles(true);
-      showToast(t('Thành công', 'Success'), t('Cài đặt/Cập nhật thành công plugin: ', 'Successfully installed/updated plugin: ') + id, 'success');
+      const label = kind === 'skill' ? t('kỹ năng: ', 'skill: ') : t('plugin: ', 'plugin: ');
+      showToast(t('Thành công', 'Success'), t('Cài đặt/Cập nhật thành công ', 'Successfully installed/updated ') + label + id, 'success');
     } catch (err) {
       showToast(t('Thất bại', 'Failed'), err.message, 'error');
     } finally {
@@ -842,13 +843,13 @@ function botSkillsPanel() {
   const row = (item, group) => {
     const key = `${group}:${item.id}`;
     const loading = !!state.featureLoading[key];
-    const isPlugin = group === 'plugin';
-    const isInstalled = !isPlugin || !!state.featureInstalled?.[key];
+    const requiresInstall = group === 'plugin' || (group === 'skill' && (item.id === 'image-gen' || item.id === 'sticker-mention'));
+    const isInstalled = !requiresInstall || !!state.featureInstalled?.[key];
     
     let actionsHtml = '';
     if (isInstalled) {
       actionsHtml = `<div style="display:flex; align-items:center; gap:8px;">`;
-      if (isPlugin) {
+      if (requiresInstall) {
         actionsHtml += `<button class="secondary icon-btn2 update-plugin-btn" type="button" data-feature-install="${key}" ${loading ? 'disabled' : ''} title="${t('Cập nhật lên bản mới nhất','Update to latest version')}" style="padding: 4px 8px; font-size: 11px; height: 28px; border-width: 1px; color:#ffb020; border-color: rgba(255,176,32,0.25); background: rgba(255,176,32,0.05);">${actionIcon('refresh')}<span>${t('Cập nhật','Update')}</span></button>`;
       }
       actionsHtml += `<label class="feature-switch"><input type="checkbox" data-feature-toggle="${key}" ${flags[key] ? 'checked' : ''} ${loading ? 'disabled' : ''}/><span></span></label></div>`;
@@ -856,7 +857,7 @@ function botSkillsPanel() {
       actionsHtml = `<button class="secondary icon-btn2" type="button" data-feature-install="${key}" ${loading ? 'disabled' : ''}>${actionIcon('download')} ${ui('installVerb')}</button>`;
     }
 
-    const version = isPlugin && isInstalled ? (state.featureVersions?.[key] || '') : '';
+    const version = requiresInstall && isInstalled ? (state.featureVersions?.[key] || '') : '';
     const versionBadge = version ? `<span class="plugin-version-badge" style="display:inline-block; font-size: 11px; background: rgba(66, 133, 244, 0.15); color: #4285F4; padding: 2px 6px; border-radius: 4px; font-weight: 600; margin-left: 8px; border: 1px solid rgba(66,133,244,0.25);">v${escapeHtml(version)}</span>` : '';
 
     return `<article class="card feature-card ${loading ? 'is-loading' : ''}"><div class="feature-head"><div><b>${escapeHtml(item.title)}${versionBadge}</b><p>${escapeHtml(item.desc)}</p></div>` + 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-openclaw-bot",
-  "version": "5.8.16",
+  "version": "5.8.17",
   "description": "Interactive CLI installer for OpenClaw Bot",
   "main": "dist/cli.js",
   "bin": {