create-openclaw-bot 5.17.0 → 5.17.1

package/dist/setup/shared/windows-launcher-gen.js

@@ -58,7 +58,32 @@ function build9RouterCmd({ projectDir, routerPort }) {
   );
 }
 
-/** Starts the gateway. Calls node directly — see the --task-supervisor note below. */
+/**
+ * The node host that gives the bot screen control.
+ *
+ * Two things here are not obvious and both cost a day:
+ *  - It runs against `<project>\.openclaw-node`, NOT the bot's state dir. Pointed at the bot's, it
+ *    loads the bot's plugins too, and zalo-mod's dashboard port is already held by the gateway, so
+ *    the node dies on `listen EADDRINUSE 127.0.0.1:18790` before publishing computer.act.
+ *  - It is launched as a .cmd through wscript like everything else on Windows. Spawning the
+ *    `openclaw.cmd` shim from Node with detached+shell fails outright with `spawn EINVAL`.
+ */
+function buildNodeHostCmd({ projectDir, gatewayPort, gatewayToken }) {
+  return CRLF(
+    '@echo off\n' +
+    'rem Node host cho tinh nang dieu khien may (tool computer/screen cua OpenClaw).\n' +
+    `cd /d ${projectDir}\n` +
+    'set "HOME=%USERPROFILE%"\n' +
+    `set "OPENCLAW_HOME=${projectDir}\\.openclaw-node"\n` +
+    `set "OPENCLAW_STATE_DIR=${projectDir}\\.openclaw-node"\n` +
+    (gatewayToken ? `set "OPENCLAW_GATEWAY_TOKEN=${gatewayToken}"\n` : '') +
+    '"%ProgramFiles%\\nodejs\\node.exe" ' +
+    '"%APPDATA%\\npm\\node_modules\\openclaw\\dist\\index.js" ' +
+    `node run --host 127.0.0.1 --port ${gatewayPort} --no-tls\n`,
+  );
+}
+
+/** Starts the gateway. Calls node directly - see the --task-supervisor note below. */
 function buildGatewayCmd({ projectDir, gatewayPort }) {
   return CRLF(
     '@echo off\n' +
@@ -177,12 +202,13 @@ function buildReadme({ projectDir, gatewayPort, routerPort, setupPort }) {
 }
 
 /** All launcher files for a native Windows project, as { relativeName: content }. */
-function buildWindowsLaunchers({ projectDir, gatewayPort = 18789, routerPort = 20128, setupPort = 51789 }) {
-  const opts = { projectDir, gatewayPort, routerPort, setupPort };
+function buildWindowsLaunchers({ projectDir, gatewayPort = 18789, routerPort = 20128, setupPort = 51789, gatewayToken = '' }) {
+  const opts = { projectDir, gatewayPort, routerPort, setupPort, gatewayToken };
   return {
     'run-hidden.vbs': buildRunHiddenVbs(),
     'start-9router.cmd': build9RouterCmd(opts),
     'gateway-start.cmd': buildGatewayCmd(opts),
+    'node-host.cmd': buildNodeHostCmd(opts),
     'setup-ui.cmd': buildSetupUiCmd(opts),
     '0 - DOC TRUOC.txt': buildReadme(opts),
     '1 - KHOI DONG BOT.cmd': buildStartBotCmd(opts),

package/dist/web/app.js

@@ -324,47 +324,53 @@ function openPathModal({ title, message, value = '', placeholder = '', field2 =
  * 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('<b>Sau khi khởi động lại máy hoặc đăng xuất Windows, phần điều khiển máy sẽ tắt.</b> Mở lại giao diện này và bật lại nút là xong. Bot vẫn chat bình thường, chỉ riêng phần nhìn và điều khiển màn hình là cần bật lại.','<b>Restarting or signing out of Windows turns computer control off.</b> Open this screen and switch it back on. Chat keeps working meanwhile; only seeing and driving the screen needs re-enabling.')}</p>
     `,
     okText: t('Đã hiểu','Got it'),
     okDanger: false,
     hideCancel: true,
     onConfirm: () => { state.confirmModal = null; render(); },
   };
-  render();
 }
+
 async function pickFolderPathShared() {
   try {
     const picked = await api('/api/project/pick-folder', { method: 'POST', body: {} });
@@ -1256,8 +1262,8 @@ function wireTab() {
       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'); }
   }));
@@ -1410,23 +1416,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 +1440,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) {

package/package.json

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