@pro-vi/designer 0.3.7 → 0.3.9

package/bin/designer.mjs

@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+// Cross-platform entry: works on macOS/Linux/Windows.
+// Resolves the repo root from this file's location, prefers the compiled
+// dist/cli.js, falls back to tsx+source for dev/clone-and-run mode.
+import { spawnSync } from 'node:child_process';
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const BIN_DIR = path.dirname(fs.realpathSync(__filename));
+const REPO_ROOT = path.resolve(BIN_DIR, '..');
+
+const DIST_CLI = path.join(REPO_ROOT, 'dist', 'cli.js');
+const SRC_CLI = path.join(REPO_ROOT, 'cli.ts');
+const TSX_BIN = path.join(REPO_ROOT, 'node_modules', '.bin', process.platform === 'win32' ? 'tsx.cmd' : 'tsx');
+
+const argv = process.argv.slice(2);
+
+// Prefer compiled output (npm-installed users + post-build dev). Fall back to
+// tsx-on-source (clone-and-run dev mode, before tsc emits dist/).
+if (fs.existsSync(DIST_CLI)) {
+  const r = spawnSync(process.execPath, [DIST_CLI, ...argv], { stdio: 'inherit' });
+  process.exit(r.status ?? 1);
+}
+
+if (fs.existsSync(TSX_BIN) && fs.existsSync(SRC_CLI)) {
+  // shell:true lets Windows resolve the .cmd shim for tsx without a separate code path.
+  const r = spawnSync(TSX_BIN, [SRC_CLI, ...argv], { stdio: 'inherit', shell: process.platform === 'win32' });
+  process.exit(r.status ?? 1);
+}
+
+console.error('[designer] No runnable found.');
+console.error(`           Expected ${DIST_CLI} (compiled) or ${TSX_BIN} + ${SRC_CLI} (dev).`);
+console.error(`           Run: cd ${REPO_ROOT} && npm install && npm run build`);
+process.exit(1);

package/dist/browser.js

@@ -1,4 +1,4 @@
-import { spawn } from 'node:child_process';
+import { xspawn } from "./cross-platform.js";
 const BIN = process.env.DESIGNER_AGENT_BROWSER_BIN || 'agent-browser';
 const DEFAULT_SESSION = process.env.DESIGNER_SESSION_NAME || 'designer';
 const CDP = process.env.DESIGNER_CDP ?? '9222';
