create-openclaw-bot 5.17.0 → 5.17.2

package/dist/web/app.js

@@ -10,7 +10,7 @@ const OS_OPTIONS = [
 // Two deploy modes. Docker isolates the bot in a container; native runs openclaw + 9router
 // straight on this machine as a managed service (launchd/systemd/schtasks). Native needs no
 // Docker install, sees the host filesystem directly, and is the only mode where the bot can
-// drive apps on the desktop — at the cost of the container's isolation.
+// drive apps on the desktop - at the cost of the container's isolation.
 const MODE_OPTIONS = [
   { id: 'docker', title: 'Docker', subtitle: 'Isolated containers, safest default', icon: `${SVG_CDN}/docker/default.svg`, badge: 'Recommended' },
   { id: 'native', title: 'Native', subtitle: 'Runs on this machine, controls apps', icon: `${SVG_CDN}/gnubash/default.svg`, badge: 'Desktop' },
@@ -177,7 +177,7 @@ function confirmModal() {
       <button class="modal-x" data-confirm-action="cancel" aria-label="Close"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M6 6l12 12M18 6L6 18"/></svg></button>
       <div class="donate-head"><span aria-hidden="true">${escapeHtml(m.icon || '⚠')}</span><div><p>${escapeHtml(m.eyebrow || t('Xác nhận','Confirm'))}</p><h2>${escapeHtml(m.title)}</h2><small>${escapeHtml(m.message || '')}</small></div></div>
       ${m.bodyHtml ? `<div class="confirm-body">${m.bodyHtml}</div>` : ''}
-      <div class="confirm-actions">${m.hideCancel ? '' : `<button class="secondary" data-confirm-action="cancel">${t('Hủy','Cancel')}</button>`}<button class="primary ${m.okDanger === false ? '' : 'danger'}" data-confirm-action="ok">${escapeHtml(m.okText || t('Xóa','Delete'))}</button></div>
+      <div class="confirm-actions">${m.hideCancel ? '' : `<button class="secondary" data-confirm-action="cancel">${escapeHtml(m.cancelText || t('Hủy','Cancel'))}</button>`}<button class="primary ${m.okDanger === false ? '' : 'danger'}" data-confirm-action="ok">${escapeHtml(m.okText || t('Xóa','Delete'))}</button></div>
     </section>
   </div>`;
 }
@@ -321,50 +321,128 @@ function openPathModal({ title, message, value = '', placeholder = '', field2 =
 }
 /**
  * Shown right after PC control is granted on a native install: what the bot can now do, and the
- * one thing only the operator can do — grant the OS screen permissions from the system settings.
+ * one thing only the operator can do - grant the OS screen permissions from the system settings.
  */
 function openComputerUseModal(r = {}) {
-  const codex = r.codex || {};
-  const appOk = codex.app && codex.app.present;
-  const cli = (r.commands || []).includes('codex');
+  const cu = r.computerUse || {};
+  const isMac = /mac/i.test(state.system?.os || state.os || '');
   const line = (icon, text) => `<li><span aria-hidden="true">${icon}</span><div>${text}</div></li>`;
+
+  // OpenClaw's own `computer` tool is the real thing here: screenshot, move, click, type, drag.
+  // Codex is only a fallback for machines that have the ChatGPT app, so it must not lead - the
+  // old copy said "mouse/keyboard control is macOS-only", which stopped being true once the
+  // cua-computer plugin shipped for Windows.
   const statusItems = [
-    cli
-      ? line('✅', t('Bot giao được việc cho <code>codex</code> — Codex tự nhìn màn hình, click, gõ phím rồi trả kết quả về.', 'The bot can hand jobs to <code>codex</code> — Codex looks at the screen, clicks and types, then reports back.'))
-      : line('⚠️', t('Không tìm thấy CLI <code>codex</code> — cài app ChatGPT/Codex rồi bật lại quyền này.', 'No <code>codex</code> CLI found — install the ChatGPT/Codex app, then re-enable this.')),
-    codex.pluginInstalled
-      ? line('✅', t(`Computer Use trong app Codex đã ${codex.installedNow ? 'được cài' : 'sẵn sàng'}${codex.mcpRepaired ? ' (đã sửa khai báo MCP cũ)' : ''}.`, `Computer Use in the Codex app is ${codex.installedNow ? 'installed' : 'ready'}${codex.mcpRepaired ? ' (stale MCP entry repaired)' : ''}.`))
-      : line('⚠️', t(`Chưa bật được Computer Use trong app Codex: ${escapeHtml(codex.error || 'không rõ lý do')}`, `Could not enable Computer Use in the Codex app: ${escapeHtml(codex.error || 'unknown reason')}`)),
-    appOk
-      ? line('✅', t('Đã thấy ứng dụng ChatGPT/Codex — <b>nhớ để app đang chạy</b>.', 'Found the ChatGPT/Codex desktop app — <b>keep it running</b>.'))
-      : line('⚠️', t('CHƯA thấy ứng dụng ChatGPT/Codex — cài rồi mở lên, không có nó thì không điều khiển GUI được.', 'No ChatGPT/Codex desktop app found — install and open it, GUI control needs it.')),
-    (r.granted && r.granted.length)
-      ? line('✅', t(`Đã cấp quyền chạy: ${escapeHtml(r.granted.join(', '))}.`, `Granted: ${escapeHtml(r.granted.join(', '))}.`))
+    cu.ok && cu.enabled
+      ? line('✅', t('Bot <b>nhìn và điều khiển được máy này</b>: chụp màn hình, rê chuột, bấm chuột, gõ phím, kéo thả.', 'Your bot <b>can see and drive this machine</b>: screenshot, move, click, type, drag.'))
+      : line('⚠️', t(`Chưa bật được điều khiển máy: ${escapeHtml(cu.error || 'không rõ lý do')}`, `Could not enable computer control: ${escapeHtml(cu.error || 'unknown reason')}`)),
+    // No app list any more: the bot opens things the way a person does - Start menu, type the
+    // name, Enter - so it is not limited to whatever we managed to enumerate.
+    cu.ok && cu.enabled
+      ? line('✅', t('Mở được <b>mọi ứng dụng đang cài</b> trên máy, kể cả app mới cài hôm qua.', 'Can open <b>any installed app</b>, including one installed yesterday.'))
       : '',
   ].filter(Boolean).join('');
+
+  // Windows needs no privacy prompts; macOS does, and only from System Settings.
+  const permBlock = isMac ? `
+      <h4>${t('Cấp quyền màn hình cho máy','Grant the OS screen permissions')}</h4>
+      <p>${t('macOS chỉ cấp <b>Screen Recording</b> và <b>Accessibility</b> từ System Settings. Bấm nút dưới rồi bật cho <code>node</code>.','macOS only grants <b>Screen Recording</b> and <b>Accessibility</b> from System Settings. Click below, then tick <code>node</code>.')}</p>
+      <p class="cu-perm-row">
+        <button class="secondary cu-btn" type="button" data-host-perm="screen">${t('Chụp/quay màn hình','Screen recording')}</button>
+        <button class="secondary cu-btn" type="button" data-host-perm="accessibility">${t('Accessibility (chuột/bàn phím)','Accessibility (mouse/keys)')}</button>
+      </p>` : '';
+
   state.confirmModal = {
     icon: '🖥️',
     eyebrow: t('Điều khiển máy','PC control'),
-    title: t('Xong — còn 1 bước bạn tự làm','Done — one step left for you'),
+    title: cu.ok && cu.enabled ? t('Đã bật điều khiển máy','Computer control is on') : t('Bật chưa xong','Not fully enabled'),
     message: t('Model chính của bot vẫn là smart-route, không đổi.','Your bot keeps smart-route as its primary model.'),
     bodyHtml: `
       <ul class="cu-status">${statusItems}</ul>
-      <h4>${t('Cấp quyền màn hình cho máy','Grant the OS screen permissions')}</h4>
-      <p>${t('macOS chỉ cấp <b>Screen Recording</b> / <b>Accessibility</b> từ System Settings — bấm nút dưới, rồi bật cho <code>node</code> và app Codex.','macOS only grants <b>Screen Recording</b> / <b>Accessibility</b> from System Settings — click below, then tick <code>node</code> and the Codex app.')}</p>
-      <p class="cu-perm-row">
-        <button class="secondary cu-btn" type="button" data-host-perm="screen">${t('Chụp/quay màn hình','Screen recording')}</button>
-        <button class="secondary cu-btn" type="button" data-host-perm="accessibility">${t('Accessibility (chuột/bàn phím)','Accessibility (mouse/keys)')}</button>
-      </p>
-      <p class="cu-note">${t('Cách dùng: nhắn bot bình thường, ví dụ “mở TeamViewer và đọc giúp mật khẩu trên màn hình” — bot tự giao cho Codex rồi báo kết quả về.','How to use it: just ask your bot normally, e.g. “open TeamViewer and read the password on screen” — it hands the job to Codex and reports back.')}</p>
-      <p class="cu-note">${t('Việc giao cho Codex chạy bằng gói ChatGPT đã đăng nhập (tốn quota gói đó); chat thường vẫn đi qua các model free của <code>smart-route</code>. Điều khiển chuột/bàn phím hiện chỉ có trên macOS.','Jobs handed to Codex run on the signed-in ChatGPT plan (they spend that quota); ordinary chat still uses the free <code>smart-route</code> models. Mouse/keyboard control is macOS-only for now.')}</p>
+      ${permBlock}
+      <p class="cu-note">${t('Cách dùng: nhắn bot bình thường, ví dụ “chụp màn hình cho anh xem” hoặc “mở TeamViewer rồi đọc mật khẩu trên màn hình”.','How to use it: just ask your bot normally, e.g. "take a screenshot" or "open TeamViewer and read the password on screen".')}</p>
+      <p class="cu-note">${t('Chỉ dùng được trên máy có màn hình. Máy chủ VPS không màn hình thì không áp dụng. Tắt nút này là thu hồi lại toàn bộ quyền trên.','Only works on a machine with a screen. A headless VPS cannot use this. Turning the switch off revokes all of it.')}</p>
+      <p class="cu-note">${t('Sau khi khởi động lại máy, bấm <b>"1 - KHOI DONG BOT"</b> là phần điều khiển máy cũng tự bật lại cùng bot.','After restarting the machine, pressing <b>"1 - KHOI DONG BOT"</b> brings computer control back up along with the bot.')}</p>
     `,
     okText: t('Đã hiểu','Got it'),
     okDanger: false,
     hideCancel: true,
     onConfirm: () => { state.confirmModal = null; render(); },
   };
+}
+
+/**
+ * Offer the move off Docker, once, when we can see the project is still on it.
+ *
+ * Relying on the operator to press "Update" does not work: nothing on screen says that Update is
+ * ALSO the migration, so a machine sits on Docker indefinitely. And it cannot sit there safely -
+ * OpenClaw 2026.9 cannot write its own settings through a Docker shared folder on Windows, so the
+ * next image rebuild takes the bot down for good. Say that plainly, show what is gained, and make
+ * the move one button.
+ *
+ * Asked once per project, then remembered: a prompt that returns on every page load is a prompt
+ * people learn to dismiss without reading.
+ */
+function maybeOfferNativeMigration() {
+  const s = state.install || {};
+  if (s.deployMode !== 'docker') return;
+  const dir = s.projectDir || '';
+  if (!dir) return;
+  const key = 'openclaw-native-offer:' + dir;
+  try { if (localStorage.getItem(key)) return; } catch (_) { /* private window: just ask */ }
+  if (state.confirmModal) return;          // never stack on top of another dialog
+  const rows = [
+    ['🖥️', t('Bot điều khiển được máy này', 'Your bot can drive this machine'),
+      t('Chụp màn hình, rê chuột, bấm, gõ phím. Bản Docker không làm được vì bot nằm trong container, không thấy màn hình.',
+        'Screenshots, mouse, clicks, typing. Docker cannot do this: the bot sits in a container and never sees your screen.')],
+    ['🛡️', t('Tránh được lỗi làm chết bot', 'Avoids the fault that kills bots'),
+      t('OpenClaw bản mới không ghi được cấu hình qua thư mục chia sẻ của Docker trên Windows. Cứ dựng lại image một lần là bot chết hẳn.',
+        'Recent OpenClaw cannot write its settings through a Docker shared folder on Windows. One image rebuild and the bot is gone.')],
+    ['⚡', t('Nhẹ và nhanh hơn', 'Lighter and faster'),
+      t('Không cần Docker Desktop chạy nền, bot khởi động nhanh hơn và ăn ít RAM hơn.',
+        'No Docker Desktop running in the background, faster start-up and less RAM.')],
+    ['🔒', t('An toàn như cũ', 'Just as safe'),
+      t('Bot vẫn chỉ nghe trên máy này, không mở ra ngoài internet. Quyền điều khiển máy vẫn mặc định TẮT.',
+        'The bot still listens on this machine only, never the open internet. Computer control stays OFF by default.')],
+  ];
+  state.confirmModal = {
+    icon: '📦',
+    eyebrow: t('Chuyển sang chạy thẳng trên máy', 'Move off Docker'),
+    title: t('Bot đang chạy trong Docker', 'This bot still runs in Docker'),
+    message: t('Chuyển sang chạy thẳng trên máy được không? Toàn bộ bot, tệp trong thư mục làm việc và phiên đăng nhập Zalo giữ nguyên.',
+               'Move it to run directly on this machine? Every bot, every workspace file and every Zalo login comes with it.'),
+    bodyHtml: `
+      <ul class="cu-status grant-list">${rows.map(([i, ttl, d]) =>
+        `<li><span aria-hidden="true">${i}</span><div><b>${ttl}</b><br>${d}</div></li>`).join('')}</ul>
+      <p class="cu-note">${t('Mất khoảng 2-5 phút, bot ngừng trả lời trong lúc đó. Container cũ chỉ được <b>dừng</b> chứ không xoá, nên vẫn có đường quay lui.',
+                             'Takes about 2-5 minutes, during which the bot stops replying. The old containers are <b>stopped</b>, not deleted, so there is a way back.')}</p>`,
+    okText: t('Chuyển ngay', 'Move now'),
+    cancelText: t('Để sau', 'Later'),
+    onCancel: () => {
+      // "Later" means later, not never - but stop asking on this machine.
+      try { localStorage.setItem(key, String(Date.now())); } catch (_) {}
+      state.confirmModal = null;
+      render();
+    },
+    onConfirm: async () => {
+      try { localStorage.setItem(key, String(Date.now())); } catch (_) {}
+      state.confirmModal = null;
+      render();
+      showToast(t('Đang chuyển sang chạy thẳng trên máy', 'Moving off Docker'),
+                t('Giữ cửa sổ này mở. Xem tiến trình ở tab Nhật ký.', 'Keep this window open. Watch the Log tab for progress.'));
+      try {
+        await api('/api/runtime/update', { method: 'POST', body: { projectDir: dir, target: 'openclaw' } });
+        await loadStatus(true);
+        showToast(t('Đã chuyển xong', 'Moved'), t('Bot giờ chạy thẳng trên máy này.', 'The bot now runs directly on this machine.'));
+      } catch (err) {
+        showToast(t('Chuyển không xong', 'Move failed'), err.message, 'error');
+      }
+      render();
+    },
+  };
   render();
 }
+
 async function pickFolderPathShared() {
   try {
     const picked = await api('/api/project/pick-folder', { method: 'POST', body: {} });
@@ -398,7 +476,7 @@ function isVersionNewer(a, b) {
 }
 
 // Build a URL on the SAME host the dashboard is currently viewed from, so "Open" works
-// whether you reached it via a localhost tunnel, the server's IP, or a domain — and never
+// whether you reached it via a localhost tunnel, the server's IP, or a domain - and never
 // points at the viewer's own localhost when browsing from another machine. Port comes from
 // the backend-provided URL (which carries the right port) or the fallback.
 function sameHostUrl(rawUrl, fallbackPort) {
@@ -409,7 +487,7 @@ function sameHostUrl(rawUrl, fallbackPort) {
   return `${proto}//${host}:${port}`;
 }
 
-// "Open from another machine" helper — builds a ready SSH-tunnel command (auto-filled
+// "Open from another machine" helper - builds a ready SSH-tunnel command (auto-filled
 // with the server's public IP + the dashboard/gateway/9router/zalo-mod ports) so any user
 // on a VPS can reach the web UIs from their own computer without knowing how to set it up.
 function remoteAccessPanel(s = {}) {
@@ -418,7 +496,7 @@ function remoteAccessPanel(s = {}) {
   const host = r.host || '<your-server-ip>';
   const user = r.user || 'root';
   const portOf = (raw, def) => { try { return new URL(raw).port || def; } catch { return def; } };
-  // zalo-mod's dashboard is gateway port + 1, not a fixed 18790 — the same rule the plugin card's
+  // zalo-mod's dashboard is gateway port + 1, not a fixed 18790 - the same rule the plugin card's
   // "Open" button uses. Hardcoding it meant any project whose gateway is not on 18789 got a tunnel
   // command missing the dashboard port, and the dashboard then simply failed to load with no clue why.
   const gwPort = Number(portOf(s.gatewayUrl, 18789));
@@ -426,7 +504,7 @@ function remoteAccessPanel(s = {}) {
   const cmd = `ssh ${ports.map((p) => `-L ${p}:127.0.0.1:${p}`).join(' ')} ${user}@${host}`;
   return `<details class="card" style="margin-top:12px;" ${r.headless ? 'open' : ''}>
     <summary style="cursor:pointer; font-weight:600;">🌐 ${t('Mở từ máy khác (VPS/server)', 'Open from another machine (VPS/server)')}</summary>
-    <p class="lead" style="margin-top:8px;">${t('Server không có trình duyệt — trên MÁY của bạn chạy lệnh này rồi mở', 'No browser on the server — on YOUR computer run this, then open')} <code>http://localhost:${r.uiPort || 51789}</code>:</p>
+    <p class="lead" style="margin-top:8px;">${t('Server không có trình duyệt - trên MÁY của bạn chạy lệnh này rồi mở', 'No browser on the server - on YOUR computer run this, then open')} <code>http://localhost:${r.uiPort || 51789}</code>:</p>
     <div style="display:flex; gap:8px;">
       <input readonly value="${escapeHtml(cmd)}" onclick="this.select()" style="flex:1; font-family:ui-monospace,monospace; font-size:12px; padding:8px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.03); color:inherit;" />
       <button class="secondary icon-btn2" type="button" data-copy="${escapeHtml(cmd)}">${actionIcon('link')}<span>${t('Copy', 'Copy')}</span></button>
@@ -438,7 +516,7 @@ function remoteAccessPanel(s = {}) {
 function topbarActionsHtml() {
   const setupVer = state.system?.versions?.setup;
   const latestSetupVer = state.system?.versions?.latestSetup;
-  // Only offer the update when the remote is genuinely newer (not merely different —
+  // Only offer the update when the remote is genuinely newer (not merely different -
   // a local/dev build can be ahead of what's published).
   const hasNewVersion = !!(setupVer && latestSetupVer && isVersionNewer(latestSetupVer, setupVer));
   return `
@@ -460,7 +538,7 @@ function topbarActionsHtml() {
       <button class="seg__btn ${state.lang==='en'?'is-active':''}" data-pref="lang" data-value="en">EN</button>
     </div>
     ${hasNewVersion ? `
-    <button class="topbar__btn seg__btn" data-update-setup title="${t('Đang dùng', 'Currently on')} ${setupVer} — ${t('bấm để lên', 'click to upgrade to')} ${latestSetupVer}" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 6px; border: 1px solid var(--ok); background: rgba(46, 230, 166, 0.08); color: var(--ok); font-weight: 600; cursor: pointer; transition: background 0.2s;">
+    <button class="topbar__btn seg__btn" data-update-setup title="${t('Đang dùng', 'Currently on')} ${setupVer} - ${t('bấm để lên', 'click to upgrade to')} ${latestSetupVer}" style="display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 6px; border: 1px solid var(--ok); background: rgba(46, 230, 166, 0.08); color: var(--ok); font-weight: 600; cursor: pointer; transition: background 0.2s;">
       <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" style="width:14px; height:14px;"><polyline points="23 4 23 10 17 10"></polyline><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"></path></svg>
       <span>${t('Cập nhật', 'Update')} ${latestSetupVer}</span>
     </button>
@@ -634,13 +712,13 @@ function wireSkillsHandlers(scope = document) {
     try {
       const r = await api('/api/browser/start-chrome', { method: 'POST', body: {} });
       if (r.headless) {
-        // VPS has no display — guide the user to run Chrome on THEIR machine + a reverse tunnel.
+        // VPS has no display - guide the user to run Chrome on THEIR machine + a reverse tunnel.
         state.confirmModal = {
           icon: '🌐',
           eyebrow: t('Chrome debug', 'Chrome debug'),
           title: t('Dùng Chrome trên máy của bạn', 'Use Chrome on your computer'),
-          message: t('VPS không có màn hình nên không mở Chrome tại đây. Chạy 2 lệnh dưới trên máy của bạn và GIỮ chúng chạy — bot sẽ tự dùng Chrome đó (cổng 9222). Không làm cũng không sao: bot vẫn có trình duyệt ẩn (headless) sẵn trong container.', 'This VPS has no display. Run the two commands below on YOUR computer and keep them running — the bot will use that Chrome (port 9222). Optional: the bot already has a built-in headless browser.'),
-          bodyHtml: `<p class="guide-step">1. ${t('Mở Chrome debug trên máy bạn — macOS:', 'Start Chrome debug on your machine — macOS:')}</p><code class="cmd">${escapeHtml(r.chromeCmdMac)}</code><p class="guide-step">${t('Hoặc Windows:', 'Or Windows:')}</p><code class="cmd">${escapeHtml(r.chromeCmdWin)}</code><p class="guide-step">2. ${t('Tạo tunnel về VPS (cửa sổ terminal khác):', 'Create the reverse tunnel (another terminal):')}</p><code class="cmd">${escapeHtml(r.tunnelCmd)}</code>`,
+          message: t('VPS không có màn hình nên không mở Chrome tại đây. Chạy 2 lệnh dưới trên máy của bạn và GIỮ chúng chạy - bot sẽ tự dùng Chrome đó (cổng 9222). Không làm cũng không sao: bot vẫn có trình duyệt ẩn (headless) sẵn trong container.', 'This VPS has no display. Run the two commands below on YOUR computer and keep them running - the bot will use that Chrome (port 9222). Optional: the bot already has a built-in headless browser.'),
+          bodyHtml: `<p class="guide-step">1. ${t('Mở Chrome debug trên máy bạn - macOS:', 'Start Chrome debug on your machine - macOS:')}</p><code class="cmd">${escapeHtml(r.chromeCmdMac)}</code><p class="guide-step">${t('Hoặc Windows:', 'Or Windows:')}</p><code class="cmd">${escapeHtml(r.chromeCmdWin)}</code><p class="guide-step">2. ${t('Tạo tunnel về VPS (cửa sổ terminal khác):', 'Create the reverse tunnel (another terminal):')}</p><code class="cmd">${escapeHtml(r.tunnelCmd)}</code>`,
           okText: t('Đã hiểu', 'Got it'),
           okDanger: false,
           hideCancel: true,
@@ -648,10 +726,10 @@ function wireSkillsHandlers(scope = document) {
         };
         render();
       } else {
-        // The profile is a copy of the operator's own, so their normal Chrome can stay open —
+        // The profile is a copy of the operator's own, so their normal Chrome can stay open -
         // say so, because the old flow required closing every Chrome window first.
         showToast(t('Đã mở Chrome cho bot', 'Chrome opened for the bot'),
-          `${t('Cổng', 'Port')} ${r.port} — ${t('cửa sổ Chrome mới này dùng bản sao profile của bạn (đã đăng nhập sẵn); Chrome thường của bạn cứ để nguyên.', 'the new window runs a copy of your profile (already signed in); your normal Chrome can stay open.')}`, 'success');
+          `${t('Cổng', 'Port')} ${r.port} - ${t('cửa sổ Chrome mới này dùng bản sao profile của bạn (đã đăng nhập sẵn); Chrome thường của bạn cứ để nguyên.', 'the new window runs a copy of your profile (already signed in); your normal Chrome can stay open.')}`, 'success');
       }
     } catch (err) {
       showToast(t('Thất bại', 'Failed'), err.message, 'error');
@@ -673,7 +751,7 @@ function content() {
     return `<div class="log-toolbar"><button class="copy-log" data-copy-log type="button" aria-label="Copy logs">${copyIcon()} ${t('Copy log','Copy log')}</button></div><div class="terminal big">${state.logs.map(l=>`<p>${escapeHtml(l)}</p>`).join('')}</div>`;
 }
 
-// Danh sách múi giờ phổ biến (IANA) cho dropdown pill. Gọn — đủ dùng cho khu vực chính.
+// Danh sách múi giờ phổ biến (IANA) cho dropdown pill. Gọn - đủ dùng cho khu vực chính.
 const TZ_OPTIONS = [
   ['Asia/Ho_Chi_Minh', 'Việt Nam (UTC+7)'],
   ['Asia/Bangkok', 'Bangkok (UTC+7)'],
@@ -1035,7 +1113,7 @@ function botListPanel(bots) {
 function statusBadge(v) { return `<span class="runtime-badge ${v === 'online' ? 'ok' : v === 'unknown' ? 'warn' : 'bad'}">${v || 'offline'}</span>`; }
 function credentialField({ id, label, value = '', editable = false, placeholder = '' }) {
   const empty = !String(value || '').trim();
-  return `<label class="cred-field ${empty ? 'is-empty' : ''}"><span>${label}</span><div class="cred-input-wrap"><input id="${id}" name="${id}" type="password" ${editable ? '' : 'readonly'} autocomplete="off" value="${escapeHtml(value)}" placeholder="${escapeHtml(placeholder)}"/><button class="secondary cred-toggle" type="button" data-toggle-secret="${id}">${t('Hiện','Show')}</button></div>${empty && editable ? `<small>${t('Đang trống — nhập key rồi lưu.', 'Empty — enter key then save.')}</small>` : ''}</label>`;
+  return `<label class="cred-field ${empty ? 'is-empty' : ''}"><span>${label}</span><div class="cred-input-wrap"><input id="${id}" name="${id}" type="password" ${editable ? '' : 'readonly'} autocomplete="off" value="${escapeHtml(value)}" placeholder="${escapeHtml(placeholder)}"/><button class="secondary cred-toggle" type="button" data-toggle-secret="${id}">${t('Hiện','Show')}</button></div>${empty && editable ? `<small>${t('Đang trống - nhập key rồi lưu.', 'Empty - enter key then save.')}</small>` : ''}</label>`;
 }
 function botStatusPanel(s) {
   const c = s.credentials || {};
@@ -1070,7 +1148,7 @@ function joinDisplayPath(root = '', child = '') {
 function projectPathLine(bot = currentBot(), fileName = '') {
   const s = state.install || {};
   // Legacy configs stored the container-absolute workspace; show it relative to the project root
-  // (new configs are already relative — see bot-config-gen).
+  // (new configs are already relative - see bot-config-gen).
   const workspace = String(bot?.workspace || '').replace(/^\/home\/node\/project\/?/, '');
   const relFile = fileName ? String(fileName).replace(/^\.openclaw[\\/][^\\/]+[\\/]?/, '') : '';
   const full = workspace ? joinDisplayPath(s.projectDir || '', relFile ? `${workspace}/${relFile}` : workspace) : (s.projectDir || '-');
@@ -1122,16 +1200,16 @@ function filesView() { return `<div class="files">${state.files.map(f=>`<article
 function botSkillsPanel() {
   const flags = state.featureFlags || {};
   const skills = [
-    { id: 'cron', title: 'Cron', desc: 'Native scheduler (SQLite) — cron guide in TOOLS.md' },
+    { id: 'cron', title: 'Cron', desc: 'Native scheduler (SQLite) - cron guide in TOOLS.md' },
     { id: 'image-gen', title: 'Tạo ảnh Infographic', desc: 'Tạo ảnh infographic, poster tự động qua 9Router' },
     { id: 'web-search', title: 'Web Search', desc: 'Tìm kiếm web thời gian thực (DuckDuckGo)' },
   ];
   const plugins = [
-    { id: 'zalo-connect', title: 'OpenClaw Zalo Connect', desc: t('Kênh Zalo cá nhân (zca-js) — BẮT BUỘC cho bot Zalo. Tự cài khi tạo bot Zalo đầu tiên; bấm Cập nhật để lên bản mới nhất.', 'Personal Zalo channel (zca-js) — REQUIRED for Zalo bots. Auto-installed with your first Zalo bot; click Update for the latest version.'), channels: ['zalo-personal'] },
-    { id: 'learning-memory', title: 'Siêu Trí Nhớ Dài Hạn (learning-memory)', desc: t('Bộ nhớ always-on: nạp MEMORY.md + USER.md đã chắt lọc vào MỌI lượt — kể cả trong nhóm — nên bot không quên ngữ cảnh/quy tắc. Tự cài khi tạo bot.', 'Always-on memory: injects a curated MEMORY.md + USER.md into every turn — including group chats — so the bot stops forgetting context and rules. Auto-installed on bot creation.') },
+    { id: 'zalo-connect', title: 'OpenClaw Zalo Connect', desc: t('Kênh Zalo cá nhân (zca-js) - BẮT BUỘC cho bot Zalo. Tự cài khi tạo bot Zalo đầu tiên; bấm Cập nhật để lên bản mới nhất.', 'Personal Zalo channel (zca-js) - REQUIRED for Zalo bots. Auto-installed with your first Zalo bot; click Update for the latest version.'), channels: ['zalo-personal'] },
+    { id: 'learning-memory', title: 'Siêu Trí Nhớ Dài Hạn (learning-memory)', desc: t('Bộ nhớ always-on: nạp MEMORY.md + USER.md đã chắt lọc vào MỌI lượt - kể cả trong nhóm - nên bot không quên ngữ cảnh/quy tắc. Tự cài khi tạo bot.', 'Always-on memory: injects a curated MEMORY.md + USER.md into every turn - including group chats - so the bot stops forgetting context and rules. Auto-installed on bot creation.') },
     { id: 'openclaw-browser-automation', title: 'openclaw-browser-automation', desc: 'Smart Search + Browser (headless & Chrome thật)' },
     { id: 'openclaw-zalo-mod', title: 'openclaw-zalo-mod', desc: 'Zalo group helpers', channels: ['zalo-personal'], openWebPort: 18790, openWebPath: '/dashboard' },
-    { id: 'openclaw-fb-messenger', title: 'openclaw-fb-messenger', desc: t('Kênh Facebook Messenger — webhook + Graph API (bắt buộc cho bot Messenger)', 'Facebook Messenger channel — webhook + Graph API (required for Messenger bots)'), channels: ['fb-messenger'] },
+    { id: 'openclaw-fb-messenger', title: 'openclaw-fb-messenger', desc: t('Kênh Facebook Messenger - webhook + Graph API (bắt buộc cho bot Messenger)', 'Facebook Messenger channel - webhook + Graph API (required for Messenger bots)'), channels: ['fb-messenger'] },
     { id: 'openclaw-facebook-crawler', title: 'openclaw-facebook-crawler', desc: 'Facebook crawler automation', channels: ['fb-messenger'] },
     { id: 'openclaw-n8n-facebook-poster', title: 'openclaw-n8n-facebook-poster', desc: 'Facebook post automation (n8n)', channels: ['fb-messenger'] },
   ];
@@ -1159,10 +1237,10 @@ function botSkillsPanel() {
     let toggleHtml = '';
     const secs = [];
     if (isInstalled) {
-      toggleHtml = `<label class="feature-switch" title="${locked ? t('Bắt buộc cho bot Zalo — không thể tắt','Required for Zalo bots — cannot be disabled') : ''}"${locked ? ' style="opacity:.4;pointer-events:none;cursor:not-allowed;"' : ''}><input type="checkbox" data-feature-toggle="${key}" ${(flags[key] || locked) ? 'checked' : ''} ${(loading || locked) ? 'disabled' : ''}/><span></span></label>`;
+      toggleHtml = `<label class="feature-switch" title="${locked ? t('Bắt buộc cho bot Zalo - không thể tắt','Required for Zalo bots - cannot be disabled') : ''}"${locked ? ' style="opacity:.4;pointer-events:none;cursor:not-allowed;"' : ''}><input type="checkbox" data-feature-toggle="${key}" ${(flags[key] || locked) ? 'checked' : ''} ${(loading || locked) ? 'disabled' : ''}/><span></span></label>`;
       if (item.openWebPort) {
         // zalo-mod's dashboard is always gateway port + 1 (docker 18790, native 18890, or whatever
-        // the SELECTED project's gateway runs on) — never the hardcoded default. Derive it from the
+        // the SELECTED project's gateway runs on) - never the hardcoded default. Derive it from the
         // active project's gatewayUrl so every project opens its own dashboard.
         let gwPort = 0;
         try { gwPort = parseInt(new URL(state.install?.gatewayUrl).port, 10) || 0; } catch {}
@@ -1243,7 +1321,11 @@ function wireTab() {
   document.querySelectorAll('[data-confirm-action]').forEach(el => el.onclick = () => withButtonLoading(el, async () => {
     const action = el.dataset.confirmAction;
     const m = state.confirmModal;
-    if (action === 'cancel' || !m) { state.confirmModal = null; render(); return; }
+    if (action === 'cancel' || !m) {
+      // Declining can be meaningful - "ask me later" has to remember that it was asked.
+      if (m && typeof m.onCancel === 'function') { await m.onCancel(); return; }
+      state.confirmModal = null; render(); return;
+    }
     if (action === 'ok' && typeof m.onConfirm === 'function') await m.onConfirm();
   }));
   // Screen-recording / accessibility grants: only the OS can give these, so the button opens the
@@ -1252,12 +1334,12 @@ function wireTab() {
     const kind = btn.dataset.hostPerm;
     try {
       const r = await api('/api/host/permissions', { method: 'POST', body: { kind, projectDir: activeProjectDir() } });
-      if (!r.opened) return showToast(t('Không mở được','Could not open'), t('Hệ điều hành này không có bảng cài đặt đó — cấp quyền thủ công.','This OS has no such settings pane — grant it manually.'), 'error');
+      if (!r.opened) return showToast(t('Không mở được','Could not open'), t('Hệ điều hành này không có bảng cài đặt đó - cấp quyền thủ công.','This OS has no such settings pane - grant it manually.'), 'error');
       const granted = r.screen && r.screen.supported ? r.screen.granted : null;
       showToast(t('Đã mở cài đặt quyền','Opened settings'),
         granted === true ? t('Quyền chụp/quay màn hình: đã có. Bật thêm Accessibility nếu cần gõ/click.','Screen recording: already granted. Also enable Accessibility for typing/clicking.')
-          : granted === false ? t('Chưa có quyền — bật cho "node" (và app Codex) trong danh sách vừa mở, rồi restart bot.','Not granted yet — tick "node" (and the Codex app) in the list that just opened, then restart the bot.')
-            : t('Bật quyền cho "node" và app Codex trong danh sách vừa mở.','Tick "node" and the Codex app in the list that just opened.'),
+          : granted === false ? t('Chưa có quyền. Bật cho "node" trong danh sách vừa mở, rồi khởi động lại bot.','Not granted yet. Tick "node" in the list that just opened, then restart the bot.')
+            : t('Bật quyền cho "node" trong danh sách vừa mở.','Tick "node" in the list that just opened.'),
         granted === false ? 'error' : 'success', 8000);
     } catch (err) { showToast(t('Thất bại','Failed'), err.message, 'error'); }
   }));
@@ -1305,7 +1387,7 @@ function wireTab() {
       state.install = { ...(state.install || {}), ...result };
       autoSwitchBotChannel();
       render();
-      // Background: full refresh (versions, files, flags) — UI already shows the new project.
+      // Background: full refresh (versions, files, flags) - UI already shows the new project.
       await loadSystem(true);
       await loadStatus(true);
       autoSwitchBotChannel();
@@ -1390,9 +1472,9 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
   }));
   document.querySelectorAll('[data-bot-add-mount]').forEach(btn => btn.onclick = () => openPathModal({
     title: t('Cấp quyền ổ đĩa/thư mục','Grant disk/folder access'),
-    message: t('Nhập đường dẫn host (vd /Users/ban/Documents hoặc D:/data). Mount cho MỌI bot trong project rồi tự recreate container để áp dụng (mất ~10–20s).','Enter a host path (e.g. /Users/you/Documents or D:/data). Mounts for ALL bots in this project, then auto-recreates the container to apply (~10–20s).'),
+    message: t('Nhập đường dẫn host (vd /Users/ban/Documents hoặc D:/data). Mount cho MỌI bot trong project rồi tự recreate container để áp dụng (mất ~10-20s).','Enter a host path (e.g. /Users/you/Documents or D:/data). Mounts for ALL bots in this project, then auto-recreates the container to apply (~10-20s).'),
     placeholder: '/Users/ban/Documents',
-    field2: { label: t('Tên mount (tùy chọn) — sẽ thành /mnt/<tên>. Bỏ trống = tự lấy theo tên thư mục.','Mount name (optional) — becomes /mnt/<name>. Empty = derived from folder name.'), placeholder: 'baocao' },
+    field2: { label: t('Tên mount (tùy chọn) - sẽ thành /mnt/<tên>. Bỏ trống = tự lấy theo tên thư mục.','Mount name (optional) - becomes /mnt/<name>. Empty = derived from folder name.'), placeholder: 'baocao' },
     onConfirm: async (val, name) => {
       const hostPath = String(val || '').trim();
       if (!hostPath) return;
@@ -1410,23 +1492,18 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
     try { cur = await api('/api/host/control' + projectQuery({})); }
     catch (err) { return showToast(t('Thất bại','Failed'), err.message, 'error'); }
     const on = !!cur.enabled;
-    const apps = cur.apps || [];
-    const grants = cur.grants || [];
-    const chips = (items) => items.map((i) => `<code>${escapeHtml(i)}</code>`).join(' ');
-    const scripts = grants.filter((g) => ['node', 'npx', 'codex'].includes(g));
-    // One row per capability instead of a wall of prose — the operator is granting real access to
+    // One row per capability instead of a wall of prose - the operator is granting real access to
     // their machine and should be able to see, at a glance, exactly what each row means.
-    const rows = [
-      { icon: '🗂', title: t('Mở ứng dụng','Open apps'), desc: apps.length ? chips(apps) : t('chưa dò được app nào','no apps detected') },
-      ...(cur.native ? [
-        { icon: '📸', title: t('Chụp & quay màn hình','Screen capture & recording'), desc: t('bot nhìn được màn hình khi bạn nhờ','the bot can see your screen when you ask') },
-        { icon: '🖱', title: t('Điều khiển chuột/bàn phím','Mouse & keyboard control'), desc: t('bot giao việc cho Codex CLI (dùng gói ChatGPT đã đăng nhập); macOS','the bot hands the job to the Codex CLI on your ChatGPT plan; macOS only') },
-        { icon: '⚙️', title: t('Chạy script','Run scripts'), desc: `${chips(scripts.length ? scripts : ['node'])} — <b>${t('chạy được mã tuỳ ý trên máy này','arbitrary code on this machine')}</b>` },
-      ] : []),
-    ];
+    // There is no app allow-list to show: the bot drives the screen, so it reaches anything the
+    // person sitting at this machine could reach. Say that plainly rather than implying limits.
+    const rows = cur.native ? [
+      { icon: '📸', title: t('Nhìn màn hình','See the screen'), desc: t('bot chụp được màn hình khi bạn nhờ','the bot can screenshot your screen when you ask') },
+      { icon: '🖱', title: t('Điều khiển chuột/bàn phím','Mouse & keyboard control'), desc: t('bot rê chuột, bấm, gõ phím và kéo thả trên máy này','the bot moves the mouse, clicks, types and drags on this machine') },
+      { icon: '🗂', title: t('Mở ứng dụng','Open apps'), desc: t('mọi app đang cài, vì bot thao tác như người ngồi trước máy','any installed app, because it operates the machine like a person would') },
+    ] : [];
     const bodyHtml = on ? '' : `
       <ul class="cu-status grant-list">${rows.map((r) => `<li><span aria-hidden="true">${r.icon}</span><div><b>${r.title}</b><br>${r.desc}</div></li>`).join('')}</ul>
-      <p class="cu-note">${t('Danh sách sửa trong <code>.openclaw/host-control.json</code>. Chỉ dùng trên máy có màn hình (không áp dụng VPS headless).','Edit the list in <code>.openclaw/host-control.json</code>. Desktop only (not a headless VPS).')}</p>`;
+      <p class="cu-note">${t('Chỉ dùng trên máy có màn hình (không áp dụng VPS headless).','Desktop only (not a headless VPS).')}</p>`;
     state.confirmModal = {
       icon: '🖥️',
       eyebrow: t('Điều khiển máy','PC control'),
@@ -1439,7 +1516,7 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
       okDanger: on,
       onConfirm: async () => {
         state.confirmModal = null; render();
-        if (!on) showToast(t('Đang bật','Enabling'), t('Đang cấp quyền & cài Computer Use (có thể mất ~30s)…','Granting access & installing Computer Use (may take ~30s)…'), 'success');
+        if (!on) showToast(t('Đang bật','Enabling'), t('Đang cấp quyền và khởi động node điều khiển (có thể mất ~30s)…','Granting access and starting the control node (may take ~30s)…'), 'success');
         try {
           const r = await api('/api/host/control', { method: 'POST', body: { enabled: !on, projectDir: activeProjectDir() } });
           if (!on && r.started && r.started.ok === false && r.started.reason) {
@@ -1618,7 +1695,7 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
   $('#bot-create')?.addEventListener('submit', async (ev) => {
     ev.preventDefault();
     // Facebook Messenger needs the fb-messenger plugin (public on ClawHub). We don't block
-    // creation — the heads-up modal on channel-select tells the user to install it from the
+    // creation - the heads-up modal on channel-select tells the user to install it from the
     // bot's Plugins section afterwards (installable via the openclaw-fb-messenger card).
     const submitBtn = ev.currentTarget.querySelector('button[type="submit"]');
     if (submitBtn?.classList.contains('is-loading')) return;
@@ -1629,7 +1706,7 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
     body.channel = state.botChannel || 'telegram';
     body.userTimezone = state.tz;
     // Only the CREATE flow starts a Zalo QR login (the server kicks it off and sets
-    // loginStarted). Editing a bot (rename, persona...) must never pop the QR modal —
+    // loginStarted). Editing a bot (rename, persona...) must never pop the QR modal -
     // the session is already saved and the PUT endpoint starts no login.
     if (body.channel === 'zalo-personal' && !state.botEditId) {
       state.botModalOpen = false;
@@ -1643,7 +1720,7 @@ document.querySelectorAll('[data-project-pick-folder]').forEach(btn => btn.oncli
       const url = isEdit ? `/api/bot/${encodeURIComponent(state.botEditId)}` : '/api/bot/create';
       const method = isEdit ? 'PUT' : 'POST';
       const result = await api(url, { method, body });
-      state.botMessage = `✅ ${isEdit ? t('Đã cập nhật','Updated') : t('Đã tạo','Created')} ${result.agentId}${result.warning ? ' — ' + result.warning : ''}`;
+      state.botMessage = `✅ ${isEdit ? t('Đã cập nhật','Updated') : t('Đã tạo','Created')} ${result.agentId}${result.warning ? ' - ' + result.warning : ''}`;
       showToast(isEdit ? t('Đã cập nhật', 'Updated') : t('Đã tạo bot', 'Bot created'), `${isEdit ? t('Đã cập nhật','Updated') : t('Đã tạo','Created')} bot ${result.agentId} thành công!`, 'success');
       state.botChannel = body.channel;
       state.botEditId = '';
@@ -1688,6 +1765,9 @@ async function loadStatus(silent=false){
   state.install = install;
   if (!state.selectedProjectDir && state.install?.projectDir) state.selectedProjectDir = state.install.projectDir;
   if (!silent) render();
+  // Status is the first place we can actually see which runtime this project uses, so this is
+  // where the Docker project gets told there is a better place to be.
+  maybeOfferNativeMigration();
 }
 function autoSwitchBotChannel() {
   const bots = state.install?.bots || [];
@@ -1770,7 +1850,7 @@ function updateZaloHealthDom() {
   });
 }
 // Live status: poll the health endpoint while Zalo bots are on screen (the server caches
-// the ~3s CLI probe with a short TTL, so this stays cheap) and patch the badges in place —
+// the ~3s CLI probe with a short TTL, so this stays cheap) and patch the badges in place -
 // no more pressing "Làm mới" to see a bot drop or come back.
 const ZALO_HEALTH_POLL_MS = 10000;
 let zaloHealthPollBusy = false;

package/dist/web/styles.css

@@ -1811,7 +1811,7 @@ html[data-theme="light"] .bottom .nav.active {
   text-align: right !important;
 }
 
-/* Compact per-account Zalo health — shared versions stay in the right status column. */
+/* Compact per-account Zalo health - shared versions stay in the right status column. */
 .zalo-toolbar{display:flex;gap:8px;align-items:center}.zalo-toolbar .btn-inline{min-height:36px;padding:6px 12px;font-size:13px;gap:7px}.zalo-toolbar svg{width:14px;height:14px;flex:0 0 auto}.bot-item-title{display:flex;align-items:center;gap:8px;min-width:0;padding-right:58px}.bot-item-title b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zalo-quick-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;border:1px solid rgba(24,194,156,.35);background:rgba(24,194,156,.12);color:#25d6ad;font-size:10px;font-weight:800;white-space:nowrap}.zalo-bot-health{display:grid;gap:6px;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.zalo-bot-health>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.zalo-bot-health span{color:var(--muted);font-size:11px;font-weight:700}.zalo-bot-health em{font-size:11px;font-style:normal;font-weight:800;text-align:right}.zalo-bot-health em.ok{color:#25d6ad}.zalo-bot-health em.warn{color:#f7bf48}.zalo-bot-health em.bad{color:#ff6574}html[data-theme="light"] .zalo-bot-health{border-top-color:rgba(15,23,42,.08)}@media(max-width:640px){.zalo-toolbar{display:grid;grid-template-columns:1fr 1fr;width:100%}.zalo-toolbar .btn-inline{justify-content:center;padding:6px 8px}.bot-item-title{padding-right:54px}}
 
 /* Ensure bottom navigation bar is visible on tablet and mobile (under 1180px) */
@@ -1901,7 +1901,7 @@ html[data-theme="light"] .bot-create-card:hover {
 @media(max-width:760px){
   .bot-modal-backdrop{padding:12px 12px 80px!important}
   .bot-modal{max-height:calc(100dvh - 96px)!important}
-  /* 2-up channel picker on phones — less scrolling than a single column */
+  /* 2-up channel picker on phones - less scrolling than a single column */
   .bot-modal .bot-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 }
 
@@ -1944,14 +1944,14 @@ main{transition:margin .2s}
    Mobile UX refinements (user feedback)
    ════════════════════════════════════════════════════════════════════════════ */
 
-/* [Hero] Dashboard already shows its title inside the hero card — drop the duplicate
+/* [Hero] Dashboard already shows its title inside the hero card - drop the duplicate
    page-title header so it doesn't repeat "Dashboard vận hành" twice. */
 body[data-active-tab="dashboard"] .top{display:none}
 
 /* [Modals] While any modal is open, hide the fixed bottom nav so it can't cover the modal's
    lower content (and footer buttons) on mobile. The backdrop owns the screen at that point. */
 body:has(.modal-backdrop) .bottom{display:none!important}
-/* Bot / Cài đặt hero buttons sit side-by-side — keep their labels on one line. */
+/* Bot / Cài đặt hero buttons sit side-by-side - keep their labels on one line. */
 .dash-actions .icon-btn2{white-space:nowrap}
 
 /* [Confirm modal] Optional body block for step-by-step guides (e.g. Chrome-debug on a VPS):
@@ -1994,7 +1994,7 @@ body:has(.modal-backdrop) .bottom{display:none!important}
   /* [Connect project] The action buttons were absolutely positioned and overlapped the
      path text. Put the card into normal flow with full-width buttons below the content.
      The card used overflow:hidden + a fixed min-height and the list capped at 260px with an
-     inner scroll — all of which clipped the now-in-flow buttons. Let everything grow. */
+     inner scroll - all of which clipped the now-in-flow buttons. Let everything grow. */
   .detected-projects{max-height:none!important;overflow:visible!important}
   .detected-project{padding:12px!important;min-height:0!important;height:auto!important;overflow:visible!important}
   .detected-project__actions{position:static!important;transform:none!important;width:100%;margin-top:4px}
@@ -2031,7 +2031,7 @@ body:has(.modal-backdrop) .bottom{display:none!important}
 
 @media(max-width:520px){
   /* [Setup OS/mode] Shrink the logo cards: keep them 2-up (compact, less scrolling) with
-     much smaller icons — just large enough to tap comfortably. */
+     much smaller icons - just large enough to tap comfortably. */
   .os-grid,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
   .logo-card{min-height:0!important;gap:8px!important;padding:12px 8px!important;border-radius:14px!important}
   .logo-card .choice-card__icon{width:40px!important;height:40px!important;border-radius:11px!important}

package/package.json

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