figma-rust-mcp 7.0.0 → 8.0.1

package/README.md

@@ -8,7 +8,7 @@ Enables AI agents (Google Antigravity, Claude Code, Cursor, Windsurf, VS Code, Z
 
 ## ⚡ Highlights
 
-- **Lossless Rust Tree Compression**: Compact/minimal tree responses share identical style bundles when the complete JSON becomes smaller. Node IDs, hierarchy, text, geometry and state differences remain intact. Full detail bypasses Rust compression; no heuristic merging of screens or repeated items.
+- **Lossless Rust Tree Compression**: Node reads are compact by default: identical style bundles are shared and values every layer carries are stored once, only when the JSON gets smaller. Node IDs, hierarchy, text, geometry and state differences stay inline; `detail: "full"` returns the raw payload.
 - **Pure Rust Native Performance**: Single native binary, no runtime or GC. Measure it on your machine with `npm run bench` or the plugin's **Bench** tab (see [Benchmarks](#-benchmarks)).
 - **Scoped In-Memory Index (`figma_read` search)**: Indexes page roots first and loads frame descendants on demand. Search reports the indexed scope and completeness.
 - **Binary IPC & Chunk Streaming**: Powered by **MessagePack** (`rmp-serde`) and progressive subtree chunking for instant transfers of massive design files.
@@ -65,7 +65,7 @@ Enables AI agents (Google Antigravity, Claude Code, Cursor, Windsurf, VS Code, Z
 npx -y figma-rust-mcp@latest --init
 ```
 The setup detects installed Codex, Claude Code, Antigravity, Cursor, Windsurf,
-VS Code/Copilot, and Zed clients. Choose an action from the menu:
+VS Code, Copilot CLI, Gemini CLI, opencode, and Zed clients. Choose an action from the menu:
 
 ```text
 1) Quick setup — plugin + background service + detected agents
@@ -227,18 +227,17 @@ Every read, search and export. **`operation`**:
 - **Design system**: `rules` (markdown rule sheet of tokens, text styles and components), `get_styles`, `get_variables`, `get_tokens`, `get_local_components`, `get_component_map`, `get_unmapped_components`.
 - **Export**: `screenshot`, `export_image` (png/jpg, `scale`), `export_svg`. Pass `outputPath` to save to disk instead of returning data.
 
-Compact/minimal `get_selection` and `get_design` responses may contain a root
-`_compression` object with `version: 1` and a `styles` dictionary. For each node
-with `styleRef`, merge `_compression.styles[node.styleRef]` into that node and
-remove `styleRef`; remove root `_compression` to reconstruct the plugin payload
-exactly. Style references are dictionary lookups, not inherited CSS. Payloads
-with reserved-field collisions or no net byte savings stay inline. `detail: "full"` bypasses this Rust transformation and queries the plugin rather than a
-compact selection cache. Plugin detail, visibility, precision, depth and node
-budgets still determine the source payload; compression cannot restore fields
-omitted there. Code generation continues to consume inline styles.
-
-No token-reduction or AI-latency percentage is claimed without a tokenizer and
-end-to-end benchmark on real designs.
+Node reads (`read_nodes`, `inspect_node`, `get_selection`, `subtree`, `typography`)
+are compact by default. When it makes the JSON smaller, the response carries a
+root `_compression` object (`version: 2`) with `styles` (exact style bundles shared
+by `styleRef`) and `defaults` (a value every layer carried, stored once). To
+reconstruct the plugin payload exactly: for each layer (object with string `id`,
+`name` and `type`) merge `_compression.styles[styleRef]` and remove `styleRef`,
+then add every `defaults` key the layer lacks; remove `_compression`. Identity,
+geometry, text and hierarchy always stay inline. `detail: "full"` returns the raw
+payload. On one 62-layer production frame read with every field group, the
+response went from 81.5KB to 35.8KB (style sharing alone: 50.3KB); with default
+fields, 19.0KB to 13.4KB. Bytes, not tokens; measure your own files.
 
 ### 3. `figma_write`
 Executes JavaScript draw commands inside the sandboxed VM to build or modify designs on the Figma canvas.
@@ -263,7 +262,7 @@ Compiles a node (or the selection) into component code.
 - **`framework`**: `"react-tailwind"` (default), `"react-shadcn"`, `"react-native"`, `"vue-tailwind"`, `"html"`, `"swiftui"`, `"clean-spec"`.
 - **`outputPath`**, **`componentName`**.
 - **`target: "tokens"`**: export variables and styles. **`format`**: `"css"` (default, `:root` + light/dark modes), `"tailwind"`, `"typescript"`, `"w3c"` (DTCG), `"json"`; **`collection`** / **`mode`** / **`prefix`**; **`outputPath`**.
-- **`target: "project"`**: scaffold a design system — `globals.css` (Tailwind layers + CSS variables), `tailwind.config.ts` and one component per local component / component set (first variant) in `componentDir`. Existing files and components already in the codebase are skipped unless **`overwrite`**. Options: **`projectDir`**, **`componentDir`** (`src/components/ui`), **`stylesPath`** (`src/styles/globals.css`), **`tailwindConfigPath`** (`tailwind.config.ts`), **`limit`** (30, max 100); frameworks `react-tailwind`, `react-shadcn`, `vue-tailwind`, `html`.
+- **`target: "project"`**: scaffold a design system — `globals.css` (Tailwind layers + CSS variables), `tailwind.config.ts` and one component per local component / component set in `componentDir`. For React, a component set becomes one component whose props (`size`, `state`, ...) pick the variant, each variant generated from its own node (up to 24); Vue/HTML use the default variant. Existing files and components already in the codebase are skipped unless **`overwrite`**. Options: **`projectDir`**, **`componentDir`** (`src/components/ui`), **`stylesPath`** (`src/styles/globals.css`), **`tailwindConfigPath`** (`tailwind.config.ts`), **`limit`** (30, max 100); frameworks `react-tailwind`, `react-shadcn`, `vue-tailwind`, `html`.
 
 Token exports use schema v2 and preserve full paint/effect stacks, alpha, gradient
 transforms, collection modes and raw alias values. CSS, Tailwind, TypeScript and
@@ -440,8 +439,18 @@ cargo build --release
 
 # Rebuild Figma plugin bundle (if plugin-src/ is modified)
 node scripts/build-plugin.js
+
+# Codegen accuracy: render html output in headless Chrome and compare every
+# layer (size, padding, gap, radius, typography, colors) with the spec
+npm run accuracy                                  # bundled fixture
+npm run accuracy -- path/to/context.json --all    # your own get_design_context dump
 ```
 
+`npm run accuracy` needs Chrome (`CHROME_PATH` to override) and network access
+for the Tailwind play CDN and Google Fonts. `--min <percent>` fails below a
+threshold. The bundled checkout fixture currently matches 98.9% of 981 checks;
+remaining misses are sub-pixel text metrics.
+
 ---
 
 ## 📄 License

package/bin/agent-config.js

@@ -28,7 +28,10 @@ export function detectAgents({ home = os.homedir(), env = process.env, platform
     { id: 'antigravity', label: 'Google Antigravity', configPath: path.join(home, '.gemini', 'config', 'mcp_config.json'), installed: existsAny([path.join(home, '.antigravity-ide'), path.join(home, '.gemini', 'config', 'mcp_config.json'), platform === 'darwin' ? path.join(support, 'Antigravity') : null, platform === 'win32' ? path.join(local, 'Programs', 'Antigravity') : null, macApp('Antigravity')]) || hasCommand('antigravity', env, platform) },
     { id: 'cursor', label: 'Cursor', configPath: path.join(home, '.cursor', 'mcp.json'), installed: existsAny([path.join(home, '.cursor'), platform === 'darwin' ? path.join(support, 'Cursor') : null, platform === 'win32' ? path.join(local, 'Programs', 'Cursor') : null, macApp('Cursor')]) || hasCommand('cursor', env, platform) },
     { id: 'windsurf', label: 'Windsurf', configPath: path.join(home, '.codeium', 'windsurf', 'mcp_config.json'), installed: existsAny([path.join(home, '.codeium', 'windsurf'), platform === 'darwin' ? path.join(support, 'Windsurf') : null, platform === 'win32' ? path.join(local, 'Programs', 'Windsurf') : null, macApp('Windsurf')]) || hasCommand('windsurf', env, platform) },
-    { id: 'vscode', label: 'VS Code / Copilot', configPath: path.join(home, '.copilot', 'mcp-config.json'), installed: existsAny([path.join(home, '.vscode'), path.join(home, '.copilot'), platform === 'darwin' ? path.join(support, 'Code') : null, platform === 'linux' ? path.join(xdg, 'Code') : null, platform === 'win32' ? path.join(local, 'Programs', 'Microsoft VS Code') : null, platform === 'win32' ? path.join(roaming, 'Code') : null, macApp('Visual Studio Code')]) || hasCommand('code', env, platform) },
+    { id: 'vscode', label: 'VS Code', configPath: path.join(platform === 'darwin' ? support : platform === 'win32' ? roaming : xdg, 'Code', 'User', 'mcp.json'), installed: existsAny([path.join(home, '.vscode'), platform === 'darwin' ? path.join(support, 'Code') : null, platform === 'linux' ? path.join(xdg, 'Code') : null, platform === 'win32' ? path.join(local, 'Programs', 'Microsoft VS Code') : null, platform === 'win32' ? path.join(roaming, 'Code') : null, macApp('Visual Studio Code')]) || hasCommand('code', env, platform) },
+    { id: 'copilot', label: 'Copilot CLI', configPath: path.join(env.COPILOT_HOME || path.join(home, '.copilot'), 'mcp-config.json'), installed: existsAny([env.COPILOT_HOME, path.join(home, '.copilot')]) || hasCommand('copilot', env, platform) },
+    { id: 'gemini', label: 'Gemini CLI', configPath: path.join(home, '.gemini', 'settings.json'), installed: hasCommand('gemini', env, platform) },
+    { id: 'opencode', label: 'opencode', configPath: path.join(xdg, 'opencode', 'opencode.json'), installed: existsAny([path.join(xdg, 'opencode'), path.join(home, '.opencode')]) || hasCommand('opencode', env, platform) },
     { id: 'zed', label: 'Zed', configPath: platform === 'darwin' ? path.join(support, 'Zed', 'settings.json') : platform === 'win32' ? path.join(roaming, 'Zed', 'settings.json') : path.join(xdg, 'zed', 'settings.json'), installed: existsAny([path.join(xdg, 'zed'), platform === 'darwin' ? path.join(support, 'Zed') : null, platform === 'win32' ? path.join(roaming, 'Zed') : null, macApp('Zed')]) || hasCommand('zed', env, platform) },
   ];
   return agents.filter(agent => agent.installed).map(({ installed, ...agent }) => agent);
@@ -40,9 +43,9 @@ function upsertJsonc(filePath, rootKey, value) {
   const config = parse(source, errors, { allowTrailingComma: true, disallowComments: false });
   if (errors.length) throw new Error(`Invalid JSON/JSONC in ${filePath}; left it unchanged.`);
   const current = config?.[rootKey]?.[SERVER_NAME];
-  if (current && Object.entries(value).every(([key, entryValue]) => current[key] === entryValue)) return false;
+  if (current && Object.entries(value).every(([key, entryValue]) => JSON.stringify(current[key]) === JSON.stringify(entryValue))) return false;
   const merged = current && typeof current === 'object' && !Array.isArray(current) ? { ...current, ...value } : value;
-  for (const key of ['command', 'args', 'serverUrl', 'url', 'type']) {
+  for (const key of ['command', 'args', 'serverUrl', 'httpUrl', 'url', 'type']) {
     if (!Object.hasOwn(value, key) && Object.hasOwn(merged, key)) delete merged[key];
   }
   const edits = modify(source, [rootKey, SERVER_NAME], merged, { formattingOptions: { insertSpaces: true, tabSize: 2, eol: '\n' } });
@@ -76,14 +79,20 @@ function upsertCodex(filePath) {
   return true;
 }
 
+const ENTRIES = {
+  antigravity: ['mcpServers', { serverUrl: 'http://127.0.0.1:41730/sse' }],
+  claude: ['mcpServers', { type: 'http', url: HTTP_URL }],
+  windsurf: ['mcpServers', { serverUrl: HTTP_URL }],
+  vscode: ['servers', { type: 'http', url: HTTP_URL }],
+  copilot: ['mcpServers', { type: 'http', url: HTTP_URL, tools: ['*'] }],
+  gemini: ['mcpServers', { httpUrl: HTTP_URL }],
+  opencode: ['mcp', { type: 'remote', url: HTTP_URL, enabled: true }],
+  zed: ['context_servers', { url: HTTP_URL }],
+};
+
 export function configureAgent(agent) {
-  const entry = agent.id === 'antigravity'
-    ? { serverUrl: 'http://127.0.0.1:41730/sse' }
-    : agent.id === 'claude' || agent.id === 'vscode'
-      ? { type: 'http', url: HTTP_URL }
-      : { url: HTTP_URL };
   if (agent.id === 'codex') return upsertCodex(agent.configPath);
-  const rootKey = agent.id === 'zed' ? 'context_servers' : 'mcpServers';
+  const [rootKey, entry] = ENTRIES[agent.id] || ['mcpServers', { url: HTTP_URL }];
   return upsertJsonc(agent.configPath, rootKey, entry);
 }
 

package/bin/figma-rust-mcp.js

@@ -40,6 +40,17 @@ try {
 } catch (_) {}
 if (!pkgVersion) throw new Error(`Cannot read package version from ${pkgPath}`);
 
+// ─── TERMINAL UI ──────────────────────────────────────────────────────────────
+
+const useColor = process.stdout.isTTY && !process.env.NO_COLOR;
+const paint = code => text => useColor ? `\x1b[${code}m${text}\x1b[0m` : String(text);
+const bold = paint('1'), dim = paint('2'), green = paint('32'), yellow = paint('33'), red = paint('31'), cyan = paint('36');
+const tag = code => process.stderr.isTTY && !process.env.NO_COLOR ? `\x1b[${code}m[figma-rust-mcp]\x1b[0m` : '[figma-rust-mcp]';
+const tilde = p => p.startsWith(os.homedir()) ? `~${p.slice(os.homedir().length)}` : p;
+const ok = (msg, detail = '') => console.log(`  ${green('✓')} ${msg}${detail ? `  ${dim(detail)}` : ''}`);
+const note = msg => console.log(`    ${dim(msg)}`);
+const step = (n, total, title) => console.log(`\n${cyan(`[${n}/${total}]`)} ${bold(title)}`);
+
 function getPlatformArch() {
   const platform = process.platform;
   const arch = process.arch;
@@ -83,6 +94,27 @@ function getCacheDir(version) {
   return path.join(baseCache, 'figma-rust-mcp', `v${version}`);
 }
 
+// Progress bar on stderr (stdout carries MCP stdio traffic); silent when stderr is not a terminal.
+function downloadProgress(total) {
+  const tty = process.stderr.isTTY;
+  const started = Date.now();
+  let received = 0, lastDraw = 0;
+  const mb = bytes => (bytes / 1048576).toFixed(1);
+  const draw = () => {
+    const speed = `${mb(received / Math.max((Date.now() - started) / 1000, 0.001))} MB/s`;
+    if (!total) return process.stderr.write(`\r\x1b[2K  ↓ ${mb(received)} MB  ${speed}`);
+    const ratio = Math.min(received / total, 1), width = 24, filled = Math.round(ratio * width);
+    process.stderr.write(`\r\x1b[2K  ↓ \x1b[36m${'█'.repeat(filled)}\x1b[2m${'░'.repeat(width - filled)}\x1b[0m ${String(Math.round(ratio * 100)).padStart(3)}%  ${mb(received)}/${mb(total)} MB  ${speed}`);
+  };
+  return {
+    add(bytes) {
+      received += bytes;
+      if (tty && Date.now() - lastDraw > 80) { lastDraw = Date.now(); draw(); }
+    },
+    done() { if (tty) { draw(); process.stderr.write('\n'); } },
+  };
+}
+
 function downloadFile(url, destPath) {
   return new Promise((resolve, reject) => {
     const followRedirects = (currentUrl, redirectCount = 0) => {
@@ -104,9 +136,12 @@ function downloadFile(url, destPath) {
         }
 
         const fileStream = fs.createWriteStream(destPath);
+        const progress = downloadProgress(Number(res.headers['content-length']) || 0);
+        res.on('data', chunk => progress.add(chunk.length));
         res.pipe(fileStream);
 
         fileStream.on('finish', () => {
+          progress.done();
           fileStream.close(() => resolve());
         });
 
@@ -147,8 +182,12 @@ async function findOrDownloadBinary() {
   const localRelease = path.resolve(__dirname, '../target/release/figma-rust-mcp' + (process.platform === 'win32' ? '.exe' : ''));
   const localDebug = path.resolve(__dirname, '../target/debug/figma-rust-mcp' + (process.platform === 'win32' ? '.exe' : ''));
 
-  if (fs.existsSync(localRelease)) return localRelease;
-  if (fs.existsSync(localDebug)) return localDebug;
+  // A stale local build would silently downgrade the service; only use one built from this version.
+  const isCurrentBuild = bin => {
+    try { return fs.existsSync(bin) && execFileSync(bin, ['--version'], { encoding: 'utf8', timeout: 5000 }).trim().endsWith(` ${pkgVersion}`); }
+    catch (_) { return false; }
+  };
+  for (const bin of [localRelease, localDebug]) if (isCurrentBuild(bin)) return bin;
 
   const info = getPlatformArch();
   const cacheDir = getCacheDir(pkgVersion);
@@ -167,12 +206,12 @@ async function findOrDownloadBinary() {
   const releaseUrl = `https://github.com/${repoOwner}/${repoName}/releases/download/v${pkgVersion}/${info.assetName}`;
   const latestUrl = `https://github.com/${repoOwner}/${repoName}/releases/latest/download/${info.assetName}`;
 
-  process.stderr.write(`\x1b[36m[figma-rust-mcp]\x1b[0m Downloading binary for ${info.osName}-${info.archName} (v${pkgVersion})...\n`);
+  process.stderr.write(`${tag(36)} Downloading binary for ${info.osName}-${info.archName} (v${pkgVersion})...\n`);
 
   try {
     await downloadFile(releaseUrl, archivePath);
   } catch (err) {
-    process.stderr.write(`\x1b[33m[figma-rust-mcp]\x1b[0m Release v${pkgVersion} not found, trying latest release...\n`);
+    process.stderr.write(`${tag(33)} Release v${pkgVersion} not found, trying latest release...\n`);
     try {
       await downloadFile(latestUrl, archivePath);
     } catch (fallbackErr) {
@@ -201,7 +240,7 @@ async function findOrDownloadBinary() {
     fs.chmodSync(cachedBin, 0o755);
   }
 
-  process.stderr.write(`\x1b[32m[figma-rust-mcp]\x1b[0m Ready! (cached in ${cacheDir})\n\n`);
+  process.stderr.write(`${tag(32)} Downloaded to ${tilde(cacheDir)}\n`);
   return cachedBin;
 }
 
@@ -215,6 +254,7 @@ async function findOrDownloadBinary() {
  */
 async function installService(binPath) {
   removeLegacyService();
+  await stopRunningServer();
   const platform = process.platform;
 
   if (platform === 'darwin') {
@@ -253,15 +293,9 @@ async function installService(binPath) {
 
     fs.writeFileSync(plistPath, plist, 'utf8');
 
-    // Unload first (ignore error if not loaded)
-    try { execSync(`launchctl unload "${plistPath}" 2>/dev/null`, { stdio: 'pipe' }); } catch (_) {}
-    execSync(`launchctl load -w "${plistPath}"`, { stdio: 'inherit' });
+    execSync(`launchctl load -w "${plistPath}"`, { stdio: 'pipe' });
 
-    console.log(`\x1b[32m✓ figma-rust-mcp service installed!\x1b[0m`);
-    console.log(`  Plist: ${plistPath}`);
-    console.log(`  Logs:  ${logDir}/stdout.log`);
-    console.log(`\n\x1b[36mThe server will now start automatically on every login.\x1b[0m`);
-    console.log(`\x1b[36mTo uninstall: npx figma-rust-mcp --uninstall-service\x1b[0m`);
+    await serviceInstalled(`Logs ${tilde(path.join(logDir, 'stdout.log'))}`);
 
   } else if (platform === 'linux') {
     const serviceDir = path.join(os.homedir(), '.config', 'systemd', 'user');
@@ -284,13 +318,10 @@ WantedBy=default.target
 `;
 
     fs.writeFileSync(servicePath, unit, 'utf8');
-    execSync(`systemctl --user daemon-reload`, { stdio: 'inherit' });
-    execSync(`systemctl --user enable --now figma-rust-mcp`, { stdio: 'inherit' });
+    execSync(`systemctl --user daemon-reload`, { stdio: 'pipe' });
+    execSync(`systemctl --user enable --now figma-rust-mcp`, { stdio: 'pipe' });
 
-    console.log(`\x1b[32m✓ figma-rust-mcp systemd user service installed!\x1b[0m`);
-    console.log(`  Service: ${servicePath}`);
-    console.log(`\n\x1b[36mThe server will now start automatically on every login.\x1b[0m`);
-    console.log(`\x1b[36mTo uninstall: npx figma-rust-mcp --uninstall-service\x1b[0m`);
+    await serviceInstalled('Logs: journalctl --user -u figma-rust-mcp');
 
   } else if (platform === 'win32') {
     const taskName = 'FigmaRustMCPServer';
@@ -298,15 +329,12 @@ WantedBy=default.target
     // The native launcher detaches the server and redirects output to a log file.
     const taskCommand = `"${binPath}" --background`;
     execFileSync('schtasks', ['/Create', '/F', '/TN', taskName,
-      '/TR', taskCommand, '/SC', 'ONLOGON'], { stdio: 'inherit', windowsHide: true });
+      '/TR', taskCommand, '/SC', 'ONLOGON'], { stdio: 'pipe', windowsHide: true });
 
     // Start it immediately too
     try { execSync(`schtasks /Run /TN "${taskName}"`, { stdio: 'pipe' }); } catch (_) {}
 
-    console.log(`\x1b[32m✓ figma-rust-mcp Windows Task installed!\x1b[0m`);
-    console.log(`  Task: ${taskName}`);
-    console.log(`\n\x1b[36mThe server will now start automatically on every login.\x1b[0m`);
-    console.log(`\x1b[36mTo uninstall: npx figma-rust-mcp --uninstall-service\x1b[0m`);
+    await serviceInstalled(`Task Scheduler: ${taskName}`);
 
   } else {
     console.error(`\x1b[31mUnsupported platform: ${platform}\x1b[0m`);
@@ -314,6 +342,55 @@ WantedBy=default.target
   }
 }
 
+async function serviceInstalled(where) {
+  const port = Number(process.env.FIGMA_RUST_MCP_PORT) || 41730;
+  const deadline = Date.now() + 10000;
+  while (!(await isOldServerUp(port)) && Date.now() < deadline) await new Promise(resolve => setTimeout(resolve, 300));
+  if (await isOldServerUp(port)) ok('Background service running', `http://127.0.0.1:${port}`);
+  else console.log(`  ${yellow('!')} Service installed but not answering on port ${port} yet`);
+  note(`Starts on login · ${where}`);
+}
+
+function isOldServerUp(port) {
+  return new Promise(resolve => {
+    const req = http.get({ host: '127.0.0.1', port, path: '/plugin/version', timeout: 500 }, res => {
+      let body = '';
+      res.on('data', chunk => { body += chunk; });
+      res.on('end', () => { try { resolve(JSON.parse(body).name === 'figma-rust-mcp'); } catch (_) { resolve(false); } });
+    });
+    req.on('error', () => resolve(false));
+    req.on('timeout', () => { req.destroy(); resolve(false); });
+  });
+}
+
+/**
+ * Stop the installed service and any other running server before installing the new one.
+ * A still-running old version keeps port 41730, so the new one would move to 41731 while
+ * agents stay pointed at the old server.
+ */
+async function stopRunningServer() {
+  const quiet = cmd => { try { execSync(cmd, { stdio: 'pipe', windowsHide: true }); } catch (_) {} };
+  if (process.platform === 'darwin') {
+    quiet(`launchctl unload "${path.join(os.homedir(), 'Library', 'LaunchAgents', 'io.github.figma-rust-mcp.server.plist')}"`);
+    quiet('pkill -x figma-rust-mcp');
+  } else if (process.platform === 'linux') {
+    quiet('systemctl --user stop figma-rust-mcp');
+    quiet('pkill -x figma-rust-mcp');
+  } else if (process.platform === 'win32') {
+    quiet('schtasks /End /TN "FigmaRustMCPServer"');
+    quiet('taskkill /F /T /IM figma-rust-mcp.exe');
+  }
+  const port = Number(process.env.FIGMA_RUST_MCP_PORT) || 41730;
+  const deadline = Date.now() + 10000;
+  while (await isOldServerUp(port)) {
+    if (Date.now() > deadline) {
+      console.log(`  ${yellow('!')} An old figma-rust-mcp still answers on port ${port}; stop it, then rerun setup.`);
+      return;
+    }
+    await new Promise(resolve => setTimeout(resolve, 300));
+  }
+}
+
 /**
  * Uninstall the background service.
  */
@@ -331,7 +408,7 @@ async function uninstallService() {
     }
     removeLegacyService();
 
-    console.log(`\x1b[32m✓ figma-rust-mcp service uninstalled.\x1b[0m`);
+    ok('Background service removed');
 
   } else if (platform === 'linux') {
     try { execSync(`systemctl --user disable --now figma-rust-mcp`, { stdio: 'inherit' }); } catch (_) {}
@@ -340,14 +417,14 @@ async function uninstallService() {
     try { execSync(`systemctl --user daemon-reload`, { stdio: 'inherit' }); } catch (_) {}
     removeLegacyService();
 
-    console.log(`\x1b[32m✓ figma-rust-mcp service uninstalled.\x1b[0m`);
+    ok('Background service removed');
 
   } else if (platform === 'win32') {
     const taskName = 'FigmaRustMCPServer';
     try { execSync(`schtasks /Delete /F /TN "${taskName}"`, { stdio: 'inherit' }); } catch (_) {}
     removeLegacyService();
 
-    console.log(`\x1b[32m✓ figma-rust-mcp Windows Task removed.\x1b[0m`);
+    ok('Background service removed');
 
   } else {
     console.error(`\x1b[31mUnsupported platform: ${platform}\x1b[0m`);
@@ -415,13 +492,9 @@ function setupPlugin(customDir) {
   }
 
   const manifestPath = path.join(pluginDir, 'manifest.json');
-  console.log(`\n\x1b[32m✓ Figma Rust MCP Dynamic Thin Plugin installed to:\x1b[0m`);
-  console.log(`  \x1b[36m${manifestPath}\x1b[0m\n`);
-  console.log(`\x1b[1mTo connect Figma (Do this ONCE forever):\x1b[0m`);
-  console.log(`  1. Open Figma Desktop`);
-  console.log(`  2. Go to Plugins → Development → Import plugin from manifest...`);
-  console.log(`  3. Select: ${manifestPath}`);
-  console.log(`  4. Done! All future updates load dynamically from figma-rust-mcp without file re-imports.\n`);
+  ok('Figma plugin installed', tilde(manifestPath));
+  note('First time only: Figma Desktop → Plugins → Development → Import plugin from manifest…');
+  note('Later updates load automatically; no re-import needed.');
   return manifestPath;
 }
 
@@ -490,7 +563,7 @@ async function upgrade() {
   try {
     const major = pkgVersion ? pkgVersion.split('.')[0] : 'latest';
     execSync(`npm install -g figma-rust-mcp@${major}`, { stdio: 'inherit' });
-    console.log(`\x1b[32m✓ Upgraded figma-rust-mcp (${major === 'latest' ? 'latest' : `v${major}.x`}).\x1b[0m`);
+    ok(`Upgraded figma-rust-mcp (${major === 'latest' ? 'latest' : `v${major}.x`})`);
     setupPlugin();
     if (isServiceInstalled()) {
       console.log('\x1b[36mUpdating background service binary...\x1b[0m');
@@ -510,25 +583,42 @@ async function setupMenu() {
 
   const rl = createInterface({ input: process.stdin, output: process.stdout });
   const agents = detectAgents();
+  const items = [
+    ['1', 'Quick setup', 'plugin + background service + agents', true],
+    ['2', 'Figma plugin', 'install or update only'],
+    ['3', 'Run server', 'in this terminal'],
+    ['4', 'Agents', `configure detected agents (${agents.length} found)`],
+    ['5', 'Service status', 'is the background service installed?'],
+    ['6', 'Upgrade', 'update package and refresh setup'],
+    ['7', 'Remove service', 'stop and uninstall the background service'],
+    ['0', 'Exit', ''],
+  ];
   try {
-    console.log(`\n\x1b[1mFigma Rust MCP setup\x1b[0m  v${pkgVersion}\n\n  1) Quick setup — plugin + background service + detected agents\n  2) Install/update Figma plugin only\n  3) Start server in this terminal\n  4) Configure detected agents\n  5) Check background service\n  6) Upgrade package and refresh setup\n  7) Remove background service\n  0) Exit\n`);
-    const choice = (await rl.question('Choose an option [1]: ')).trim() || '1';
+    console.log(`\n  ${bold('Figma Rust MCP')} ${dim(`v${pkgVersion}`)}\n`);
+    for (const [key, label, hint, recommended] of items) {
+      console.log(`  ${cyan(key)}  ${label.padEnd(16)}${dim(hint)}${recommended ? ` ${green('(recommended)')}` : ''}`);
+    }
+    const choice = (await rl.question(`\n${cyan('›')} Choose [1]: `)).trim() || '1';
     switch (choice) {
       case '1': {
+        step(1, 3, 'Figma plugin');
         setupPlugin();
+        step(2, 3, 'Background service');
         const binPath = await findOrDownloadBinary();
         await installService(binPath);
+        step(3, 3, 'AI agents');
         await configureDetectedAgents(rl, agents);
+        console.log(`\n${green('✓')} ${bold('Setup complete.')} Restart your agents, then run the plugin in Figma.\n`);
         break;
       }
       case '2': setupPlugin(); break;
       case '3': await runBinary(['--server']); break;
-      case '4': await configureDetectedAgents(rl, agents); break;
-      case '5': console.log(isServiceInstalled() ? '✓ Background service is installed.' : '✗ Background service is not installed.'); break;
+      case '4': await configureDetectedAgents(rl, agents); note('Restart the configured agents to connect.'); break;
+      case '5': isServiceInstalled() ? ok('Background service is installed') : console.log(`  ${yellow('!')} Background service is not installed`); break;
       case '6': await upgrade(); break;
       case '7': await uninstallService(); break;
       case '0': break;
-      default: console.log('Unknown option. Run --init to try again.');
+      default: console.log(`  ${yellow('!')} Unknown option. Run --init to try again.`);
     }
   } finally {
     rl.close();
@@ -537,33 +627,34 @@ async function setupMenu() {
 
 async function configureDetectedAgents(rl, agents) {
   if (!agents.length) {
-    console.log('No supported AI coding agents were detected. Install an agent and rerun --init.');
+    console.log(`  ${yellow('!')} No supported AI agents detected. Install one and rerun --init.`);
     return;
   }
 
-  console.log('\nDetected agents:');
-  agents.forEach((agent, index) => console.log(`  ${index + 1}) ${agent.label} — ${agent.configPath}`));
-  const answer = (await rl.question('Configure which agents? Enter numbers separated by commas, a=all, Enter=skip [a]: ')).trim().toLowerCase();
-  if (answer === '') return;
+  const width = Math.max(...agents.map(agent => agent.label.length));
+  agents.forEach((agent, index) => console.log(`  ${cyan(index + 1)}  ${agent.label.padEnd(width + 2)}${dim(tilde(agent.configPath))}`));
+  const answer = (await rl.question(`\n${cyan('›')} Configure which? ${dim('numbers like 1,3 · a = all · n = skip')} [a]: `)).trim().toLowerCase() || 'a';
+  if (answer === 'n') {
+    note('Skipped; MCP configuration was not changed.');
+    return;
+  }
   const selected = answer === 'a'
     ? agents
     : [...new Set(answer.split(',').map(value => Number(value.trim()) - 1))]
       .filter(index => Number.isInteger(index) && index >= 0 && index < agents.length)
       .map(index => agents[index]);
   if (!selected.length) {
-    console.log('No valid agent selection; MCP configuration was not changed.');
+    console.log(`  ${yellow('!')} No valid selection; MCP configuration was not changed.`);
     return;
   }
 
   for (const agent of selected) {
     try {
-      const changed = configureAgent(agent);
-      console.log(`  ${changed ? '✓ Configured' : '✓ Already configured'} ${agent.label}`);
+      ok(agent.label.padEnd(width + 2), configureAgent(agent) ? 'configured' : 'already configured');
     } catch (err) {
-      console.error(`  ✗ Could not configure ${agent.label}: ${err.message}`);
+      console.log(`  ${red('✗')} ${agent.label.padEnd(width + 2)}${dim(err.message)}`);
     }
   }
-  console.log('Restart or reload the selected agent to connect it to Figma Rust MCP.');
 }
 
 function runBinary(args) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "figma-rust-mcp",
-  "version": "7.0.0",
+  "version": "8.0.1",
   "description": "Claude Code to Figma — Bidirectional MCP bridge. AI draws UI on Figma canvas, reads designs back. Works with Claude, Cursor, VS Code, Windsurf, Antigravity. No API key needed.",
   "mcpName": "io.github.BuiHung1612/figma-rust-mcp",
   "type": "module",
@@ -21,7 +21,8 @@
     "test:tokens": "node --test scripts/test-plugin-tokens.mjs && cargo test",
     "dev": "cargo run",
     "bench": "cargo build --release && node scripts/bench.mjs",
-    "test:sessions": "cargo build && node --test scripts/test-bridge-sessions.mjs"
+    "test:sessions": "cargo build && node --test scripts/test-bridge-sessions.mjs",
+    "accuracy": "cargo build && node scripts/codegen-accuracy.mjs"
   },
   "engines": {
     "node": ">=18"

package/scripts/codegen-accuracy.mjs

@@ -0,0 +1,182 @@
+// Measures figma_to_code accuracy: renders html-annotated output in headless Chrome
+// and compares every layer's box and styles with the get_design_context spec.
+//   node scripts/codegen-accuracy.mjs [context.json ...] [--min <percent>] [--all]
+// Default context: tests/fixtures/design-context-checkout.json. Needs Chrome and
+// network access for the Tailwind play CDN and Google Fonts.
+import { execFileSync, spawn } from 'node:child_process';
+import { mkdtempSync, readFileSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+
+const args = process.argv.slice(2);
+const minIndex = args.indexOf('--min');
+const min = minIndex >= 0 ? Number(args.splice(minIndex, 2)[1]) : null;
+const showAll = args.includes('--all') && args.splice(args.indexOf('--all'), 1);
+const files = args.length ? args : ['tests/fixtures/design-context-checkout.json'];
+const binary = process.env.FIGMA_TEST_BINARY || 'target/debug/figma-rust-mcp';
+const chromePath = process.env.CHROME_PATH || {
+  darwin: '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome',
+  win32: 'C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe',
+}[process.platform] || 'google-chrome';
+
+const px = v => (typeof v === 'number' ? v : parseFloat(v));
+const box = v => { const p = String(v ?? '').trim().split(/\s+/).map(px); return [p[0], p[1] ?? p[0], p[2] ?? p[0], p[3] ?? p[1] ?? p[0]]; };
+const rgb = hex => { const h = hex.replace('#', ''); return `rgb(${parseInt(h.slice(0, 2), 16)}, ${parseInt(h.slice(2, 4), 16)}, ${parseInt(h.slice(4, 6), 16)})`; };
+const WEIGHTS = { thin: 100, extralight: 200, light: 300, regular: 400, normal: 400, medium: 500, semibold: 600, bold: 700, extrabold: 800, black: 900 };
+
+function walk(node, out = []) {
+  out.push(node);
+  for (const child of node.children || []) walk(child, out);
+  return out;
+}
+
+// Tokens resolve through the layer's own solid paint, so colors compare as rendered.
+function tokenCss(layers) {
+  const vars = new Map();
+  for (const n of layers) {
+    const color = n.paintData?.find(p => p.type === 'SOLID' && p.color)?.color;
+    for (const ref of [n.fill, n.text?.color]) {
+      const name = /^var\((--[^)]+)\)$/.exec(ref || '')?.[1];
+      if (name && color && /^#[0-9a-f]{6}$/i.test(color)) vars.set(name, color);
+    }
+  }
+  return `:root{${[...vars].map(([k, v]) => `${k}:${v}`).join(';')}}`;
+}
+
+function resolveColor(value, layer) {
+  if (!value) return null;
+  if (value.startsWith('var(')) value = layer.paintData?.find(p => p.type === 'SOLID')?.color;
+  return value && /^#[0-9a-f]{6}$/i.test(value) ? rgb(value) : null;
+}
+
+// One entry per measurable property: [group, expected, actual, tolerance].
+function checks(layer, got) {
+  const out = [];
+  const num = (group, expected, actual, tol = 1) => {
+    if (Number.isFinite(expected)) out.push([group, expected, actual, tol]);
+  };
+  num('width', layer.size?.width, got.width);
+  num('height', layer.size?.height, got.height);
+  const layout = layer.layout;
+  if (layout?.padding) box(layout.padding).forEach((v, i) => num('padding', v, got.padding[i], 0.5));
+  if (layout?.display === 'flex' && layout.gap != null) {
+    num('gap', px(layout.gap), layout.flexDirection === 'column' ? got.rowGap : got.columnGap, 0.5);
+  }
+  // Browsers clamp radii to half the shorter side (rounded-full is 9999px); compare what renders.
+  const clamp = v => Math.min(v, Math.min(got.width, got.height) / 2);
+  if (layer.borderRadius) box(layer.borderRadius).forEach((v, i) => num('radius', clamp(v), clamp(got.radius[i]), 0.5));
+  const text = layer.text;
+  if (layer.type === 'TEXT' && text) {
+    num('fontSize', text.fontSize, got.fontSize, 0.1);
+    num('fontWeight', text.fontWeightNumeric ?? WEIGHTS[String(text.fontWeight).toLowerCase().replace(/\s/g, '')], got.fontWeight, 0);
+    if (String(text.lineHeight).endsWith('%')) num('lineHeight', text.fontSize * px(text.lineHeight) / 100, got.lineHeight, 0.5);
+    else if (text.lineHeight != null && text.lineHeight !== 'auto') num('lineHeight', px(text.lineHeight), got.lineHeight, 0.5);
+    const color = resolveColor(text.color, layer);
+    if (color) out.push(['color', color, got.color, 0]);
+  } else if (layer.backgroundCss?.property === 'background-color') {
+    const bg = resolveColor(layer.backgroundCss.value, layer);
+    if (bg) out.push(['background', bg, got.background, 0]);
+  }
+  return out;
+}
+
+async function launchChrome() {
+  const profile = mkdtempSync(join(tmpdir(), 'codegen-accuracy-'));
+  const chrome = spawn(chromePath, ['--headless=new', '--remote-debugging-port=0', `--user-data-dir=${profile}`, '--hide-scrollbars', 'about:blank'], { stdio: ['ignore', 'ignore', 'pipe'] });
+  const port = await new Promise((resolve, reject) => {
+    let log = '';
+    chrome.stderr.on('data', b => { log += b; const m = /DevTools listening on ws:\/\/[^:]+:(\d+)/.exec(log); if (m) resolve(m[1]); });
+    chrome.on('exit', code => reject(new Error(`Chrome exited (${code}): ${log.slice(-500)}`)));
+  });
+  return { chrome, port };
+}
+
+async function cdpPage(port) {
+  const target = await (await fetch(`http://127.0.0.1:${port}/json/new?about:blank`, { method: 'PUT' })).json();
+  const ws = new WebSocket(target.webSocketDebuggerUrl);
+  await new Promise((resolve, reject) => { ws.onopen = resolve; ws.onerror = reject; });
+  let id = 0;
+  const pending = new Map();
+  const events = [];
+  ws.onmessage = e => {
+    const msg = JSON.parse(e.data);
+    if (msg.id && pending.has(msg.id)) { pending.get(msg.id)(msg); pending.delete(msg.id); } else events.push(msg);
+  };
+  const send = (method, params = {}) => new Promise((resolve, reject) => {
+    const msgId = ++id;
+    pending.set(msgId, msg => (msg.error ? reject(new Error(`${method}: ${msg.error.message}`)) : resolve(msg.result)));
+    ws.send(JSON.stringify({ id: msgId, method, params }));
+  });
+  return { send, events, close: () => ws.close() };
+}
+
+const MEASURE = `(() => [...document.querySelectorAll('[data-node-id]')].map(el => {
+  const r = el.getBoundingClientRect(), s = getComputedStyle(el), n = v => parseFloat(v) || 0;
+  return { id: el.dataset.nodeId, width: r.width, height: r.height,
+    padding: [n(s.paddingTop), n(s.paddingRight), n(s.paddingBottom), n(s.paddingLeft)],
+    rowGap: n(s.rowGap), columnGap: n(s.columnGap),
+    radius: [n(s.borderTopLeftRadius), n(s.borderTopRightRadius), n(s.borderBottomRightRadius), n(s.borderBottomLeftRadius)],
+    fontSize: n(s.fontSize), fontWeight: n(s.fontWeight), lineHeight: s.lineHeight === 'normal' ? NaN : n(s.lineHeight),
+    color: s.color, background: s.backgroundColor };
+}))()`;
+
+async function measure(page, file) {
+  const raw = JSON.parse(readFileSync(file, 'utf8'));
+  const root = raw.context || raw;
+  const layers = walk(root);
+  const html = execFileSync(binary, ['--codegen', 'html-annotated', file], { encoding: 'utf8' });
+  const families = [...new Set(layers.map(n => n.text?.fontFamily).filter(Boolean))];
+  const fonts = families.map(f => `family=${encodeURIComponent(f)}:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400`).join('&');
+  const doc = `<!doctype html><html><head><meta charset="utf-8">
+<script src="https://cdn.tailwindcss.com/3.4.17"></script>
+${fonts ? `<link rel="stylesheet" href="https://fonts.googleapis.com/css2?${fonts}&display=block">` : ''}
+<style>${tokenCss(layers)} body{margin:0}</style></head><body>${html}</body></html>`;
+  const path = join(mkdtempSync(join(tmpdir(), 'codegen-page-')), 'index.html');
+  writeFileSync(path, doc);
+  const width = Math.ceil(root.size?.width || 1440);
+  await page.send('Emulation.setDeviceMetricsOverride', { width, height: Math.ceil(root.size?.height || 900), deviceScaleFactor: 1, mobile: false });
+  await page.send('Page.navigate', { url: `file://${path}` });
+  await page.send('Runtime.evaluate', { expression: 'new Promise(r => (document.readyState === "complete" ? r() : addEventListener("load", r))).then(() => document.fonts.ready).then(() => new Promise(r => setTimeout(r, 300)))', awaitPromise: true });
+  const { result } = await page.send('Runtime.evaluate', { expression: MEASURE, returnByValue: true });
+  const rendered = new Map(result.value.map(m => [m.id, m]));
+  const byGroup = new Map();
+  const misses = [];
+  let missing = 0;
+  for (const layer of layers) {
+    const got = rendered.get(layer.id);
+    if (!got) { if (layer.id && !layer.isMask) missing++; continue; }
+    for (const [group, expected, actual, tol] of checks(layer, got)) {
+      const ok = typeof expected === 'number' ? Math.abs(expected - actual) <= tol : expected === actual;
+      const g = byGroup.get(group) || { pass: 0, total: 0 };
+      g.total++; if (ok) g.pass++;
+      byGroup.set(group, g);
+      if (!ok) misses.push({ group, layer: `${layer.name} (${layer.id})`, expected, actual: typeof actual === 'number' ? Math.round(actual * 100) / 100 : actual });
+    }
+  }
+  return { byGroup, misses, missing, layers: layers.length };
+}
+
+const { chrome, port } = await launchChrome();
+let worst = 100;
+try {
+  const page = await cdpPage(port);
+  await page.send('Page.enable');
+  for (const file of files) {
+    const { byGroup, misses, missing, layers } = await measure(page, file);
+    const pass = [...byGroup.values()].reduce((a, g) => a + g.pass, 0);
+    const total = [...byGroup.values()].reduce((a, g) => a + g.total, 0);
+    const pct = total ? (pass * 100) / total : 0;
+    worst = Math.min(worst, pct);
+    console.log(`\n${file}: ${pct.toFixed(1)}% of ${total} checks match (${layers} layers${missing ? `, ${missing} not rendered` : ''})`);
+    for (const [group, g] of [...byGroup].sort()) console.log(`  ${group.padEnd(11)} ${String(g.pass).padStart(4)}/${String(g.total).padEnd(4)} ${((g.pass * 100) / g.total).toFixed(1)}%`);
+    for (const m of showAll ? misses : misses.slice(0, 12)) console.log(`  ✗ ${m.group} ${m.layer}: expected ${m.expected}, got ${m.actual}`);
+    if (!showAll && misses.length > 12) console.log(`  … ${misses.length - 12} more`);
+  }
+  page.close();
+} finally {
+  chrome.kill();
+}
+if (min != null && worst < min) {
+  console.error(`\nAccuracy ${worst.toFixed(1)}% is below --min ${min}%`);
+  process.exit(1);
+}

package/scripts/test-plugin-tokens.mjs

@@ -54,6 +54,17 @@ test('compact tree and scan preserve mixed typography instead of using the first
   assert.equal(r.resolveTextStyle(node).fontWeight, undefined);
 });
 
+test('text list formatting is reported only when every paragraph shares it', () => {
+  const r = runtime({ root: { id: '0:0' }, currentPage: { id: '0:1' } });
+  vm.runInContext(readFileSync('plugin-src/read-helpers.js', 'utf8'), r);
+  const text = lists => ({ type: 'TEXT', characters: 'Account', fontSize: 16, fontName: { family: 'Lato', style: 'Regular' },
+    getStyledTextSegments: () => lists.map(type => ({ listOptions: { type } })) });
+  assert.equal(r.resolveTextStyle(text(['UNORDERED'])).listType, 'UNORDERED');
+  assert.equal(r.resolveTextStyle(text(['ORDERED', 'ORDERED'])).listType, 'ORDERED');
+  assert.equal(r.resolveTextStyle(text(['UNORDERED', 'NONE'])).listType, undefined);
+  assert.equal(r.resolveTextStyle(text(['NONE'])).listType, undefined);
+});
+
 test('scan_design expands instances by default and flags opaque ones as incomplete', async () => {
   const text = { id: '1:3', name: 'Label', type: 'TEXT', characters: 'Hi', fontSize: 12, fontName: { family: 'Inter', style: 'Regular' }, visible: true };
   const inst = { id: '1:2', name: 'Button', type: 'INSTANCE', visible: true, children: [text], getMainComponentAsync: async () => null };
@@ -278,21 +289,33 @@ test('setup command prints scriptable choices when no terminal is attached', ()
 test('agent setup detects installed clients and preserves existing JSONC and TOML config', () => {
   const home = mkdtempSync(path.join(os.tmpdir(), 'figma-rust-mcp-'));
   try {
-    const env = { PATH: '' };
-    for (const dir of ['.codex', '.claude', '.antigravity-ide', '.cursor', '.codeium/windsurf', '.copilot', '.config/zed']) {
+    const bin = path.join(home, 'bin');
+    mkdirSync(bin);
+    writeFileSync(path.join(bin, 'gemini'), '');
+    const env = { PATH: bin };
+    for (const dir of ['.codex', '.claude', '.antigravity-ide', '.cursor', '.codeium/windsurf', '.config/Code', '.copilot', '.config/opencode', '.config/zed']) {
       mkdirSync(path.join(home, dir), { recursive: true });
     }
     const agents = detectAgents({ home, env, platform: 'linux' });
-    assert.deepEqual(agents.map(agent => agent.id), ['codex', 'claude', 'antigravity', 'cursor', 'windsurf', 'vscode', 'zed']);
-
-    for (const id of ['claude', 'antigravity', 'windsurf', 'vscode']) {
+    assert.deepEqual(agents.map(agent => agent.id), ['codex', 'claude', 'antigravity', 'cursor', 'windsurf', 'vscode', 'copilot', 'gemini', 'opencode', 'zed']);
+
+    const expected = {
+      claude: ['mcpServers', 'url', 'http://127.0.0.1:41730/mcp'],
+      antigravity: ['mcpServers', 'serverUrl', 'http://127.0.0.1:41730/sse'],
+      windsurf: ['mcpServers', 'serverUrl', 'http://127.0.0.1:41730/mcp'],
+      vscode: ['servers', 'url', 'http://127.0.0.1:41730/mcp'],
+      copilot: ['mcpServers', 'url', 'http://127.0.0.1:41730/mcp'],
+      gemini: ['mcpServers', 'httpUrl', 'http://127.0.0.1:41730/mcp'],
+      opencode: ['mcp', 'url', 'http://127.0.0.1:41730/mcp'],
+    };
+    for (const [id, [rootKey, key, value]] of Object.entries(expected)) {
       const agent = agents.find(candidate => candidate.id === id);
-      configureAgent(agent);
-      const config = parseJsonc(readFileSync(agent.configPath, 'utf8')).mcpServers['figma-rust-mcp'];
-      assert.ok(config);
-      if (id === 'antigravity') assert.equal(config.serverUrl, 'http://127.0.0.1:41730/sse');
-      else assert.equal(config.url, 'http://127.0.0.1:41730/mcp');
+      assert.equal(configureAgent(agent), true);
+      const config = parseJsonc(readFileSync(agent.configPath, 'utf8'))[rootKey]['figma-rust-mcp'];
+      assert.equal(config[key], value);
+      assert.equal(configureAgent(agent), false);
     }
+    assert.equal(agents.find(agent => agent.id === 'vscode').configPath, path.join(home, '.config', 'Code', 'User', 'mcp.json'));
 
     const cursor = agents.find(agent => agent.id === 'cursor');
     writeFileSync(cursor.configPath, '{\n  // keep this note\n  "mcpServers": { "other": { "url": "http://example.test" } }\n}\n');