@@ -19,7 +19,7 @@ export function createBrowser({ session = DEFAULT_SESSION, headed = true, timeou
     function run(args, { input, parseJson = false } = {}) {
         return new Promise((resolve, reject) => {
             const finalArgs = [...connectFlags(), ...args];
-            const child = spawn(BIN, finalArgs, { env: baseEnv, stdio: ['pipe', 'pipe', 'pipe'] });
+            const child = xspawn(BIN, finalArgs, { env: baseEnv, stdio: ['pipe', 'pipe', 'pipe'] });
             let stdout = '';
             let stderr = '';
             child.stdout.on('data', (d) => (stdout += d.toString()));
@@ -98,9 +98,9 @@ export function createBrowser({ session = DEFAULT_SESSION, headed = true, timeou
                 args.push('--full');
             return run(args);
         },
-        eval: (js) => run(['eval', js]),
+        eval: (js) => run(['eval', '--stdin'], { input: js }),
         evalValue: async (js) => {
-            const out = await run(['eval', js]);
+            const out = await run(['eval', '--stdin'], { input: js });
             try {
                 return JSON.parse(out);
             }

package/dist/cdp-ensure.js

@@ -1,10 +1,11 @@
 import fs from 'node:fs';
 import os from 'node:os';
 import path from 'node:path';
-import { spawn, spawnSync } from 'node:child_process';
+import { spawn } from 'node:child_process';
+import { defaultChromeBin, isChromeRunning, QUIT_CHROME_HINT } from "./cross-platform.js";
 const PORT = process.env.DESIGNER_CDP || '9222';
 const PROFILE = path.join(os.homedir(), '.chrome-designer-profile');
-const CHROME_BIN = process.env.CHROME_BIN || '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome';
+const CHROME_BIN = process.env.CHROME_BIN || defaultChromeBin();
 async function isCdpUp() {
     try {
         const res = await fetch(`http://127.0.0.1:${PORT}/json/version`, { signal: AbortSignal.timeout(1500) });
@@ -14,10 +15,6 @@ async function isCdpUp() {
         return false;
     }
 }
-function chromeRunning() {
-    const r = spawnSync('pgrep', ['-f', 'Google Chrome.app/Contents/MacOS/Google Chrome'], { stdio: 'pipe' });
-    return r.status === 0 && (r.stdout?.toString().trim().length ?? 0) > 0;
-}
 function sleep(ms) {
     return new Promise((r) => setTimeout(r, ms));
 }
@@ -27,8 +24,8 @@ export async function ensureCdpUp() {
     if (!fs.existsSync(PROFILE)) {
         throw new Error(`CDP not up on :${PORT} and no dedicated Chrome profile at ${PROFILE}. Run: designer setup`);
     }
-    if (chromeRunning()) {
-        throw new Error(`CDP not up on :${PORT} and a non-debug Chrome is already running. Quit Chrome (Cmd+Q) and retry, or run: designer setup`);
+    if (isChromeRunning()) {
+        throw new Error(`CDP not up on :${PORT} and a non-debug Chrome is already running. ${QUIT_CHROME_HINT} Then retry, or run: designer setup`);
     }
     if (!fs.existsSync(CHROME_BIN)) {
         throw new Error(`CDP not up on :${PORT} and Chrome not found at ${CHROME_BIN}. Set CHROME_BIN or install Chrome.`);

package/dist/cli.js

@@ -1,8 +1,8 @@
 #!/usr/bin/env -S node --import tsx
 import fs from 'node:fs';
 import path from 'node:path';
-import { spawn, spawnSync } from 'node:child_process';
 import { createHash } from 'node:crypto';
+import { xspawn, xspawnSync, WHICH, IS_WIN } from "./cross-platform.js";
 import { DesignerController } from "./designer-controller.js";
 import { listSessions, getSession } from "./session-store.js";
 import { createBrowser } from "./browser.js";
@@ -12,6 +12,7 @@ import { runSetup } from "./setup.js";
 import { startMcpServer } from "./mcp-server.js";
 import { REPO_ROOT } from "./repo-root.js";
 import { runHealth } from "./ui-anchors.js";
+import { PACKAGE_VERSION } from "./package-meta.js";
 const [, , cmd, ...rest] = process.argv;
 function parseFlags(args) {
     const out = { _: [] };
@@ -37,6 +38,10 @@ function parseFlags(args) {
 const flags = parseFlags(rest);
 const key = flags.key || 'default';
 async function main() {
+    if (cmd === '--version' || cmd === '-v' || cmd === 'version' || flags.version === true || flags.v === true) {
+        console.log(PACKAGE_VERSION);
+        return;
+    }
     if (flags.help === true || flags.h === true) {
         if (cmd && HELP[cmd]) {
             console.log(HELP[cmd]);
@@ -533,7 +538,7 @@ function checkDeps() {
 }
 async function checkAgentBrowser() {
     return new Promise((resolve) => {
-        const c = spawn('agent-browser', ['--version'], { stdio: 'pipe' });
+        const c = xspawn('agent-browser', ['--version'], { stdio: 'pipe' });
         let v = '';
         c.stdout.on('data', (d) => (v += d.toString()));
         c.on('error', () => resolve({ name: 'agent-browser installed', status: 'fail', detail: 'binary not found on PATH; install from https://github.com/agent-browser/agent-browser' }));
@@ -553,7 +558,7 @@ async function checkCdp() {
         return {
             name: `CDP at port ${port}`,
             status: 'fail',
-            detail: `not reachable. Run: ./scripts/designer-chrome.sh (launches Chrome with --remote-debugging-port=${port} in a dedicated profile)`
+            detail: `not reachable. Run: ${IS_WIN ? 'powershell scripts\\designer-chrome.ps1' : './scripts/designer-chrome.sh'} (launches Chrome with --remote-debugging-port=${port} in a dedicated profile)`
         };
     }
 }
@@ -619,11 +624,11 @@ function checkSkillInstalled() {
     return { name: 'designer-loop skill installed', status: 'ok', detail: skillDir };
 }
 async function checkMcpRegistered() {
-    const which = spawnSync('which', ['claude'], { stdio: 'pipe' });
+    const which = xspawnSync(WHICH, ['claude'], { stdio: 'pipe' });
     if (which.status !== 0) {
         return { name: 'MCP registered with Claude Code', status: 'warn', detail: 'claude CLI not on PATH; install Claude Code to verify' };
     }
-    const list = spawnSync('claude', ['mcp', 'list'], { stdio: 'pipe' });
+    const list = xspawnSync('claude', ['mcp', 'list'], { stdio: 'pipe' });
     if (list.status !== 0) {
         return { name: 'MCP registered with Claude Code', status: 'fail', detail: `\`claude mcp list\` exited ${list.status}` };
     }

package/dist/cross-platform.js

@@ -0,0 +1,50 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { spawn as nodeSpawn, spawnSync as nodeSpawnSync } from 'node:child_process';
+import crossSpawn from 'cross-spawn';
+export const IS_WIN = process.platform === 'win32';
+export const IS_MAC = process.platform === 'darwin';
+export const xspawn = crossSpawn;
+export const xspawnSync = crossSpawn.sync;
+export const WHICH = IS_WIN ? 'where' : 'which';
+export function defaultChromeBin() {
+    if (IS_WIN) {
+        const candidates = [
+            path.join(process.env['ProgramFiles'] || 'C:\\Program Files', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+            path.join(process.env['ProgramFiles(x86)'] || 'C:\\Program Files (x86)', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+            path.join(process.env['LOCALAPPDATA'] || '', 'Google', 'Chrome', 'Application', 'chrome.exe'),
+        ];
+        for (const c of candidates)
+            if (c && fs.existsSync(c))
+                return c;
+        return candidates[0] ?? 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe';
+    }
+    if (IS_MAC)
+        return '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome';
+    for (const c of ['/usr/bin/google-chrome', '/usr/bin/chromium', '/usr/bin/chromium-browser']) {
+        if (fs.existsSync(c))
+            return c;
+    }
+    return '/usr/bin/google-chrome';
+}
+export function isChromeRunning() {
+    if (IS_WIN) {
+        const r = nodeSpawnSync('tasklist', ['/FI', 'IMAGENAME eq chrome.exe', '/NH', '/FO', 'CSV'], { stdio: 'pipe' });
+        if (r.status !== 0)
+            return false;
+        const out = r.stdout?.toString() || '';
+        return out.toLowerCase().includes('chrome.exe');
+    }
+    if (IS_MAC) {
+        const r = nodeSpawnSync('pgrep', ['-f', 'Google Chrome.app/Contents/MacOS/Google Chrome'], { stdio: 'pipe' });
+        return r.status === 0 && (r.stdout?.toString().trim().length ?? 0) > 0;
+    }
+    const r = nodeSpawnSync('pgrep', ['-f', 'chrome'], { stdio: 'pipe' });
+    return r.status === 0 && (r.stdout?.toString().trim().length ?? 0) > 0;
+}
+export const QUIT_CHROME_HINT = IS_WIN
+    ? 'Close all Chrome windows (or end chrome.exe in Task Manager).'
+    : IS_MAC
+        ? 'Cmd+Q on the Chrome menu, then close Activity Monitor entries if any.'
+        : 'Close all Chrome windows or `pkill chrome`.';
+export { nodeSpawn, nodeSpawnSync };

package/dist/designer-controller.js

@@ -2,7 +2,7 @@ import fs from 'node:fs';
 import path from 'node:path';
 import os from 'node:os';
 import crypto from 'node:crypto';
-import { spawn } from 'node:child_process';
+import { xspawn } from "./cross-platform.js";
 import { createBrowser } from "./browser.js";
 import { sessionDir, saveIteration } from "./artifact-store.js";
 import { upsertSession, appendHistory, getSession } from "./session-store.js";
@@ -195,17 +195,42 @@ export class DesignerController {
         const { promptTextarea, sendButton } = this.selectors.composer;
         await this.browser.waitFor(promptTextarea);
         await this.browser.evalValue(`(() => {
-        const ta = document.querySelector(${JSON.stringify(promptTextarea)});
-        if (!ta) throw new Error('textarea not found');
-        const setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
-        setter.call(ta, ${JSON.stringify(prompt)});
-        ta.dispatchEvent(new Event('input', { bubbles: true }));
-        ta.focus();
-        return true;
+        const el = document.querySelector(${JSON.stringify(promptTextarea)});
+        if (!el) throw new Error('composer input not found');
+        const text = ${JSON.stringify(prompt)};
+        if (el instanceof HTMLTextAreaElement) {
+          // Bypass React's value ownership via the native setter, then fire a
+          // bubbling input event.
+          const setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
+          setter.call(el, text);
+          el.dispatchEvent(new Event('input', { bubbles: true }));
+          el.focus();
+          return true;
+        }
+        if (el.isContentEditable) {
+          // Deliver the text as a synthetic paste so the editor's own paste
+          // pipeline updates its internal state; execCommand('insertText')
+          // flattens multi-line prompts into one paragraph.
+          el.focus();
+          const sel = window.getSelection();
+          const range = document.createRange();
+          range.selectNodeContents(el);
+          sel.removeAllRanges();
+          sel.addRange(range);
+          const dt = new DataTransfer();
+          dt.setData('text/plain', text);
+          const unhandled = el.dispatchEvent(new ClipboardEvent('paste', { clipboardData: dt, bubbles: true, cancelable: true }));
+          if (unhandled) {
+            // No editor intercepted the paste — plain contenteditable fallback.
+            document.execCommand('insertText', false, text);
+          }
+          return true;
+        }
+        throw new Error('composer input is neither textarea nor contenteditable: ' + el.tagName);
       })()`);
         for (let i = 0; i < 30; i++) {
             await new Promise((r) => setTimeout(r, 150));
-            const disabled = await this.browser.evalValue(`(() => { const b = document.querySelector(${JSON.stringify(sendButton)}); return !b || b.disabled; })()`);
+            const disabled = await this.browser.evalValue(`(() => { const b = document.querySelector(${JSON.stringify(sendButton)}); return !b || b.disabled || b.getAttribute('aria-disabled') === 'true'; })()`);
             if (!disabled)
                 break;
         }
@@ -520,7 +545,9 @@ export class DesignerController {
         if (!opened)
             await this._clickButtonByText(/^Export$/);
         await new Promise((r) => setTimeout(r, 400));
-        await this._clickButtonByText(/handoff to claude code/i);
+        const viaSendTo = await this._clickClaudeCodeSendTo().catch(() => false);
+        if (!viaSendTo)
+            await this._clickButtonByText(/handoff to claude code/i);
         let handoffUrl = '';
         for (let i = 0; i < 30; i++) {
             await new Promise((r) => setTimeout(r, 300));
@@ -547,7 +574,7 @@ export class DesignerController {
         const buf = Buffer.from(await res.arrayBuffer());
         fs.writeFileSync(tgzPath, buf);
         await new Promise((resolve, reject) => {
-            const child = spawn('tar', ['-xzf', tgzPath, '-C', bundleDir], { stdio: 'pipe' });
+            const child = xspawn('tar', ['-xzf', tgzPath, '-C', bundleDir], { stdio: 'pipe' });
             let err = '';
             child.stderr.on('data', (d) => (err += d.toString()));
             child.on('close', (code) => code === 0 ? resolve() : reject(new Error(`tar exited ${code}: ${err}`)));
@@ -583,6 +610,28 @@ export class DesignerController {
         return true;
       })()`);
     }
+    async _clickClaudeCodeSendTo() {
+        const tabClicked = await this.browser.evalValue(`(() => {
+        const tab = Array.from(document.querySelectorAll('button[role="tab"]')).find(t => /send to/i.test(t.textContent || ''));
+        if (!tab) return false;
+        tab.click();
+        return true;
+      })()`);
+        if (!tabClicked)
+            return false;
+        await new Promise((r) => setTimeout(r, 400));
+        return this.browser.evalValue(`(() => {
+        const sends = Array.from(document.querySelectorAll('button')).filter(b => (b.textContent || '').trim() === 'Send');
+        const target = sends.find(b => {
+          let row = b;
+          for (let i = 0; i < 3 && row.parentElement; i++) row = row.parentElement;
+          return /claude code/i.test(row.textContent || '');
+        });
+        if (!target) return false;
+        target.click();
+        return true;
+      })()`);
+    }
     async _dialogText() {
         return ((await this.browser
             .evalValue(`(() => {

package/dist/mcp-server.js

@@ -7,7 +7,8 @@ import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
 import { z } from 'zod';
 import { DesignerController } from "./designer-controller.js";
 import { sessionDir } from "./artifact-store.js";
-const server = new McpServer({ name: 'designer', version: '0.3.0' });
+import { PACKAGE_VERSION } from "./package-meta.js";
+const server = new McpServer({ name: 'designer', version: PACKAGE_VERSION });
 const controllers = new Map();
 function getController(key) {
     const k = key || 'default';

package/dist/package-meta.js

@@ -0,0 +1,12 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { REPO_ROOT } from "./repo-root.js";
+function readPackageMetadata() {
+    const raw = JSON.parse(fs.readFileSync(path.join(REPO_ROOT, 'package.json'), 'utf8'));
+    return {
+        name: typeof raw.name === 'string' ? raw.name : 'designer',
+        version: typeof raw.version === 'string' ? raw.version : '0.0.0'
+    };
+}
+export const PACKAGE_METADATA = readPackageMetadata();
+export const PACKAGE_VERSION = PACKAGE_METADATA.version;

package/dist/repo-root.js

@@ -1,7 +1,8 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 function findRepoRoot() {
-    let dir = path.dirname(new URL(import.meta.url).pathname);
+    let dir = path.dirname(fileURLToPath(import.meta.url));
     for (let i = 0; i < 8; i++) {
         if (fs.existsSync(path.join(dir, 'package.json')))
             return dir;
@@ -10,6 +11,6 @@ function findRepoRoot() {
             break;
         dir = parent;
     }
-    throw new Error('repo-root: could not find package.json walking up from ' + new URL(import.meta.url).pathname);
+    throw new Error('repo-root: could not find package.json walking up from ' + fileURLToPath(import.meta.url));
 }
 export const REPO_ROOT = findRepoRoot();

package/dist/setup.js

@@ -1,14 +1,15 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import os from 'node:os';
-import { spawn, spawnSync } from 'node:child_process';
+import { spawn } from 'node:child_process';
 import { createHash } from 'node:crypto';
 import { REPO_ROOT } from "./repo-root.js";
+import { defaultChromeBin, isChromeRunning, xspawnSync, WHICH, IS_WIN, QUIT_CHROME_HINT } from "./cross-platform.js";
 import { createBrowser } from "./browser.js";
 const SKILL_SRC = path.join(REPO_ROOT, 'skills', 'designer-loop', 'SKILL.md');
 const SKILL_DEST_DIR = path.join(os.homedir(), '.claude', 'skills', 'designer-loop');
 const SKILL_DEST = path.join(SKILL_DEST_DIR, 'SKILL.md');
-const CHROME_BIN = process.env.CHROME_BIN || '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome';
+const CHROME_BIN = process.env.CHROME_BIN || defaultChromeBin();
 const DEFAULT_PORT = process.env.DESIGNER_CDP || '9222';
 const PROFILE = path.join(os.homedir(), '.chrome-designer-profile');
 function log(stage, status, msg) {
@@ -32,13 +33,14 @@ async function verifySignedIn(browser) {
     return browser.evalValue(js).catch(() => false);
 }
 function chromeRunning() {
-    const r = spawnSync('pgrep', ['-f', 'Google Chrome.app/Contents/MacOS/Google Chrome'], { stdio: 'pipe' });
-    return r.status === 0 && (r.stdout?.toString().trim().length ?? 0) > 0;
+    return isChromeRunning();
 }
 function cdpChromeProfileStatus(port) {
     if (!/^\d+$/.test(port))
         return 'unknown';
-    const r = spawnSync('sh', ['-c', `ps -Axww -o command | grep -- '--remote-debugging-port=${port}' | grep -v grep`], { stdio: 'pipe' });
+    if (IS_WIN)
+        return 'unknown';
+    const r = xspawnSync('sh', ['-c', `ps -Axww -o command | grep -- '--remote-debugging-port=${port}' | grep -v grep`], { stdio: 'pipe' });
     if (r.status !== 0)
         return 'unknown';
     const out = r.stdout?.toString() ?? '';
@@ -107,7 +109,7 @@ async function step1NpmInstall() {
     else {
         log('deps', 'wait', 'running npm install...');
     }
-    const r = spawnSync('npm', ['install'], { cwd: REPO_ROOT, stdio: 'inherit' });
+    const r = xspawnSync('npm', ['install'], { cwd: REPO_ROOT, stdio: 'inherit' });
     if (r.status !== 0) {
         log('deps', 'fail', `npm install exited ${r.status}`);
         return false;
@@ -116,9 +118,9 @@ async function step1NpmInstall() {
     return true;
 }
 function step2AgentBrowser() {
-    const r = spawnSync('agent-browser', ['--version'], { stdio: 'pipe' });
+    const r = xspawnSync('agent-browser', ['--version'], { stdio: 'pipe' });
     if (r.status !== 0) {
-        log('agent-browser', 'fail', 'not found on PATH. Install: brew install agent-browser  OR  npm i -g agent-browser');
+        log('agent-browser', 'fail', 'not found on PATH. Install: npm i -g agent-browser');
         return false;
     }
     log('agent-browser', 'ok', r.stdout?.toString().trim() || 'present');
@@ -144,11 +146,11 @@ async function step3Chrome(port) {
         }
     }
     if (chromeRunning()) {
-        log('chrome', 'wait', 'A non-debug Chrome is running. Quit it (Cmd+Q on the Chrome menu, then close Activity Monitor entries if any). I am polling.');
+        log('chrome', 'wait', `A non-debug Chrome is running. ${QUIT_CHROME_HINT} I am polling.`);
         const quit = await pollUntil('chrome', () => !chromeRunning(), {
             intervalMs: 1000,
             timeoutMs: 5 * 60_000,
-            reminder: 'Still waiting for Chrome to fully quit. Cmd+Q on Chrome.'
+            reminder: `Still waiting for Chrome to fully quit. ${QUIT_CHROME_HINT}`
         });
         if (!quit) {
             log('chrome', 'fail', 'Timed out waiting for Chrome to quit. Quit manually then re-run setup.');
@@ -171,7 +173,8 @@ async function step3Chrome(port) {
         reminder: `Waiting for CDP at :${port}...`
     });
     if (!up) {
-        log('chrome', 'fail', 'Chrome launched but CDP did not come up. Try `./scripts/designer-chrome.sh` manually.');
+        const fallback = IS_WIN ? 'scripts\\designer-chrome.ps1' : './scripts/designer-chrome.sh';
+        log('chrome', 'fail', `Chrome launched but CDP did not come up. Try \`${fallback}\` manually.`);
         return false;
     }
     log('chrome', 'ok', `CDP up on :${port}`);
@@ -217,25 +220,21 @@ function step5Skill() {
     return true;
 }
 function step6Mcp(port) {
-    const claudeBin = spawnSync('which', ['claude'], { stdio: 'pipe' });
+    const claudeBin = xspawnSync(WHICH, ['claude'], { stdio: 'pipe' });
     if (claudeBin.status !== 0) {
         log('mcp', 'wait', 'claude CLI not on PATH; skipping MCP registration. Install Claude Code to register.');
         return true;
     }
-    const list = spawnSync('claude', ['mcp', 'list'], { stdio: 'pipe' });
+    const list = xspawnSync('claude', ['mcp', 'list'], { stdio: 'pipe' });
     const stdout = list.stdout?.toString() || '';
     if (/(\s|^)designer\b/i.test(stdout)) {
         log('mcp', 'ok', 'Already registered.');
         return true;
     }
-    const wrapper = path.join(REPO_ROOT, 'bin', 'designer');
-    if (!fs.existsSync(wrapper)) {
-        log('mcp', 'fail', `Missing wrapper ${wrapper}`);
-        return false;
-    }
-    const cmd = ['mcp', 'add', '--scope', 'user', '--transport', 'stdio', 'designer', '--', 'env', `DESIGNER_CDP=${port}`, wrapper, 'mcp', 'serve'];
+    const envFlags = port === '9222' ? [] : ['-e', `DESIGNER_CDP=${port}`];
+    const cmd = ['mcp', 'add', '--scope', 'user', '--transport', 'stdio', ...envFlags, 'designer', '--', 'designer', 'mcp', 'serve'];
     log('mcp', 'wait', `Registering: claude ${cmd.join(' ')}`);
-    const reg = spawnSync('claude', cmd, { stdio: 'inherit' });
+    const reg = xspawnSync('claude', cmd, { stdio: 'inherit' });
     if (reg.status !== 0) {
         log('mcp', 'fail', `claude mcp add exited ${reg.status}. Run manually:\n   claude ${cmd.join(' ')}`);
         return false;

package/dist/tasting.js

@@ -1,6 +1,27 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { spawn } from 'node:child_process';
+import { IS_WIN, IS_MAC, xspawn, xspawnSync } from "./cross-platform.js";
+function findPython() {
+    const candidates = IS_WIN ? ['py', 'python', 'python3'] : ['python3', 'python'];
+    for (const c of candidates) {
+        const r = xspawnSync(c, ['--version'], { stdio: 'pipe' });
+        if (r.status === 0)
+            return c;
+    }
+    return null;
+}
+function openUrl(url) {
+    if (IS_WIN) {
+        spawn('cmd', ['/c', 'start', '""', url], { stdio: 'ignore', detached: true }).unref();
+    }
+    else if (IS_MAC) {
+        spawn('open', [url], { stdio: 'ignore', detached: true }).unref();
+    }
+    else {
+        spawn('xdg-open', [url], { stdio: 'ignore', detached: true }).unref();
+    }
+}
 export function writeTastingHtml({ projectDir, variants, outPath, title = 'Tasting' }) {
     const target = outPath || path.join(projectDir, 'tasting.html');
     const html = renderTastingHtml({ variants, title });
@@ -85,7 +106,11 @@ function escapeHtml(s) {
 const servers = new Map();
 export async function serveAndOpen(projectDir, { file = 'tasting.html', port } = {}) {
     const chosenPort = port || (await pickFreePort(8765));
-    const child = spawn('python3', ['-m', 'http.server', String(chosenPort)], {
+    const python = findPython();
+    if (!python) {
+        throw new Error('tasting requires Python 3. Install python3 (macOS/Linux) or Python 3 from python.org (Windows).');
+    }
+    const child = xspawn(python, ['-m', 'http.server', String(chosenPort)], {
         cwd: projectDir,
         stdio: 'ignore',
         detached: true
@@ -93,7 +118,7 @@ export async function serveAndOpen(projectDir, { file = 'tasting.html', port } =
     child.unref();
     await sleep(500);
     const url = `http://127.0.0.1:${chosenPort}/${encodeURI(file)}`;
-    spawn('open', [url], { stdio: 'ignore', detached: true }).unref();
+    openUrl(url);
     const pid = child.pid ?? -1;
     servers.set(projectDir, { port: chosenPort, pid });
     return { url, port: chosenPort, pid };

package/dist/ui-anchors.js

@@ -70,7 +70,7 @@ export const UI_ANCHORS = [
         category: 'session',
         description: 'send button',
         requires: 'session',
-        check: async (b) => ({ ok: await hasSelector(b, '[data-testid="chat-send-button"]') })
+        check: async (b) => ({ ok: await hasSelector(b, '[data-testid="chat-send-button"], button[title^="Send ("]') })
     },
     {
         id: 'session.htmlViewerIframe',
@@ -122,16 +122,30 @@ export const UI_ANCHORS = [
     {
         id: 'share.handoffMenuItem',
         category: 'share',
-        description: 'Handoff-to-Claude-Code menu item (inside Share dropdown)',
+        description: 'Handoff-to-Claude-Code action (Share → Send to… tab → Claude Code row, or the legacy dropdown item)',
         requires: 'session',
         check: async (b) => {
             const opened = await b.evalValue(`(() => { const btn = Array.from(document.querySelectorAll('button')).find(x => (x.textContent||'').trim() === 'Share'); if (!btn) return false; btn.click(); return true; })()`).catch(() => false);
             if (!opened)
                 return { ok: false, detail: 'Share button not clickable' };
             await new Promise((r) => setTimeout(r, 400));
-            const found = await hasButtonMatching(b, /handoff to claude code/i);
+            let found = await hasButtonMatching(b, /handoff to claude code/i);
+            if (!found) {
+                const tabClicked = await b.evalValue(`(() => { const tab = Array.from(document.querySelectorAll('button[role="tab"]')).find(t => /send to/i.test(t.textContent || '')); if (!tab) return false; tab.click(); return true; })()`).catch(() => false);
+                if (tabClicked) {
+                    await new Promise((r) => setTimeout(r, 400));
+                    found = await b.evalValue(`(() => {
+              const sends = Array.from(document.querySelectorAll('button')).filter(x => (x.textContent || '').trim() === 'Send');
+              return sends.some(x => {
+                let row = x;
+                for (let i = 0; i < 3 && row.parentElement; i++) row = row.parentElement;
+                return /claude code/i.test(row.textContent || '');
+              });
+            })()`).catch(() => false);
+                }
+            }
             await b.evalValue(`document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true })); true`).catch(() => null);
-            return { ok: found, detail: found ? undefined : 'Share opened but no Handoff-to-Claude-Code item' };
+            return { ok: found, detail: found ? undefined : 'Share opened but no Claude Code handoff action (checked legacy item and Send to… tab)' };
         }
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pro-vi/designer",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "type": "module",
   "description": "MCP + CLI for autonomous iteration of claude.ai/design — drives the design surface via agent-browser, downloads handoff bundles, and exposes a tasting harness for full-viewport variant comparison.",
   "license": "MIT",
@@ -23,13 +23,14 @@
     "anthropic"
   ],
   "bin": {
-    "designer": "./bin/designer"
+    "designer": "./bin/designer.mjs"
   },
   "scripts": {
     "mcp": "tsx mcp-server.ts",
     "cli": "tsx cli.ts",
     "setup": "tsx cli.ts setup",
     "doctor": "tsx cli.ts doctor",
+    "test": "npm run build && node --test tests/cli-metadata.test.mjs",
     "check": "tsc --noEmit",
     "build": "tsc -p tsconfig.build.json",
     "prepack": "npm run check && npm run build",
@@ -40,11 +41,13 @@
     "smoke": "bash scripts/install-smoke.sh"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.96.0",
+    "@anthropic-ai/sdk": "^0.102.0",
     "@modelcontextprotocol/sdk": "^1.26.0",
+    "cross-spawn": "^7.0.6",
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@types/cross-spawn": "^6.0.6",
     "@types/node": "^25.6.0",
     "tsx": "^4.21.0",
     "typescript": "^6.0.3"
@@ -54,13 +57,15 @@
   },
   "os": [
     "darwin",
-    "linux"
+    "linux",
+    "win32"
   ],
   "files": [
     "dist/",
     "bin/",
     "skills/",
     "scripts/designer-chrome.sh",
+    "scripts/designer-chrome.ps1",
     "scripts/postinstall.mjs",
     "selectors.json",
     "README.md",

package/scripts/designer-chrome.ps1

@@ -0,0 +1,50 @@
+# Launch a Chrome instance with remote debugging enabled, in a dedicated
+# user-data-dir so the default profile's debug-port lockdown (Chrome 136+)
+# doesn't block us. Sign in to Claude once inside the launched window;
+# the profile persists.
+#
+# PowerShell equivalent of scripts/designer-chrome.sh for Windows users.
+
+$ErrorActionPreference = 'Stop'
+
+$Port    = if ($env:DESIGNER_CDP) { $env:DESIGNER_CDP } else { '9222' }
+$Profile = Join-Path $env:USERPROFILE '.chrome-designer-profile'
+
+# Default Chrome locations on Windows. Override with $env:CHROME_BIN.
+$DefaultChromes = @(
+  (Join-Path ${env:ProgramFiles}        'Google\Chrome\Application\chrome.exe'),
+  (Join-Path ${env:ProgramFiles(x86)}   'Google\Chrome\Application\chrome.exe'),
+  (Join-Path $env:LOCALAPPDATA          'Google\Chrome\Application\chrome.exe')
+)
+$Chrome = if ($env:CHROME_BIN) { $env:CHROME_BIN } else { $DefaultChromes | Where-Object { Test-Path $_ } | Select-Object -First 1 }
+
+if (-not $Chrome -or -not (Test-Path $Chrome)) {
+  Write-Error "[designer-chrome] Chrome not found. Set `$env:CHROME_BIN to override."
+  exit 1
+}
+
+# CDP already listening?
+try {
+  $null = Invoke-WebRequest -UseBasicParsing -Uri "http://127.0.0.1:$Port/json/version" -TimeoutSec 2
+  Write-Host "[designer-chrome] CDP already listening on port $Port - nothing to do."
+  Write-Host "                  curl http://127.0.0.1:$Port/json/version"
+  exit 0
+} catch {
+  # not running - continue
+}
+
+# Warn if a non-debug Chrome is up
+if (Get-Process -Name chrome -ErrorAction SilentlyContinue) {
+  Write-Warning "[designer-chrome] Chrome is already running."
+  Write-Warning "                  If it's NOT a debug-mode Chrome, the launched window may not get the debug port."
+  Write-Warning "                  Close existing Chrome windows first, or accept the risk and continue."
+}
+
+Write-Host "[designer-chrome] Launching: $Chrome --remote-debugging-port=$Port --user-data-dir=$Profile"
+Write-Host "[designer-chrome] Sign in to claude.ai in the new window. Then navigate to https://claude.ai/design."
+Write-Host "[designer-chrome] When done, leave this window open. The CDP server runs as long as Chrome runs."
+
+& $Chrome `
+  "--remote-debugging-port=$Port" `
+  "--user-data-dir=$Profile" `
+  "https://claude.ai/design"

package/selectors.json

@@ -18,7 +18,7 @@
   },
   "composer": {
     "promptTextarea": "[data-testid=\"chat-composer-input\"]",
-    "sendButton": "[data-testid=\"chat-send-button\"]",
+    "sendButton": "[data-testid=\"chat-send-button\"], button[title^=\"Send (\"]",
     "stopButton": null,
     "attachButton": "button[aria-label=\"Attach file\"]",
     "modelButton": "[data-testid=\"model-selector-button\"]"

package/bin/designer

@@ -1,35 +0,0 @@
-#!/usr/bin/env bash
-# Wrapper that resolves the repo's tsx + cli.ts regardless of the user's cwd.
-# Lets users type `designer <verb>` (after `npm link` or PATH symlink)
-# instead of the verbose `node_modules/.bin/tsx cli.ts <verb>`.
-
-set -e
-
-# Resolve symlinks to find the real script location, then back up to repo root.
-SOURCE="${BASH_SOURCE[0]}"
-while [ -h "$SOURCE" ]; do
-  DIR="$(cd -P "$(dirname "$SOURCE")" && pwd)"
-  SOURCE="$(readlink "$SOURCE")"
-  [[ "$SOURCE" != /* ]] && SOURCE="$DIR/$SOURCE"
-done
-BIN_DIR="$(cd -P "$(dirname "$SOURCE")" && pwd)"
-REPO_ROOT="$(cd "$BIN_DIR/.." && pwd)"
-
-DIST_CLI="$REPO_ROOT/dist/cli.js"
-TSX="$REPO_ROOT/node_modules/.bin/tsx"
-SRC_CLI="$REPO_ROOT/cli.ts"
-
-# Prefer compiled output (npm-installed users + post-build dev). Fall back to
-# tsx-on-source (clone-and-run dev mode, before tsc emits dist/).
-if [ -f "$DIST_CLI" ]; then
-  exec node "$DIST_CLI" "$@"
-fi
-
-if [ -x "$TSX" ] && [ -f "$SRC_CLI" ]; then
-  exec "$TSX" "$SRC_CLI" "$@"
-fi
-
-echo "[designer] No runnable found." >&2
-echo "           Expected $DIST_CLI (compiled) or $TSX + $SRC_CLI (dev)." >&2
-echo "           Run: cd $REPO_ROOT && npm install && npm run build" >&2
-exit 1