create-openclaw-bot 5.8.16 → 5.8.18

package/dist/web/app.js

@@ -268,7 +268,18 @@ async function pickFolderPathShared() {
     const picked = await api('/api/project/pick-folder', { method: 'POST', body: {} });
     const projectDir = String(picked.projectDir || '').trim();
     if (projectDir) return { projectDir };
-  } catch {}
+  } catch (err) {
+    return new Promise((resolve) => {
+      openPathModal({
+        title: t('Nhập đường dẫn project', 'Enter project path'),
+        message: t('Vui lòng nhập đường dẫn tuyệt đối đến thư mục project (ví dụ: /Users/mac/my-bot)', 'Please enter the absolute path to your project directory (e.g. /Users/mac/my-bot)'),
+        value: state.install?.projectDir || '',
+        placeholder: state.os === 'macos' ? '/Users/your-name/my-bot' : '/home/your-name/my-bot',
+        onConfirm: (val) => resolve({ projectDir: val }),
+        onCancel: () => resolve(null)
+      });
+    });
+  }
   return null;
 }
 
@@ -445,7 +456,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 +854,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 +868,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>` + 
@@ -940,6 +952,7 @@ function wireTab() {
       state.activeBotId = '';
       state.selectedFile = '';
       state.files = [];
+      await loadSystem(true);
       await loadStatus(true);
       // Auto-switch to the first channel that has bots in the new project
       autoSwitchBotChannel();
@@ -969,12 +982,18 @@ function wireTab() {
   }));
 document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.onclick = () => withButtonLoading(btn, async () => {
     const result = await pickFolderPathShared();
-    if (!result) throw new Error(t('Ch?a ch?n th? m?c','No folder selected'));
-    state.projectConnectMessage = `OK ${t('?? k?t n?i','Connected')}: ${result.projectDir}`;
+    if (!result) throw new Error(t('Chưa chọn thư mục','No folder selected'));
+    await api('/api/project/connect', { method: 'POST', body: { projectDir: result.projectDir } });
+    state.projectConnectMessage = `OK ${t('Đã kết nối','Connected')}: ${result.projectDir}`;
     showToast(t('Đã kết nối', 'Connected'), t('Kết nối thành công project: ', 'Successfully connected project: ') + fileBaseName(result.projectDir), 'success');
     state.selectedProjectDir = result.projectDir;
     state.pendingProjectDir = '';
+    state.activeBotId = '';
+    state.selectedFile = '';
+    state.files = [];
+    await loadSystem(true);
     await loadStatus(true);
+    autoSwitchBotChannel();
     await loadFiles(true);
     await loadFeatureFlags(true);
     state.tab = 'bot';
@@ -1151,6 +1170,8 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
     if (action === 'ok') {
       const value = document.getElementById('path-modal-input')?.value?.trim() || '';
       if (value && typeof modal.onConfirm === 'function') modal.onConfirm(value);
+    } else {
+      if (typeof modal.onCancel === 'function') modal.onCancel();
     }
     state.pathModal = null;
     render();
@@ -1211,7 +1232,7 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
 }
 
 function escapeHtml(s='') { return String(s).replace(/[&<>"']/g, c => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[c])); }
-function fileBaseName(s='') { return String(s).split(/[\\/]/).pop() || s; }
+function fileBaseName(s='') { const clean = String(s).replace(/[\\/]+$/, ''); return clean.split(/[\\/]/).pop() || s; }
 async function loadSystem(silent=false){ state.system = await api('/api/system'); if (!silent) render(); }
 async function loadStatus(silent=false){ state.install = await api('/api/bot/status'); if (!state.selectedProjectDir && state.install?.projectDir) state.selectedProjectDir = state.install.projectDir; if (!silent) render(); }
 function autoSwitchBotChannel() {

package/package.json

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