batter-pixso-mcp 0.2.1 → 0.4.0

package/dist/index.js

@@ -1,50 +1,69 @@
 #!/usr/bin/env node
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/config.ts
-function log(...args) {
-  console.error("[batter-pixso-mcp]", ...args);
-}
-var config, VERSION;
-var init_config = __esm({
-  "src/config.ts"() {
-    "use strict";
-    config = {
-      /** 插件通信 HTTP 端口，仅监听 127.0.0.1 */
-      httpPort: Number(process.env.HTTP_PORT ?? 3210),
-      /** hub 空闲自毁阈值（无插件、无 agent 请求），默认 30 分钟 */
-      hubIdleMs: Number(process.env.HUB_IDLE_MS ?? 30 * 60 * 1e3),
-      /** 产物图片保留时长，默认 7 天 */
-      assetTtlMs: Number(process.env.ASSET_TTL_DAYS ?? 7) * 24 * 60 * 60 * 1e3
-    };
-    VERSION = "0.2.1";
-  }
-});
 
-// src/assets.ts
+// src/plugin/assets.ts
 import { createHash } from "node:crypto";
 import { mkdir, readdir, stat, unlink, writeFile } from "node:fs/promises";
+import { join as join2 } from "node:path";
+
+// src/config.ts
 import { tmpdir } from "node:os";
 import { join } from "node:path";
-function assetDir() {
-  return ASSETS_DIR;
+var VERSION = true ? "0.4.0" : "0.0.0-dev";
+var HUB_NAME = "batter-pixso-mcp";
+var ASSETS_DIR = join(tmpdir(), "batter-pixso-assets");
+var config = {
+  /** 插件通信 HTTP 端口，仅监听 127.0.0.1。与插件 UI 的 DEFAULT_PORT 互为默认对端，改默认需同步 */
+  httpPort: Number(process.env.HTTP_PORT ?? 3210),
+  /** hub 空闲自毁阈值（无插件、无 agent 请求），默认 30 分钟 */
+  hubIdleMs: Number(process.env.HUB_IDLE_MS ?? 30 * 60 * 1e3),
+  /** 产物图片保留时长，默认 7 天 */
+  assetTtlMs: Number(process.env.ASSET_TTL_DAYS ?? 7) * 24 * 60 * 60 * 1e3
+};
+function hubBaseUrl() {
+  return `http://127.0.0.1:${config.httpPort}`;
 }
+function log(...args) {
+  console.error("[batter-pixso-mcp]", ...args);
+}
+function withResolvers() {
+  let resolve;
+  let reject;
+  const promise = new Promise((res, rej) => {
+    resolve = res;
+    reject = rej;
+  });
+  return { promise, resolve, reject };
+}
+
+// src/plugin/assets.ts
+var EXT_BY_FORMAT = {
+  PNG: ".png",
+  SVG: ".svg",
+  JPG: ".jpg",
+  JPEG: ".jpg",
+  WEBP: ".webp",
+  PDF: ".pdf"
+  // export_image 尊重设计师导出标记，标记可能指定 PDF
+};
+var dirReady = null;
 async function saveAsset(bytes, format) {
-  await mkdir(ASSETS_DIR, { recursive: true });
+  dirReady ??= mkdir(ASSETS_DIR, { recursive: true });
+  await dirReady;
   const ext = EXT_BY_FORMAT[format.toUpperCase()] ?? ".bin";
   const name = `${createHash("sha1").update(bytes).digest("hex").slice(0, 16)}${ext}`;
-  const path = join(ASSETS_DIR, name);
-  await writeFile(path, bytes);
-  log(`asset saved: ${path} (${bytes.length} bytes)`);
-  return { name, path };
+  await writeFile(join2(ASSETS_DIR, name), bytes);
+  log(`asset saved: ${name} (${bytes.length} bytes)`);
+  return name;
+}
+function substituteAssets(result, assets) {
+  if (!assets.length) return result;
+  const nameByKey = new Map(assets.map((a) => [a.key, a.name]));
+  return JSON.parse(
+    JSON.stringify(
+      result,
+      (_k, v) => typeof v === "string" ? nameByKey.get(v) ?? v : v
+    )
+  );
 }
 async function cleanOldAssets(ttlMs) {
   let removed = 0;
@@ -57,7 +76,7 @@ async function cleanOldAssets(ttlMs) {
   }
   for (const name of names) {
     try {
-      const p = join(ASSETS_DIR, name);
+      const p = join2(ASSETS_DIR, name);
       const s = await stat(p);
       if (s.isFile() && s.mtimeMs < cutoff) {
         await unlink(p);
@@ -69,111 +88,125 @@ async function cleanOldAssets(ttlMs) {
   if (removed > 0) log(`assets cleanup: removed ${removed} expired file(s)`);
   return removed;
 }
-var ASSETS_DIR, EXT_BY_FORMAT;
-var init_assets = __esm({
-  "src/assets.ts"() {
-    "use strict";
-    init_config();
-    ASSETS_DIR = join(tmpdir(), "batter-pixso-assets");
-    EXT_BY_FORMAT = {
-      PNG: ".png",
-      SVG: ".svg",
-      JPG: ".jpg",
-      JPEG: ".jpg",
-      WEBP: ".webp",
-      PDF: ".pdf"
-      // export_image 尊重设计师导出标记，标记可能指定 PDF
-    };
-  }
-});
 
-// src/core/sessions.ts
+// src/plugin/sessions.ts
 import { randomUUID } from "node:crypto";
-var ONLINE_WINDOW_MS, SessionRegistry, sessions;
-var init_sessions = __esm({
-  "src/core/sessions.ts"() {
-    "use strict";
-    init_config();
-    ONLINE_WINDOW_MS = 45e3;
-    SessionRegistry = class {
-      sessions = /* @__PURE__ */ new Map();
-      lastActiveId = null;
-      isOnline(s) {
-        return s.connected || Date.now() - s.lastSeen < ONLINE_WINDOW_MS;
-      }
-      register(meta = {}) {
-        const session = { id: randomUUID(), meta, lastSeen: Date.now(), connected: false };
-        this.sessions.set(session.id, session);
-        this.lastActiveId = session.id;
-        log(`session registered: ${session.id} (${meta.fileName ?? "unknown file"})`);
-        return this.toInfo(session);
-      }
-      touch(id) {
-        const s = this.sessions.get(id);
-        if (!s) return null;
-        s.lastSeen = Date.now();
-        this.lastActiveId = id;
-        return s;
-      }
-      setConnected(id, connected) {
-        const s = this.touch(id);
-        if (!s) return false;
-        s.connected = connected;
-        return true;
-      }
-      updateContext(id, meta) {
-        const s = this.touch(id);
-        if (!s) return false;
-        s.meta = { ...s.meta, ...meta };
-        log(
-          `context updated [${id.slice(0, 8)}]: ${s.meta.fileName ?? "?"} / ${s.meta.pageName ?? "?"} / ${s.meta.selection?.length ?? 0} selected`
-        );
-        return true;
-      }
-      list() {
-        return [...this.sessions.values()].map((s) => this.toInfo(s));
-      }
-      anyOnline() {
-        return [...this.sessions.values()].some((s) => this.isOnline(s));
+var ONLINE_WINDOW_MS = 45e3;
+function unknownTargetError(target) {
+  return new Error(`\u627E\u4E0D\u5230\u76EE\u6807\u63D2\u4EF6\u4F1A\u8BDD\uFF1A${target}\u3002\u53EF\u7528 list_sessions \u67E5\u770B\u5F53\u524D\u8FDE\u63A5\u7684\u4F1A\u8BDD`);
+}
+var SessionRegistry = class {
+  sessions = /* @__PURE__ */ new Map();
+  lastActiveId = null;
+  /** 会话亲和：fileKey → 上一次路由使用的 sessionId（仍在线时优先，避免同文件多实例间漂移） */
+  lastUsedByFileKey = /* @__PURE__ */ new Map();
+  isOnline(s) {
+    return s.connected || Date.now() - s.lastSeen < ONLINE_WINDOW_MS;
+  }
+  /** fileKey 寻址候选：该文件的在线会话（谁先 pong 由 ping 竞速决定，此处不排序） */
+  candidatesForFileKey(fileKey) {
+    return [...this.sessions.values()].filter((s) => s.meta.fileKey === fileKey && this.isOnline(s));
+  }
+  /** 亲和查询：上一次为该 fileKey 服务的 sessionId */
+  affinityIdOf(fileKey) {
+    return this.lastUsedByFileKey.get(fileKey);
+  }
+  /** 亲和钉住：fileKey 寻址探活成功后记录（下次优先） */
+  pinAffinity(fileKey, sessionId) {
+    this.lastUsedByFileKey.set(fileKey, sessionId);
+  }
+  /** 剔除会话（幽灵剔除/ping 判死共用）：清理亲和引用；存活但繁忙被误剔的插件会在 SSE 断开或上报 404 后自重注册 */
+  evict(id) {
+    if (this.sessions.delete(id)) {
+      for (const [k, v] of this.lastUsedByFileKey) {
+        if (v === id) this.lastUsedByFileKey.delete(k);
       }
-      /** 路由：显式 sessionId > fileKey 匹配 > 最近活跃在线会话 */
-      resolve(target) {
-        if (target) {
-          const byId = this.sessions.get(target);
-          if (byId) return this.assertOnline(byId);
-          const byFile = [...this.sessions.values()].find((s) => s.meta.fileKey === target);
-          if (byFile) return this.assertOnline(byFile);
-          throw new Error(`\u627E\u4E0D\u5230\u76EE\u6807\u63D2\u4EF6\u4F1A\u8BDD\uFF1A${target}\u3002\u53EF\u7528 list_sessions \u67E5\u770B\u5F53\u524D\u8FDE\u63A5\u7684\u4F1A\u8BDD`);
-        }
-        if (this.lastActiveId) {
-          const s = this.sessions.get(this.lastActiveId);
-          if (s && this.isOnline(s)) return s;
+      log(`session evicted: ${id.slice(0, 8)}`);
+    }
+  }
+  register(meta = {}) {
+    if (meta.fileKey) {
+      for (const s of [...this.sessions.values()]) {
+        if (s.meta.fileKey === meta.fileKey && !this.isOnline(s)) {
+          this.evict(s.id);
         }
-        const fallback = [...this.sessions.values()].find((s) => this.isOnline(s));
-        if (fallback) return fallback;
-        throw new Error("Pixso \u63D2\u4EF6\u672A\u8FDE\u63A5\uFF1A\u8BF7\u5728 Pixso \u5BA2\u6237\u7AEF\u4E2D\u8FD0\u884C Batter Pixso Bridge \u63D2\u4EF6");
-      }
-      assertOnline(s) {
-        if (!this.isOnline(s)) throw new Error(`\u76EE\u6807\u63D2\u4EF6\u5DF2\u79BB\u7EBF\uFF1A${s.meta.fileName ?? s.id}`);
-        return s;
-      }
-      toInfo(s) {
-        return {
-          sessionId: s.id,
-          fileKey: s.meta.fileKey,
-          fileName: s.meta.fileName,
-          pageName: s.meta.pageName,
-          selectionCount: s.meta.selection?.length,
-          online: this.isOnline(s),
-          lastSeen: s.lastSeen
-        };
       }
+    }
+    const session = { id: randomUUID(), meta, lastSeen: Date.now(), connected: false };
+    this.sessions.set(session.id, session);
+    this.lastActiveId = session.id;
+    log(`session registered: ${session.id} (${meta.fileName ?? "unknown file"})`);
+    return this.toInfo(session);
+  }
+  /** 心跳/连接状态用：只刷 lastSeen，不影响 lastActiveId（"最近活跃"= 用户行为，心跳不算） */
+  touchSeen(id) {
+    const s = this.sessions.get(id);
+    if (!s) return null;
+    s.lastSeen = Date.now();
+    return s;
+  }
+  /** 用户行为（选区上报/命令服务/注册）：刷 lastSeen 并标记最近活跃 */
+  touch(id) {
+    const s = this.touchSeen(id);
+    if (!s) return null;
+    this.lastActiveId = id;
+    return s;
+  }
+  setConnected(id, connected) {
+    const s = this.touchSeen(id);
+    if (!s) return false;
+    s.connected = connected;
+    return true;
+  }
+  updateContext(id, meta) {
+    const s = this.touch(id);
+    if (!s) return false;
+    s.meta = { ...s.meta, ...meta };
+    log(
+      `context updated [${id.slice(0, 8)}]: ${s.meta.fileName ?? "?"} / ${s.meta.pageName ?? "?"} / ${s.meta.selection?.length ?? 0} selected`
+    );
+    return true;
+  }
+  list() {
+    return [...this.sessions.values()].map((s) => this.toInfo(s));
+  }
+  /** 纯查找（不判活）：工具层寻址用——离线会话也可取到 fileKey 用于候选扩展与故障转移 */
+  get(id) {
+    return this.sessions.get(id);
+  }
+  /** 缺省路由：最近活跃在线会话 > 任意在线会话（显式 target 由工具层 get/candidatesForFileKey + ping 完成） */
+  resolve() {
+    if (this.lastActiveId) {
+      const s = this.sessions.get(this.lastActiveId);
+      if (s && this.isOnline(s)) return s;
+    }
+    const fallback = [...this.sessions.values()].find((s) => this.isOnline(s));
+    if (fallback) return fallback;
+    throw new Error("Pixso \u63D2\u4EF6\u672A\u8FDE\u63A5\uFF1A\u8BF7\u5728 Pixso \u5BA2\u6237\u7AEF\u4E2D\u8FD0\u884C Batter Pixso Bridge \u63D2\u4EF6");
+  }
+  toInfo(s) {
+    return {
+      sessionId: s.id,
+      fileKey: s.meta.fileKey,
+      fileName: s.meta.fileName,
+      pageName: s.meta.pageName,
+      selectionCount: s.meta.selection?.length,
+      online: this.isOnline(s),
+      lastSeen: s.lastSeen
     };
-    sessions = new SessionRegistry();
   }
-});
+};
+var sessions = new SessionRegistry();
+
+// src/http.ts
+import { createServer } from "node:http";
+
+// src/agent/http.ts
+import { randomUUID as randomUUID2 } from "node:crypto";
+import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
+import { isInitializeRequest } from "@modelcontextprotocol/sdk/types.js";
 
-// src/routes/http-utils.ts
+// src/http-body.ts
 function sendJson(res, status, body) {
   res.writeHead(status, { "Content-Type": "application/json; charset=utf-8" });
   res.end(JSON.stringify(body));
@@ -183,1457 +216,1419 @@ async function readBody(req) {
   for await (const chunk of req) chunks.push(chunk);
   return Buffer.concat(chunks);
 }
-var init_http_utils = __esm({
-  "src/routes/http-utils.ts"() {
-    "use strict";
+var JsonBodyError = class extends Error {
+};
+async function readJsonBody(req) {
+  const buf = await readBody(req);
+  try {
+    return buf.length ? JSON.parse(buf.toString("utf8")) : {};
+  } catch {
+    throw new JsonBodyError("invalid json");
   }
-});
-
-// src/install/dist-resolver.ts
-import { existsSync } from "node:fs";
-import { readFile } from "node:fs/promises";
-import { join as join2 } from "node:path";
-import { fileURLToPath } from "node:url";
-function resolvePluginDir() {
-  const candidates = [
-    fileURLToPath(new URL("./plugin/", import.meta.url)),
-    // bundle: dist/index.js → dist/plugin/
-    fileURLToPath(new URL("../../plugin/dist/", import.meta.url)),
-    // bundle 开发: dist/index.js → packages/plugin/dist/
-    fileURLToPath(new URL("../../../plugin/dist/", import.meta.url))
-    // tsx 开发: src/install/ → packages/plugin/dist/
-  ];
-  return candidates.find((p) => existsSync(join2(p, "manifest.json"))) ?? null;
 }
-async function pluginManifest() {
-  if (!PLUGIN_DIR) return null;
-  const raw = JSON.parse(
-    await readFile(join2(PLUGIN_DIR, "manifest.json"), "utf8")
-  );
-  raw.networkAccess = {
-    allowedDomains: [`http://localhost:${config.httpPort}`, `http://127.0.0.1:${config.httpPort}`]
-  };
-  return Buffer.from(JSON.stringify(raw, null, 2));
+var segsCache = /* @__PURE__ */ new Map();
+function segsOf(template) {
+  let segs = segsCache.get(template);
+  if (!segs) {
+    segs = template.split("/");
+    segsCache.set(template, segs);
+  }
+  return segs;
 }
-async function readPluginFile(name) {
-  if (!PLUGIN_DIR) return null;
-  try {
-    return await readFile(join2(PLUGIN_DIR, name));
-  } catch {
-    return null;
+function matchPath(template, pathname) {
+  const tplSegs = segsOf(template);
+  const pathSegs = segsOf(pathname);
+  if (tplSegs.length !== pathSegs.length) return null;
+  const params = {};
+  for (let i = 0; i < tplSegs.length; i++) {
+    const t = tplSegs[i];
+    if (t.startsWith(":")) {
+      params[t.slice(1)] = decodeURIComponent(pathSegs[i]);
+    } else if (t !== pathSegs[i]) {
+      return null;
+    }
   }
+  return params;
 }
-var PLUGIN_DIR;
-var init_dist_resolver = __esm({
-  "src/install/dist-resolver.ts"() {
-    "use strict";
-    init_config();
-    PLUGIN_DIR = resolvePluginDir();
+async function dispatchRoute(routes, req, res, url) {
+  for (const route of routes) {
+    if (route.method !== req.method) continue;
+    const params = matchPath(route.path, url.pathname);
+    if (!params) continue;
+    try {
+      await route.handler({ req, res, url, params });
+    } catch (err) {
+      if (err instanceof JsonBodyError) {
+        if (!res.headersSent) sendJson(res, 400, { error: "invalid json" });
+      } else {
+        console.error("[batter-pixso-mcp] route handler error:", err);
+        if (!res.headersSent) sendJson(res, 500, { error: "internal error" });
+      }
+    }
+    return true;
   }
-});
+  return false;
+}
 
-// src/install/templates/bookmarklet.txt
-var bookmarklet_default;
-var init_bookmarklet = __esm({
-  "src/install/templates/bookmarklet.txt"() {
-    bookmarklet_default = '// Batter Bridge \u4E66\u7B7E\u6CE8\u5165\u811A\u672C\n// \u5728 Pixso / MasterGo \u7F51\u9875\u7248\u8BBE\u8BA1\u6587\u4EF6\u9875\u9762\u70B9\u51FB\u540E\u6267\u884C\uFF1A\n// \u4ECE\u672C\u670D\u52A1\u62C9\u53D6 manifest + code\uFF0C\u901A\u8FC7\u5BBF\u4E3B\u6CE8\u5165 API \u8FD0\u884C\u63D2\u4EF6\u3002\n// \u670D\u52A1\u4E0D\u53EF\u8FBE\u65F6\u56DE\u9000 localStorage \u7F13\u5B58\uFF08\u4E0A\u6B21\u6210\u529F\u62C9\u53D6\u7684\u63D2\u4EF6\u5305\uFF09\u3002\n// \u6E32\u67D3\u65F6 {{ base }} \u66FF\u6362\u4E3A\u670D\u52A1\u5730\u5740\uFF08JS \u5B57\u7B26\u4E32\u8F6C\u4E49\uFF09\uFF0C\u6574\u4F53 encodeURIComponent \u540E\u4F5C\u4E3A\u4E66\u7B7E href\u3002\n(function () {\n  var SERVER_BASE = "{{ base }}";\n  var CACHE_KEY = "batter-bridge-cache";\n\n  /** \u7528\u5BBF\u4E3B\u9875\u9762\u7684\u6CE8\u5165 API \u542F\u52A8\u63D2\u4EF6 */\n  function startPlugin(codeText, manifestText) {\n    try {\n      var manifest = JSON.parse(manifestText);\n      if (window._FicAppObj && window._FicAppObj.runTestPlugin) {\n        // MasterGo \u5BBF\u4E3B\n        window._FicAppObj.runTestPlugin(manifest, codeText, "", null, { startup: "DEBUG" });\n        return;\n      }\n      if (window.runNewPlugin) {\n        // Pixso \u5BBF\u4E3B\n        window.runNewPlugin(codeText, null, null, { manifest: manifest, plugin: manifest });\n        return;\n      }\n      alert("\u8BF7\u5728 Pixso / MasterGo \u8BBE\u8BA1\u6587\u4EF6\u9875\u9762\u70B9\u51FB\u6B64\u4E66\u7B7E");\n    } catch (err) {\n      alert("\u63D2\u4EF6\u542F\u52A8\u5931\u8D25\uFF1A" + ((err && err.message) || err));\n    }\n  }\n\n  /** \u5C1D\u8BD5\u7528\u7F13\u5B58\u7684\u63D2\u4EF6\u5305\u542F\u52A8\uFF1B\u65E0\u7F13\u5B58\u8FD4\u56DE false */\n  function startFromCache() {\n    try {\n      var cached = JSON.parse(localStorage.getItem(CACHE_KEY) || "null");\n      if (cached && cached.manifest && cached.code) {\n        startPlugin(cached.code, cached.manifest);\n        return true;\n      }\n    } catch (err) {\n      // \u7F13\u5B58\u635F\u574F\uFF1A\u89C6\u4E3A\u65E0\u7F13\u5B58\n    }\n    return false;\n  }\n\n  function saveCache(manifestText, codeText) {\n    try {\n      localStorage.setItem(CACHE_KEY, JSON.stringify({ manifest: manifestText, code: codeText }));\n    } catch (err) {\n      // \u5B58\u50A8\u8D85\u9650\u7B49\uFF1A\u7F13\u5B58\u53EA\u662F\u79BB\u7EBF\u515C\u5E95\uFF0C\u5931\u8D25\u53EF\u5FFD\u7565\n    }\n  }\n\n  function fetchText(path) {\n    return fetch(SERVER_BASE + path + "?t=" + Date.now(), { cache: "no-store" }).then(\n      function (res) {\n        if (!res.ok) throw new Error("HTTP " + res.status);\n        return res.text();\n      },\n    );\n  }\n\n  Promise.all([fetchText("manifest.json"), fetchText("code.js")])\n    .then(function (texts) {\n      var manifestText = texts[0];\n      var codeText = texts[1];\n      saveCache(manifestText, codeText);\n      startPlugin(codeText, manifestText);\n    })\n    .catch(function () {\n      if (!startFromCache()) {\n        alert("\u65E0\u6CD5\u8FDE\u63A5 batter-pixso-mcp \u670D\u52A1\uFF08" + SERVER_BASE + "\uFF09\uFF0C\u8BF7\u786E\u8BA4\u670D\u52A1\u5DF2\u542F\u52A8");\n      }\n    });\n})();\n';
-  }
-});
+// src/agent/mcp.ts
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import {
+  CallToolRequestSchema,
+  GetPromptRequestSchema,
+  ListPromptsRequestSchema,
+  ListResourceTemplatesRequestSchema,
+  ListToolsRequestSchema
+} from "@modelcontextprotocol/sdk/types.js";
 
-// src/install/templates/install-page.html
-var install_page_default;
-var init_install_page = __esm({
-  "src/install/templates/install-page.html"() {
-    install_page_default = `<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Batter Pixso Bridge \xB7 \u5B89\u88C5</title>
-<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6' fill='%23575BF2'/%3E%3Cpath d='M13 4 7.5 13.5H11L10 20l6.5-9.5H12.5Z' fill='%23fff'/%3E%3C/svg%3E">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
-<style>
-  :root {
-    --ink: #1e1e1e;
-    --sub: #6b6b6b;
-    --faint: #a3a3a3;
-    --line: #e8e8ea;
-    --panel: #f7f7f8;
-    --iris: #575bf2;
-    --iris-strong: #4346e0;
-    --iris-soft: #eef0fe;
-    --ok: #14ae5c;
-    --err: #f24822;
-    --radius: 6px;
-    --mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Mono", monospace;
-  }
-  * { box-sizing: border-box; margin: 0; padding: 0; }
-  html { -webkit-text-size-adjust: 100%; }
-  body {
-    background: #fff;
-    color: var(--ink);
-    font-family: Inter, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
-    font-feature-settings: "tnum" 1, "cv05" 1;
-    line-height: 1.5;
-    min-height: 100vh;
-  }
-  ::selection { background: var(--iris-soft); }
-  .page {
-    max-width: 680px;
-    margin: 0 auto;
-    padding: clamp(48px, 10vh, 96px) 24px 64px;
-    animation: enter 420ms cubic-bezier(0.2, 0.6, 0.2, 1) both;
-  }
-  @keyframes enter {
-    from { opacity: 0; transform: translateY(8px); }
-    to { opacity: 1; transform: none; }
-  }
-  a { color: var(--iris); text-decoration: none; }
-  a:focus-visible, button:focus-visible {
-    outline: 2px solid var(--iris);
-    outline-offset: 2px;
-    border-radius: 2px;
-  }
+// src/agent/guides.ts
+var INTRO = `# batter-pixso-mcp \u4F7F\u7528\u6307\u5357
 
-  /* \u2500\u2500 \u9876\u680F\uFF1A\u54C1\u724C + \u670D\u52A1\u72B6\u6001 \u2500\u2500 */
-  .top {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 16px;
-    margin-bottom: clamp(40px, 7vh, 72px);
-  }
-  .brand {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: -0.01em;
-  }
-  .brand svg { display: block; }
-  .brand .ver {
-    font-family: var(--mono);
-    font-weight: 400;
-    font-size: 11px;
-    color: var(--faint);
-    margin-left: 2px;
-  }
-  .status {
-    display: inline-flex;
-    align-items: center;
-    gap: 7px;
-    padding: 5px 10px;
-    border-radius: 999px;
-    background: var(--panel);
-    border: 1px solid var(--line);
-    font-size: 11px;
-    color: var(--sub);
-    white-space: nowrap;
-  }
-  .status .dot {
-    width: 6px;
-    height: 6px;
-    border-radius: 50%;
-    background: var(--faint);
-    flex-shrink: 0;
-    animation: pulse 2.2s ease-in-out infinite;
-  }
-  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
-  .status.ok { color: #0d7a3e; }
-  .status.ok .dot { background: var(--ok); }
-  .status.err { color: var(--err); }
-  .status.err .dot { background: var(--err); animation: none; }
+## \u5DE5\u5177\u603B\u89C8
 
-  /* \u2500\u2500 \u4E3B\u6807\u9898\u533A \u2500\u2500 */
-  h1 {
-    font-size: clamp(28px, 5vw, 38px);
-    font-weight: 650;
-    letter-spacing: -0.025em;
-    line-height: 1.2;
-    margin-bottom: 12px;
-  }
-  .sub {
-    font-size: 14px;
-    color: var(--sub);
-    max-width: 46em;
-    line-height: 1.7;
-    margin-bottom: clamp(40px, 7vh, 64px);
-  }
+| \u5DE5\u5177 | \u7528\u9014 |
+| --- | --- |
+| \`get_selected\` | \u8BFB\u753B\u5E03\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\uFF08guid\u3001\u540D\u79F0\u3001\u7C7B\u578B\u3001\u5C3A\u5BF8\uFF09 |
+| \`get_metadata\` | \u5168\u6811\u7ED3\u6784\u9AA8\u67B6\uFF08\u4EC5 id/name/type/kids\uFF0C\u65E0\u6837\u5F0F/\u5750\u6807/\u8D44\u6E90\uFF09\uFF0C\u9996\u6B21\u5B9A\u4F4D\u7528 |
+| \`get_node_dsl\` | \u751F\u6210\u8282\u70B9\u7684\u5F00\u53D1\u5411\u7CBE\u7B80 DSL\uFF08\u7ED3\u6784 + \u6837\u5F0F + \u8D44\u6E90\u6587\u4EF6\u540D\uFF09\uFF0C\u8BBE\u8BA1\u8F6C\u4EE3\u7801\u7684\u6838\u5FC3\u5165\u53E3 |
+| \`get_screenshot\` | \u5BFC\u51FA\u8282\u70B9\u622A\u56FE\uFF0C\u8FD4\u56DE\u56FE\u7247\u6587\u4EF6\u540D\uFF08\u672C\u673A\u8DEF\u5F84\u76F4\u8BFB\uFF09\uFF0C\u7528\u4E8E\u89C6\u89C9\u53C2\u7167/\u6821\u9A8C |
+| \`export_image\` | \u6309 guid \u5BFC\u51FA\u56FE\u7247\u7D20\u6750\uFF08\u5207\u56FE\uFF09\uFF1A\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6309\u8BBE\u8BA1\u5E08\u8BBE\u7F6E\u9010\u4EFD\u5BFC\u51FA\uFF0C\u65E0\u6807\u8BB0\u6309\u53C2\u6570\u515C\u5E95 |
+| \`list_sessions\` | \u5217\u51FA\u5168\u90E8\u63D2\u4EF6\u4F1A\u8BDD\uFF08\u591A\u6587\u4EF6\u573A\u666F\u8DEF\u7531\u7528\uFF09 |
 
-  /* \u2500\u2500 \u6B65\u9AA4\u5217\u8868\uFF1A\u53D1\u4E1D\u7EBF\u5206\u9694 \u2500\u2500 */
-  .steps { border-top: 1px solid var(--line); }
-  .step {
-    display: grid;
-    grid-template-columns: 44px 1fr;
-    gap: 4px 16px;
-    padding: 26px 0 28px;
-    border-bottom: 1px solid var(--line);
-  }
-  .num {
-    grid-row: 1 / span 2;
-    font-family: var(--mono);
-    font-size: 12px;
-    color: var(--faint);
-    padding-top: 3px;
-    font-variant-numeric: tabular-nums;
-  }
-  .step-head {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
-  .step-title {
-    font-size: 14px;
-    font-weight: 600;
-    letter-spacing: -0.01em;
+## \u94FE\u63A5\u5373\u8F93\u5165\uFF08\u9AD8\u9891\u573A\u666F\uFF09
+
+\u7528\u6237\u63D0\u4F9B Pixso \u94FE\u63A5\u65F6\uFF08\u5B98\u65B9 \`pixso.cn\` \u6216\u79C1\u6709\u5316\u90E8\u7F72\uFF0C\u4EFB\u610F\u57DF\u540D\uFF09\uFF0C\u94FE\u63A5\u672C\u8EAB\u5C31\u662F\u4EFB\u52A1\u8F93\u5165\u2014\u2014
+\u63D0\u53D6 \`item-id\` \u67E5\u8BE2\u53C2\u6570 \u2192 URL \u89E3\u7801 \u2192 \u5F97\u5230\u8282\u70B9 guid \u76F4\u63A5\u8C03\u7528\uFF0C\u65E0\u9700\u5148\u95EE\u7528\u6237\u9009\u4E2D\u4EC0\u4E48\u3002
+\u89C4\u5219\u5168\u6587\u89C1 \`batter://guides/design-to-code\` \u786C\u6027\u89C4\u5219\u7B2C 2 \u6761\u3002
+
+## \u591A\u6587\u4EF6\u573A\u666F
+
+\u6BCF\u4E2A\u8FD0\u884C\u63D2\u4EF6\u7684\u8BBE\u8BA1\u6587\u4EF6\u662F\u4E00\u4E2A\u4F1A\u8BDD\u3002\u591A\u4E2A\u6587\u4EF6\u540C\u65F6\u6253\u5F00\u65F6\uFF1A
+\u5148\u7528 \`list_sessions\` \u786E\u8BA4\u76EE\u6807\u6587\u4EF6\uFF0C\u518D\u628A\u8FD4\u56DE\u7684 \`sessionId\` \u6216 \`fileKey\`
+\u4F5C\u4E3A\u5176\u4ED6\u5DE5\u5177\u7684 \`target\` \u53C2\u6570\u4F20\u5165\uFF1B\u4E0D\u4F20 \`target\` \u65F6\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u7684\u6587\u4EF6\u3002
+
+**\u4F1A\u8BDD\u89E3\u6790\u4E0E\u4FE1\u5C01**\uFF1A\u63D2\u4EF6\u7C7B\u5DE5\u5177\u7684\u8FD4\u56DE\u7EDF\u4E00\u4E3A \`{sessionId, data}\`\u2014\u2014\`sessionId\` \u662F\u672C\u6B21\u5B9E\u9645\u670D\u52A1\u7684\u4F1A\u8BDD
+\uFF08\u6BCF\u6B21\u8C03\u7528\u7ECF ping/pong \u63A2\u6D3B\u91CD\u65B0\u786E\u8BA4\uFF0C\u4E0D\u662F\u53EF\u957F\u671F\u9489\u4F4F\u7684\u56FA\u5B9A\u6807\u8BC6\uFF09\u3002\u63A8\u8350 \`target\` \u7528 \`fileKey\`\uFF1A
+\u6BCF\u6B21\u8C03\u7528\u6309 fileKey \u91CD\u65B0\u5BFB\u5740\u2014\u2014\u540C fileKey \u591A\u4F1A\u8BDD\u65F6\u4F18\u5148\u4E0A\u4E00\u6B21\u4F7F\u7528\u7684\uFF08\u4EB2\u548C\uFF09\uFF0C\u6587\u4EF6\u5173\u95ED\u91CD\u5F00\u3001\u63D2\u4EF6\u91CD\u8DD1\u540E
+\u81EA\u52A8\u89E3\u6790\u5230\u5F53\u524D\u5B58\u6D3B\u5B9E\u4F8B\uFF0Cagent \u65E0\u9700\u5173\u5FC3 sessionId \u7684\u5931\u6548\u3002
+
+\u8BE6\u7EC6\u5DE5\u4F5C\u6D41\u89C1\u8D44\u6E90 \`batter://guides/design-to-code\`\u3002
+`;
+var DESIGN_TO_CODE = `# \u8BBE\u8BA1\u8F6C\u4EE3\u7801\u5DE5\u4F5C\u6D41
+
+## \u3010\u786C\u6027\u89C4\u5219 \xB7 \u8FDD\u53CD\u5373\u8FD4\u5DE5\u3011
+
+1. **\u8D44\u6E90\u662F\u672C\u673A\u6587\u4EF6\uFF0C\u6309\u9700\u53D6\u7528**\uFF1ADSL \u4E0E\u622A\u56FE\u7ED3\u679C\u4E2D\u7684 \`img\` \u5B57\u6BB5\u662F\u4EA7\u7269**\u6587\u4EF6\u540D**
+   \uFF08\u5982 \`"ab12cd34.svg"\`\uFF09\uFF0C\u5B8C\u6574\u8DEF\u5F84 = \u4EA7\u7269\u76EE\u5F55 + \u6587\u4EF6\u540D\uFF08\u901A\u5E38\u4E3A \`%TEMP%\\batter-pixso-assets\`\uFF09\u3002\u4EA7\u7269\u4E0E\u670D\u52A1\u540C\u673A\uFF0C\u76F4\u63A5\u8BFB\u6587\u4EF6\u7CFB\u7EDF\uFF1A
+   - **\u622A\u56FE\u7B49\u89C6\u89C9\u53C2\u7167**\uFF1A\u7528 Read \u5DE5\u5177\u76F4\u63A5\u8BFB\u8BE5\u8DEF\u5F84\u67E5\u770B\uFF0C\u65E0\u9700\u590D\u5236\u3002
+   - **\u8981\u5199\u8FDB\u4EA4\u4ED8\u4EE3\u7801\u7684\u56FE\u6807/\u56FE\u7247**\uFF1A**\u5FC5\u987B**\u5148\u590D\u5236\u5230\u9879\u76EE\u8D44\u6E90\u76EE\u5F55
+     \uFF08PowerShell \`Copy-Item\` / \u7C7B Unix \`cp\`\uFF09\uFF0C\u518D\u4EE5\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\u5F15\u7528
+     \uFF08\`<img src>\`\u3001CSS \`background-image\` \u7B49\uFF09\u3002\u4EA7\u7269\u6587\u4EF6\u540D\u662F\u5185\u5BB9 hash\uFF0C\u6CA1\u6709\u8BED\u4E49\u2014\u2014
+     **\u590D\u5236\u65F6\u6309\u8282\u70B9\u7528\u9014\u81EA\u884C\u547D\u540D\u8BED\u4E49\u5316\u6587\u4EF6\u540D**\uFF08\u5982 \`icon-arrow.svg\`\u3001\`hero-banner.png\`\uFF1B
+     \`export_image\` \u8FD4\u56DE\u7684 \`suffix\` \u5982 \`@2x\` \u5EFA\u8BAE\u4FDD\u7559\uFF09\uFF0C\u4E25\u7981\u628A hash \u6587\u4EF6\u540D\u5E26\u8FDB\u4EA4\u4ED8\u4EE3\u7801\u3002
+     \u4E25\u7981\u76F4\u63A5\u5F15\u7528\u4EA7\u7269\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84\uFF08\u4EA7\u7269\u9ED8\u8BA4 7 \u5929\u540E\u81EA\u52A8\u6E05\u626B\uFF0C\u5F15\u7528\u4F1A\u5931\u6548\uFF09\uFF1B
+     \u4E25\u7981\u79FB\u52A8\u6216\u5220\u9664\u4EA7\u7269\u76EE\u5F55\u4E0B\u7684\u6587\u4EF6\uFF08\u591A\u4F1A\u8BDD\u5171\u4EAB\uFF0C\u6E05\u626B\u7531\u670D\u52A1\u7EDF\u4E00\u8D1F\u8D23\uFF09\u3002
+2. **Pixso \u94FE\u63A5\u5FC5\u987B\u63D0\u53D6 \`item-id\` \u5F53 guid**\uFF1A\u4EFB\u610F\u57DF\u540D\u90FD\u6709\u6548\u2014\u2014\u5B98\u65B9 \`pixso.cn\` \u6216\u79C1\u6709\u5316\u90E8\u7F72\u5982
+   \`https://pixso.ky-tech.com.cn/app/design/<\u6587\u4EF6>?item-id=1%3A2\`\uFF08\u4E5F\u53EF\u80FD\u662F \`/app/editor/\` \u8DEF\u5F84\uFF09\u3002
+   \u4ECE \`item-id\` \u67E5\u8BE2\u53C2\u6570\u63D0\u53D6 guid \u5E76 URL \u89E3\u7801\uFF08\`1%3A2\` \u2192 \`"1:2"\`\uFF09\u540E\u4F5C\u4E3A \`guid\` \u4F20\u5165\u3002
+   \u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\uFF1B\u65E0\u8BBA\u57DF\u540D\u662F\u5426\u8BA4\u8BC6\uFF0C\u90FD\u6309\u6B64\u89C4\u5219\u5904\u7406\u3002
+
+## \u63A8\u8350\u6B65\u9AA4
+
+1. **\u786E\u8BA4\u76EE\u6807\u8282\u70B9**
+   - \u7528\u6237\u7ED9\u4E86 Pixso \u94FE\u63A5\uFF1A\u6309\u4E0A\u65B9\u786C\u6027\u89C4\u5219\u7B2C 2 \u6761\u63D0\u53D6 guid\uFF0C\u76F4\u63A5\u7EE7\u7EED\u3002
+   - \u7528\u6237\u660E\u786E\u8BF4\u4E86"\u8FD9\u4E2A/\u6211\u9009\u4E2D\u7684"\uFF1A\u8C03 \`get_selected\` \u62FF guid\uFF0C\u76F4\u63A5\u7EE7\u7EED\u3002
+   - \u5176\u4F59\u4F9D\u8D56\u5F53\u524D\u9009\u533A\u7684\u573A\u666F\uFF1A**\u4E25\u7981\u9690\u5F0F\u4F7F\u7528\u9009\u533A guid**\u2014\u2014\u8C03 \`get_selected\` \u540E
+     \u5FC5\u987B\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u518D\u7EE7\u7EED\u3002
+     \`get_node_dsl\` / \`get_screenshot\` \u7684 guid \u7F3A\u7701\u56DE\u9000\u540C\u6837\u9002\u7528\u672C\u89C4\u5219\u3002
+2. **\u53D6\u7ED3\u6784**\uFF1A\u63D2\u4EF6\u7C7B\u5DE5\u5177\u8FD4\u56DE\u7EDF\u4E00\u4E3A \`{sessionId, data}\` \u4FE1\u5C01\u2014\u2014DSL \u5728 \`data\` \u5B57\u6BB5\u91CC\u3002
+   \`get_node_dsl(guid)\` \u62FF\u7CBE\u7B80 DSL\u3002
+   **\u9996\u6B21\u63A5\u89E6\u4E00\u4E2A\u8BBE\u8BA1\u7A3F/\u9875\u9762**\uFF08\u8FD8\u6CA1\u6709\u76EE\u6807\u8282\u70B9\u7684\u4E0A\u4E0B\u6587\u65F6\uFF09\uFF1A\u5148 \`get_metadata(guid)\`
+   \u62FF\u5168\u6811\u9AA8\u67B6\uFF08\u4EC5 id/name/type/kids\uFF0C\u65E0\u6837\u5F0F/\u5750\u6807/\u8D44\u6E90\uFF0C\u4F53\u79EF\u6781\u5C0F\uFF09+ \`get_screenshot(guid)\` \u62FF\u89C6\u89C9\u5168\u8C8C\uFF0C
+   \u636E\u6B64\u5B9A\u4F4D\u76EE\u6807\u8282\u70B9\uFF0C\u518D\u5BF9\u76EE\u6807\u6B63\u5E38\u53D6 DSL\u3002\u9AA8\u67B6\u4E2D ICON/IMAGE \u53F6\u5B50\u65E0 \`img\`\u2014\u2014\u9700\u8D44\u6E90\u65F6\u6309\u5176 \`id\` \u4E0B\u94BB\u5168\u91CF DSL\u3002
+3. **\u53D6\u89C6\u89C9\u53C2\u7167**\uFF1A\`get_screenshot(guid)\` \u62FF\u622A\u56FE\u6587\u4EF6\u540D\uFF0C\u6309\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\u62FC\u8DEF\u5F84\u540E\u7528 Read \u76F4\u8BFB\uFF0C\u4E0E DSL \u5BF9\u7167\u7406\u89E3\u89C6\u89C9\u5C42\u7EA7\u3002
+4. **\u751F\u6210\u4EE3\u7801**\uFF1A\u6309\u4E0B\u6587 DSL \u8BED\u4E49\u6620\u5C04\u5230\u76EE\u6807\u6846\u67B6\u3002
+5. **\u6821\u9A8C**\uFF1A\u751F\u6210\u540E\u518D\u53D6\u4E00\u6B21\u622A\u56FE\u5BF9\u6BD4\uFF0C\u6709\u504F\u5DEE\u5C31\u4FEE\u6B63\u540E\u518D\u6BD4\u4E00\u8F6E\u3002
+
+## DSL \u5B57\u6BB5\u8BED\u4E49\uFF08\u7D27\u51D1\u683C\u5F0F\uFF09
+
+DSL \u662F\u5355\u884C\u7D27\u51D1 JSON\uFF1A\u77ED key\u3001\u4F4D\u7F6E\u6570\u7EC4\u3001\u9ED8\u8BA4\u503C\u7701\u7565\u3002\u56FE\u4F8B\uFF1A
+
+\`\`\`jsonc
+{
+  "id": "297:133032",          // \u8282\u70B9 guid\uFF0C\u53EF\u56DE\u4F20\u4E3A guid \u53C2\u6570\u5BF9\u8BE5\u8282\u70B9\u4E0B\u94BB\u8C03\u7528
+  "name": "\u65B0\u5BA2",               // \u56FE\u5C42\u540D\uFF1B\u81EA\u52A8\u547D\u540D\uFF08"Frame 3123" \u7C7B\uFF09\u5DF2\u7701\u7565
+  "type": "FRAME",             // \u8282\u70B9\u7C7B\u578B\uFF1BICON/IMAGE \u4E3A\u584C\u7F29\u53F6\u5B50
+  "rect": [0, 0, 375, 200],    // [x,y,w,h] \u7EDD\u5BF9\u5B9A\u4F4D
+  "layout": {                  // auto-layout \u2192 flex \u76F4\u8BD1\uFF08\u4EC5\u5BB9\u5668\u6709\uFF09
+    "dir": "row",              // row | column
+    "gap": 12,                 // \u4E3A 0 \u65F6\u7701\u7565
+    "pad": [16, 16, 16, 16],   // [\u4E0A,\u53F3,\u4E0B,\u5DE6]\uFF0C\u5168 0 \u65F6\u7701\u7565
+    "align": ["start", "center"],   // [\u4E3B\u8F74,\u4EA4\u53C9\u8F74]\uFF1Astart|center|end|space-between|baseline
+    "sizing": ["hug", "fixed"]      // [\u4E3B\u8F74,\u4EA4\u53C9\u8F74]\uFF1Ahug|fixed|fill
+  },
+  "text": {                    // \u4EC5\u6587\u672C\u8282\u70B9\uFF1B\u9ED8\u8BA4\u503C\u7701\u7565\uFF1Aalign=left\u3001lh=normal\u3001weight=Regular
+    "content": "...", "size": 14, "font": "PingFang SC",
+    "weight": "Medium", "lh": "22px", "align": "center",
+    "deco": "underline", "ls": "0.5px", "link": "https://...",  // \u6309\u9700
+    "segs": [                  // \u4EC5\u6DF7\u6392\u6587\u672C\uFF1Abase \u4E3A\u6700\u957F\u6BB5\u6837\u5F0F\uFF0C\u6BCF\u6BB5\u53EA\u5E26\u5DEE\u5F02\u5B57\u6BB5\uFF1B
+      { "text": "\u7406\u8D54\u4E2D\u5FC3", "weight": "Bold", "color": "p1" }   // \u6570\u7EC4\u987A\u5E8F\u5373\u5B57\u7B26\u504F\u79FB\uFF08start/end \u7701\u7565\uFF09
+    ]
+  },
+  "fills": ["p0", "linear-gradient(90deg, #fff 0%, #000 100%)"],  // CSS \u989C\u8272/\u6E10\u53D8
+  "stroke": "1px solid #e5e5e5",   // \u989C\u8272\u90E8\u5206\u4E5F\u53EF\u80FD\u662F "p0" \u8C03\u8272\u677F\u5F15\u7528
+  "radius": 8,                 // \u6216 [\u4E0A\u5DE6, \u4E0A\u53F3, \u4E0B\u53F3, \u4E0B\u5DE6]
+  "shadow": "0px 2px 8px rgba(0,0,0,0.1), inset 0px 1px 0px #fff",  // CSS box-shadow\uFF0C\u591A\u9634\u5F71\u9017\u53F7\u62FC\u63A5
+  "blur": "4px",               // \u56FE\u5C42\u6A21\u7CCA \u2192 CSS filter: blur()
+  "bgBlur": "8px",             // \u80CC\u666F\u6A21\u7CCA \u2192 CSS backdrop-filter
+  "constraints": { "h": "right", "v": "bottom" },  // \u7EDD\u5BF9\u5B9A\u4F4D\u5BB9\u5668\u5185\u7684\u7EA6\u675F\uFF08h: left|center|right|stretch|scale\uFF09\uFF0C\u9ED8\u8BA4 left/top \u4E0D\u8F93\u51FA
+  "opacity": 0.9,              // \u4E3A 1 \u65F6\u7701\u7565
+  "img": "ab12cd34.svg",       // \u53F6\u5B50\u8D44\u6E90\u6587\u4EF6\u540D\uFF08\u53D6\u7528\u89C4\u5219\u89C1\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\uFF09
+  "notes": ["\u70B9\u51FB\u8DF3\u8F6C\u9996\u9875"],    // \u8BBE\u8BA1\u6807\u6CE8\uFF08\u8BBE\u8BA1\u5E08\u5199\u5728\u8282\u70B9\u4E0A\u7684\u6CE8\u89E3\uFF09\uFF0C\u4EC5\u5B58\u5728\u65F6\u8F93\u51FA\u2014\u2014\u8FD8\u539F\u65F6\u4F18\u5148\u8003\u8651\u5176\u610F\u56FE
+  "comp": { "key": "abc123", "name": "Button/Large", "props": { "size": "large" } },  // \u7EC4\u4EF6\u5173\u8054\uFF08INSTANCE/COMPONENT/COMPONENT_SET\uFF09\uFF0C\u89C1\u4E0B\u6587\u300C\u7EC4\u4EF6\u5173\u8054\u300D
+  "palette": ["#1a73e8", "#f5222d"],  // \u8C03\u8272\u677F\uFF08\u4EC5\u6839\u8282\u70B9\uFF09\uFF0C"p0"/"p1" \u4E3A\u4E0B\u6807\u5F15\u7528
+  "depth": 6,                  // \u6574\u68F5\u6811\u5B9E\u9645\u6700\u5927\u6DF1\u5EA6\uFF08\u4EC5\u6839\u8282\u70B9\uFF0C\u603B\u662F\u8F93\u51FA\uFF0C\u4E0E\u622A\u65AD\u65E0\u5173\uFF09
+  "more": 3,                   // \u4EC5\u56E0 maxDepth \u622A\u65AD\u65F6\u51FA\u73B0\uFF1A\u8BE5\u8282\u70B9\u4E0B\u8FD8\u6709 3 \u7EA7\u672A\u5C55\u5F00\uFF0C\u62FF id \u56DE\u4F20 guid \u7EE7\u7EED\u4E0B\u94BB
+  "kids": []                   // \u5B50\u8282\u70B9\u9012\u5F52
+}
+\`\`\`
+
+**\u6DF1\u5EA6\u63A7\u5236**\uFF1A\`get_node_dsl\` \u7684 \`maxDepth\` \u53C2\u6570\u9650\u5236\u4E0B\u63A2\u5C42\u7EA7\uFF08\u6839\u4E3A\u7B2C 0 \u5C42\uFF0C\u7F3A\u7701\u4E0D\u9650\uFF09\u3002
+\u5927\u6811\u5206\u6BB5\u7B56\u7565\uFF1A\u5148 \`maxDepth: 0\` \u62FF\u6839\u8282\u70B9\uFF08\u542B \`depth\` \u603B\u6DF1\u5EA6\uFF09\u9884\u5224\u89C4\u6A21\uFF0C\u518D\u6309\u9700\u5BF9\u5E26 \`more\` \u6807\u8BB0\u7684\u5B50\u6811\u7528\u5176 \`id\` \u5355\u72EC\u4E0B\u94BB\u3002
+\u622A\u65AD\u8282\u70B9\u5E26 \`kidsSummary\`\uFF08\u76F4\u63A5\u5B50\u8282\u70B9\u7684 \`{id, name?, type}\` \u6D45\u9884\u89C8\uFF09\u2014\u2014\u636E\u6B64\u5224\u65AD\u54EA\u4E9B\u5206\u652F\u503C\u5F97\u5C55\u5F00\uFF0C\u4E0D\u5FC5\u76F2\u4E0B\u94BB\u6BCF\u4E2A \`more\` \u8282\u70B9\u3002
+
+**\u8C03\u8272\u677F\u89C4\u5219**\uFF1A\u540C\u4E00\u989C\u8272\uFF08\u5355\u8272\uFF0C\u542B rgba\uFF09\u51FA\u73B0 \u22652 \u6B21\u65F6\u63D0\u53D6\u5230\u6839\u8282\u70B9 \`palette\` \u6570\u7EC4\uFF0C
+\`fills\`\u3001\`text.color\`\u3001\`segs[].color\`\u3001\`stroke\` \u4E2D\u4EE5 \`"p0"\`\u3001\`"p1"\` \u5F15\u7528\uFF08\u4E0B\u6807\u5373 palette \u4E0B\u6807\uFF09\u3002
+\`shadow\`\u3001\`gradient\` \u7B49\u590D\u5408 CSS \u5B57\u7B26\u4E32\u5185\u90E8\u7684\u989C\u8272\u4FDD\u6301\u5B57\u9762\u503C\uFF0C\u4E0D\u67E5\u8868\u3002
+**palette \u989C\u8272\u4F18\u5148\u6620\u5C04\u5230\u9879\u76EE\u73B0\u6709 CSS \u53D8\u91CF/Tailwind \u4E3B\u9898\u8272**\uFF08\u5982 \`var(--primary)\`\u3001\`text-blue-500\`\uFF09\uFF0C\u5339\u914D\u4E0D\u4E0A\u624D\u7528\u88F8\u503C\u3002
+
+## \u9519\u8BEF\u6062\u590D
+
+- **\u7F3A guid**\uFF1A\u5411\u7528\u6237\u8981\u5B8C\u6574\u7684 Pixso \u94FE\u63A5\uFF08\u542B item-id \u67E5\u8BE2\u53C2\u6570\uFF09\uFF0C\u4E0D\u8981\u731C\u6D4B\u8282\u70B9 id\u3002
+- **\u547D\u4EE4\u8D85\u65F6/\u7ED3\u679C\u8FC7\u5927**\uFF1A\u5BF9\u76EE\u6807\u8282\u70B9\u7684\u5B50\u8282\u70B9\u7528 \`get_node_dsl\` + \u8F83\u4F4E \`maxDepth\` \u5206\u6BB5\u53D6\uFF0C\u4E0D\u8981\u6574\u6811\u4E00\u6B21\u62C9\u3002
+- **\u7ED3\u679C\u7591\u4F3C\u8FC7\u671F**\uFF08\u8BBE\u8BA1\u7A3F\u521A\u6539\u8FC7\uFF09\uFF1A\u7ED9\u5BFC\u51FA\u7C7B\u5DE5\u5177\u52A0 \`cache: "refresh"\` \u5F3A\u5236\u5237\u65B0\u3002
+- **\u63D2\u4EF6\u65E0\u54CD\u5E94**\uFF08ping \u63A2\u6D4B\u8D85\u65F6\uFF09\uFF1A\u63D2\u4EF6\u672A\u8FD0\u884C\u6216\u6B63\u5728\u6267\u884C\u957F\u547D\u4EE4\u2014\u2014\u7A0D\u540E\u91CD\u8BD5\uFF1B\u6587\u4EF6\u91CD\u5F00\u573A\u666F \`target\` \u7528 fileKey \u4F1A\u81EA\u52A8\u89E3\u6790\u5230\u65B0\u5B9E\u4F8B\u3002
+- **\u7981\u6B62\u4EC5\u51ED\u622A\u56FE\u786C\u7F16\u7801**\uFF1A\u622A\u56FE\u662F\u6821\u9A8C\u4E0E\u610F\u56FE\u53C2\u7167\uFF0C\u4E0D\u662F\u7ED3\u6784\u6765\u6E90\u2014\u2014\u7ED3\u6784\u4E00\u5F8B\u8D70 DSL\u3002
+
+## \u7EC4\u4EF6\u5173\u8054\uFF08comp \u5B57\u6BB5\uFF09
+
+INSTANCE / COMPONENT / COMPONENT_SET \u8282\u70B9\u5E26 \`comp\` \u5B57\u6BB5\uFF0C\u7528\u4E8E\u628A\u8BBE\u8BA1\u7A3F\u7EC4\u4EF6\u6620\u5C04\u5230\u524D\u7AEF\u7EC4\u4EF6\u5E93\uFF1A
+- \`comp.key\`\uFF1A\u7EC4\u4EF6\u8DE8\u6587\u4EF6\u7A33\u5B9A\u6807\u8BC6\uFF08\u53D1\u5E03\u5230\u56E2\u961F\u5E93\u540E\u4E0D\u53D8\uFF09\uFF0C\u662F\u540C\u7EC4\u4EF6\u4E0D\u540C\u5B9E\u4F8B\u7684\u552F\u4E00\u53EF\u9760\u5173\u8054\u952E\u3002
+- \`comp.name\`\uFF1A\u7EC4\u4EF6\u540D\uFF08\u5982 \`"Button/Large"\`\uFF09\uFF0C**\u6620\u5C04\u6743\u91CD\u6700\u9AD8\u7684\u4F9D\u636E**\u2014\u2014\u636E\u6B64\u5728\u9879\u76EE\u7EC4\u4EF6\u5E93\u4E2D\u627E\u5BF9\u5E94\u524D\u7AEF\u7EC4\u4EF6\uFF08\u540D\u5B57\u4E0D\u5FC5\u9010\u5B57\u76F8\u540C\uFF0C\u8BED\u4E49\u5BF9\u9F50\u5373\u53EF\uFF09\uFF0C\u627E\u4E0D\u5230\u624D\u624B\u5199\u3002
+- \`comp.props\`\uFF1Avariant \u5C5E\u6027\uFF08\u5982 \`{"size":"large","state":"hover"}\`\uFF09\uFF0C\u4EC5\u5B58\u5728\u65F6\u8F93\u51FA\u2014\u2014\u6620\u5C04\u5230\u524D\u7AEF\u7EC4\u4EF6\u7684 props\u3002
+- \`comp.set\`\uFF1A\u672C\u8282\u70B9\u662F variant \u7EC4\uFF08COMPONENT_SET\uFF09\uFF0C\u5176\u5B50\u8282\u70B9\u5404\u81EA\u5E26 \`comp.key\`\u3002
+\u584C\u7F29\u4E3A ICON \u7684\u7EC4\u4EF6\u5B9E\u4F8B\u540C\u6837\u5E26 \`comp\`\uFF08\u8D44\u6E90\u4E0E\u7EC4\u4EF6\u8EAB\u4EFD\u4E0D\u51B2\u7A81\uFF09\u3002
+
+## \u53F6\u5B50\u8282\u70B9\u4E0E\u56FE\u7247\u8D44\u6E90
+
+- \`type: "ICON"\`\uFF1A\u7EAF\u77E2\u91CF\u7EC4\u4EF6\u5B9E\u4F8B\uFF08icon\uFF09\uFF0C\`img\` \u4E3A **SVG** \u6587\u4EF6\u540D\u3002
+- \`type: "IMAGE"\`\uFF1A\u56FE\u7247\u586B\u5145\u8282\u70B9\uFF0C\`img\` \u4E3A **PNG** \u6587\u4EF6\u540D\u3002
+- \u6587\u4EF6\u540D\u62FC\u8DEF\u5F84\u4E0E\u53D6\u7528\u8981\u6C42\u89C1\u5F00\u5934\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\u3002
+- \u5BB9\u5668\u81EA\u8EAB\u6709\u5BFC\u51FA\u8BBE\u7F6E\u6807\u8BB0\u65F6\u4E5F\u4F1A\u584C\u7F29\u4E3A\u53F6\u5B50\uFF08\u5C0A\u91CD\u8BBE\u8BA1\u5E08\u7684\u5BFC\u51FA\u610F\u56FE\uFF09\u3002
+- **\u5DF2\u5E26 \`img\` \u7684\u8282\u70B9\u5728\u53D6 DSL \u65F6\u5DF2\u5B8C\u6210\u5BFC\u51FA**\uFF1A\u76F4\u63A5\u4F7F\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E25\u7981\u5BF9\u5B83\u4EEC\u518D\u8C03 \`export_image\`\uFF08\u91CD\u590D\u5BFC\u51FA\u540C\u4E00\u4EFD\u5185\u5BB9\uFF09\u3002
+  \`export_image\` \u4EC5\u7528\u4E8E DSL \u4E2D\u672A\u584C\u7F29\u7684\u8282\u70B9\uFF08\u4E3B\u52A8\u5207\u56FE\uFF09\u3002
+
+## \u6CE8\u610F
+
+- DSL \u662F**\u6709\u635F\u7CBE\u7B80**\uFF1A\u7701\u7565\u4E86\u5E03\u5C14\u8FD0\u7B97\u8DEF\u5F84\u3001\u8499\u7248\u7B49\u7EAF\u8BBE\u8BA1\u7EC6\u8282\uFF0C\u89C6\u89C9\u590D\u6742\u8282\u70B9\u4EE5\u622A\u56FE\u4E3A\u51C6\u3002
+- \u5BFC\u51FA\u7C7B\u5DE5\u5177\uFF08\`get_node_dsl\`/\`get_screenshot\`/\`export_image\`\uFF09\u5E26 15 \u5206\u949F\u7ED3\u679C\u7F13\u5B58\uFF08\u63D2\u4EF6\u4FA7 TTL\uFF09\uFF1B
+  \u8BBE\u8BA1\u7A3F\u521A\u6539\u8FC7\u4F46\u7ED3\u679C\u5BF9\u4E0D\u4E0A\u65F6\uFF0C\u52A0 \`cache: "refresh"\` \u5F3A\u5236\u5237\u65B0\u3002
+- \u591A\u6587\u4EF6\u573A\u666F\u6240\u6709\u5DE5\u5177\u90FD\u652F\u6301 \`target\` \u53C2\u6570\uFF08sessionId/fileKey\uFF09\uFF0C\u89C1 \`batter://guides/intro\`\u3002
+`;
+var GUIDES = [
+  {
+    name: "intro",
+    uri: "batter://guides/intro",
+    description: "batter-pixso-mcp \u6982\u89C8\uFF1A\u5DE5\u5177\u6E05\u5355\u3001\u94FE\u63A5\u63D0\u53D6 item-id\u3001\u591A\u6587\u4EF6\u4F1A\u8BDD\u8DEF\u7531\u3002",
+    text: INTRO
+  },
+  {
+    name: "design-to-code",
+    uri: "batter://guides/design-to-code",
+    description: "\u8BBE\u8BA1\u8F6C\u4EE3\u7801\uFF08\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F\uFF09\u5DE5\u4F5C\u6D41\uFF1A\u786C\u6027\u89C4\u5219\uFF08\u8D44\u6E90\u6309\u672C\u673A\u8DEF\u5F84\u53D6\u7528\u3001\u94FE\u63A5\u63D0\u53D6 item-id\uFF09\u3001DSL \u5B57\u6BB5\u8BED\u4E49\u3001\u89C6\u89C9\u6821\u9A8C\u3002",
+    text: DESIGN_TO_CODE
+  }
+];
+
+// src/agent/prompts.ts
+var DESIGN_TO_CODE2 = {
+  name: "design-to-code",
+  description: "\u8BBE\u8BA1\u7A3F\u8F6C\u524D\u7AEF\u4EE3\u7801\uFF08\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F\uFF09\uFF1A\u4ECE Pixso \u94FE\u63A5\u6216\u5F53\u524D\u9009\u533A\u53D6 DSL + \u622A\u56FE \u2192 \u751F\u6210 \u2192 \u622A\u56FE\u6821\u9A8C\u3002",
+  arguments: [
+    {
+      name: "url",
+      description: "Pixso \u94FE\u63A5\uFF08\u542B item-id \u67E5\u8BE2\u53C2\u6570\uFF0C\u4EFB\u610F\u57DF\u540D\uFF1A\u5B98\u65B9 pixso.cn \u6216\u79C1\u6709\u5316\u90E8\u7F72\uFF09\u3002\u7559\u7A7A\u5219\u4F7F\u7528\u753B\u5E03\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\u3002",
+      required: false
+    }
+  ],
+  render: (args) => {
+    const targetLine = args.url?.trim() ? `\u76EE\u6807\u8282\u70B9\u6765\u81EA\u94FE\u63A5\uFF1A${args.url.trim()}\u3002\u5FC5\u987B\u4ECE\u67E5\u8BE2\u53C2\u6570 \`item-id\` \u63D0\u53D6\u8282\u70B9 guid \u5E76 URL \u89E3\u7801\uFF08\`1%3A2\` \u2192 \`"1:2"\`\uFF09\u540E\u4F5C\u4E3A guid \u4F20\u5165\uFF1B\u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\u3002\u65E0\u8BBA\u57DF\u540D\u662F\u5426\u8BA4\u8BC6\uFF0C\u90FD\u6309\u6B64\u89C4\u5219\u5904\u7406\u3002` : `\u76EE\u6807\u8282\u70B9\u4E3A\u5F53\u524D\u9009\u533A\uFF1A\u8C03 \`get_selected\` \u62FF\u9009\u4E2D\u56FE\u5C42\u3002\u7981\u6B62\u9690\u5F0F\u4F7F\u7528\u5176 guid\u2014\u2014\u9664\u975E\u7528\u6237\u660E\u786E\u8BF4\u4E86"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\uFF0C\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u518D\u7EE7\u7EED\u3002`;
+    return [
+      {
+        role: "user",
+        content: {
+          type: "text",
+          text: [
+            `\u628A Pixso \u8BBE\u8BA1\u7A3F\u8FD8\u539F\u4E3A\u524D\u7AEF\u4EE3\u7801\u3002`,
+            ``,
+            `## \u3010\u786C\u6027\u89C4\u5219 \xB7 \u8FDD\u53CD\u5373\u8FD4\u5DE5\u3011`,
+            ``,
+            `**\u5199\u4EE3\u7801\u524D\u5FC5\u987B\u5148\u8BFB**\u8D44\u6E90 \`batter://guides/design-to-code\` \u5E76\u9075\u5B88\u5176\u5168\u90E8\u786C\u6027\u89C4\u5219\uFF08\u8D44\u6E90\u53D6\u7528/\u7EC4\u4EF6\u6620\u5C04/\u9519\u8BEF\u6062\u590D/\u7981\u6B62\u622A\u56FE\u786C\u7F16\u7801\uFF09\uFF1B\u603B\u89C8\u89C1 \`batter://guides/intro\`\u3002`,
+            ``,
+            `## \u6267\u884C\u6D41\u7A0B`,
+            ``,
+            `1. \u786E\u8BA4\u76EE\u6807\u8282\u70B9\uFF1A${targetLine}`,
+            `2. \u53D6\u6570\u636E\uFF1A\u63D2\u4EF6\u7C7B\u5DE5\u5177\u8FD4\u56DE\u7EDF\u4E00\u4E3A \`{sessionId, data}\` \u4FE1\u5C01\uFF0C\u53D6 \`data\` \u5B57\u6BB5\u3002\u9996\u6B21\u63A5\u89E6\u8BBE\u8BA1\u7A3F\uFF1A\u5148 \`get_metadata(guid)\` \u62FF\u5168\u6811\u9AA8\u67B6\u5B9A\u4F4D\u76EE\u6807 + \`get_screenshot(guid)\` \u62FF\u89C6\u89C9\u5168\u8C8C\uFF1B\u968F\u540E \`get_node_dsl(guid)\` \u62FF\u5168\u91CF DSL\uFF08\u7ED3\u6784\u5F88\u5927\u65F6\u7528 \`maxDepth\` \u5206\u6BB5\u4E0B\u63A2\u2014\u2014\u622A\u65AD\u5904\u8282\u70B9\u5E26 \`more\` \u6807\u8BB0\u4E0E \`kidsSummary\` \u6D45\u9884\u89C8\uFF0C\u62FF\u5176 \`id\` \u56DE\u4F20 \`guid\` \u4E0B\u94BB\uFF09\u3002DSL \u4E2D\u5DF2\u5E26 \`img\` \u7684\u8282\u70B9\uFF08ICON/IMAGE \u53F6\u5B50\uFF09\u5DF2\u5B8C\u6210\u5BFC\u51FA\uFF0C\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E0D\u8981\u518D\u8C03 \`export_image\`\u3002`,
+            `3. \u751F\u6210\u4EE3\u7801\uFF1A\u6309\u6307\u5357\u4E2D\u7684 DSL \u5B57\u6BB5\u8BED\u4E49\u6620\u5C04\u5230\u76EE\u6807\u6846\u67B6\u3002`,
+            `4. \u81EA\u68C0\uFF1A\u518D\u6B21\u8C03 \`get_screenshot(guid)\`\uFF0C\u4E0E\u4EE3\u7801\u6E32\u67D3\u7ED3\u679C\u5BF9\u6BD4\uFF0C\u6709\u504F\u5DEE\u5C31\u4FEE\u6B63\u540E\u518D\u6BD4\u4E00\u8F6E\uFF08\u5BFC\u51FA\u7C7B\u5DE5\u5177\u5E26 15 \u5206\u949F\u7F13\u5B58\uFF1B\u7ED3\u679C\u7591\u4F3C\u8FC7\u671F\u65F6\u52A0 \`cache: "refresh"\` \u5F3A\u5236\u5237\u65B0\uFF09\u3002`,
+            ``,
+            `**\u6700\u540E\u91CD\u7533**\uFF1A\u4EA4\u4ED8\u4EE3\u7801\u4E2D\u4E0D\u5141\u8BB8\u51FA\u73B0\u4EA7\u7269\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u5168\u90E8\u56FE\u7247\u5FC5\u987B\u662F\u5DF2\u590D\u5236\u5230\u9879\u76EE\u7684\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\uFF08\u7EC6\u5219\u89C1\u6307\u5357\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\uFF09\u3002`
+          ].join("\n")
+        }
+      }
+    ];
   }
-  .tag {
-    font-size: 11px;
-    font-weight: 500;
-    color: var(--iris);
-    background: var(--iris-soft);
-    padding: 2px 8px;
-    border-radius: 999px;
+};
+var PROMPTS = [DESIGN_TO_CODE2];
+
+// src/plugin/command-bus.ts
+var CommandBus = class {
+  sseListeners = /* @__PURE__ */ new Map();
+  pendingById = /* @__PURE__ */ new Map();
+  seq = 0;
+  /** AI 侧：执行命令 */
+  execute(type, args, opts) {
+    const timeoutMs = opts.timeoutMs ?? 6e4;
+    const { promise, resolve, reject } = withResolvers();
+    const command = { id: `cmd-${++this.seq}`, type, args };
+    const entry = {
+      command,
+      sessionId: opts.sessionId,
+      resolve,
+      reject,
+      dispatched: false,
+      timer: setTimeout(() => {
+        this.drop(entry);
+        reject(new Error(`\u547D\u4EE4 ${command.id} \u8D85\u65F6\uFF1A\u63D2\u4EF6 ${timeoutMs / 1e3}s \u5185\u672A\u8FD4\u56DE\u7ED3\u679C`));
+      }, timeoutMs)
+    };
+    opts.signal?.addEventListener("abort", () => {
+      if (!this.pendingById.has(command.id)) return;
+      this.drop(entry);
+      reject(new Error(`\u547D\u4EE4 ${command.id} \u5DF2\u88AB\u8C03\u7528\u65B9\u53D6\u6D88`));
+    });
+    this.pendingById.set(command.id, entry);
+    this.dispatch(opts.sessionId);
+    return promise;
+  }
+  /** 插件侧：订阅即时推送（SSE 通道），返回退订函数；补发订阅前已入队的命令 */
+  subscribe(sessionId, listener) {
+    let subs = this.sseListeners.get(sessionId);
+    if (!subs) {
+      subs = /* @__PURE__ */ new Set();
+      this.sseListeners.set(sessionId, subs);
+    }
+    subs.add(listener);
+    this.dispatch(sessionId);
+    return () => {
+      subs.delete(listener);
+      if (subs.size === 0) this.sseListeners.delete(sessionId);
+    };
   }
-  .step-body { grid-column: 2; }
-  .note {
-    font-size: 12.5px;
-    color: var(--sub);
-    line-height: 1.75;
-    max-width: 60em;
+  /** 插件侧：回传结果 */
+  complete(id, ok, resultOrError) {
+    const entry = this.pendingById.get(id);
+    if (!entry) return false;
+    this.drop(entry);
+    if (ok) {
+      entry.resolve(resultOrError);
+    } else {
+      entry.reject(resultOrError instanceof Error ? resultOrError : new Error(String(resultOrError)));
+    }
+    return true;
   }
-  .note strong { color: var(--ink); font-weight: 600; }
-  code {
-    font-family: var(--mono);
-    background: var(--panel);
-    border: 1px solid var(--line);
-    color: var(--ink);
-    padding: 0.5px 5px;
-    border-radius: 4px;
-    font-size: 11px;
+  /** 排空该会话全部未派发命令（无订阅者则留待 subscribe 补发） */
+  dispatch(sessionId) {
+    const subs = this.sseListeners.get(sessionId);
+    if (!subs || subs.size === 0) return;
+    for (const entry of this.pendingById.values()) {
+      if (entry.sessionId !== sessionId || entry.dispatched) continue;
+      entry.dispatched = true;
+      log(`dispatch command ${entry.command.id}: ${entry.command.type} -> session ${sessionId.slice(0, 8)}`);
+      for (const fn of subs) fn(entry.command);
+    }
   }
-  .actions { display: flex; align-items: center; gap: 12px; margin: 14px 0 10px; }
+  /** 从 pending 表移除（完成/超时/取消共用） */
+  drop(entry) {
+    clearTimeout(entry.timer);
+    this.pendingById.delete(entry.command.id);
+  }
+};
+var commandBus = new CommandBus();
 
-  /* \u4E3B\u6309\u94AE\uFF1A\u53EF\u62D6\u62FD\u7684\u4E66\u7B7E */
-  .bm {
-    display: inline-flex;
-    align-items: center;
-    gap: 8px;
-    padding: 9px 18px;
-    background: var(--iris);
-    color: #fff;
-    border-radius: var(--radius);
-    font-size: 13px;
-    font-weight: 600;
-    letter-spacing: -0.01em;
-    cursor: grab;
-    box-shadow: 0 1px 2px rgba(30, 30, 30, 0.08);
-    transition: background 140ms ease, transform 140ms ease;
-    user-select: none;
+// src/agent/tools/shared.ts
+var PING_TIMEOUT_MS = 800;
+async function run(type, args, signal) {
+  const { target, ...rest } = args;
+  try {
+    const session = await resolveAndPing(target, signal);
+    const data = await commandBus.execute(type, rest, { sessionId: session.id, signal });
+    sessions.touch(session.id);
+    return jsonResult({ sessionId: session.id, data });
+  } catch (err) {
+    return errorResult(err);
   }
-  .bm:hover { background: var(--iris-strong); }
-  .bm:active { cursor: grabbing; transform: scale(0.985); }
-  .drag-hint {
-    font-size: 12px;
-    color: var(--faint);
+}
+async function pingSession(sessionId, signal) {
+  try {
+    await commandBus.execute("ping", {}, { sessionId, timeoutMs: PING_TIMEOUT_MS, signal });
+    return true;
+  } catch (err) {
+    if (signal?.aborted) throw err;
+    return false;
   }
-
-  /* \u6B21\u7EA7\u6309\u94AE */
-  .btn {
-    display: inline-flex;
-    align-items: center;
-    gap: 7px;
-    padding: 8px 14px;
-    border: 1px solid var(--line);
-    border-radius: var(--radius);
-    background: #fff;
-    color: var(--ink);
-    font-size: 13px;
-    font-weight: 500;
-    letter-spacing: -0.01em;
-    text-decoration: none;
-    transition: border-color 140ms ease, background 140ms ease;
+}
+async function pingCandidates(candidates, affinityId, signal) {
+  const check = async (c) => {
+    if (await pingSession(c.id, signal)) return c;
+    throw new Error("no pong");
+  };
+  const affinity = candidates.find((c) => c.id === affinityId);
+  try {
+    if (affinity && await pingSession(affinity.id, signal)) return affinity;
+    const rest = affinity ? candidates.filter((c) => c !== affinity) : candidates;
+    return await Promise.any(rest.map(check));
+  } catch {
+    if (signal?.aborted) throw new Error("\u547D\u4EE4\u5DF2\u88AB\u8C03\u7528\u65B9\u53D6\u6D88");
+    return null;
   }
-  .btn:hover { border-color: #d2d2d6; background: var(--panel); }
-  .btn svg { display: block; color: var(--sub); }
+}
+async function resolveAndPing(target, signal) {
+  const s = target ? sessions.get(target) : sessions.resolve();
+  const fileKey = s ? s.meta.fileKey : target;
+  const candidates = s && !fileKey ? [s] : sessions.candidatesForFileKey(fileKey);
+  if (candidates.length === 0) {
+    if (s) throw new Error(`\u76EE\u6807\u63D2\u4EF6\u5DF2\u79BB\u7EBF\uFF1A${s.meta.fileName ?? s.id}\uFF08\u91CD\u65B0\u6253\u5F00\u6587\u4EF6\u5E76\u8FD0\u884C\u63D2\u4EF6\u540E\u91CD\u8BD5\uFF09`);
+    throw unknownTargetError(target);
+  }
+  const winner = await pingCandidates(candidates, fileKey ? sessions.affinityIdOf(fileKey) : void 0, signal);
+  if (!winner) {
+    for (const c of candidates) sessions.evict(c.id);
+    throw new Error(
+      `\u63D2\u4EF6\u65E0\u54CD\u5E94\uFF08${PING_TIMEOUT_MS}ms \u672A\u56DE pong\uFF09\uFF1A${fileKey ?? target}\u2014\u2014\u63D2\u4EF6\u672A\u8FD0\u884C\uFF0C\u6216\u6B63\u5728\u6267\u884C\u957F\u547D\u4EE4\uFF08\u7A0D\u540E\u91CD\u8BD5\uFF09`
+    );
+  }
+  if (fileKey) sessions.pinAffinity(fileKey, winner.id);
+  return winner;
+}
+var ENVELOPE_NOTE = "\u8FD4\u56DE\u5C01\u88C5\u4E3A {sessionId, data}\uFF08\u9519\u8BEF\u4E3A isError \u6587\u672C\uFF0C\u4E0D\u542B\u4FE1\u5C01\uFF09\uFF1AsessionId \u662F ping/pong \u786E\u8BA4\u7684\u5B9E\u9645\u670D\u52A1\u4F1A\u8BDD\uFF1Btarget \u7528 fileKey \u6700\u7A33\u2014\u2014\u6587\u4EF6\u91CD\u5F00\u540E\u81EA\u52A8\u89E3\u6790\u5230\u5B58\u6D3B\u5B9E\u4F8B\uFF08\u591A\u5B9E\u4F8B\u4F18\u5148\u4E0A\u4E00\u6B21\u4F7F\u7528\u7684\uFF09\u3002";
+var GUIDES_PTR = "\u5B8C\u6574\u89C4\u5219\uFF08\u8D44\u6E90\u53D6\u7528/\u7EC4\u4EF6\u6620\u5C04/\u9519\u8BEF\u6062\u590D/\u7981\u6B62\u622A\u56FE\u786C\u7F16\u7801\uFF09\u89C1\u8D44\u6E90 batter://guides/design-to-code\u3002";
+var TARGET_PROP = {
+  type: "string",
+  description: "\u76EE\u6807\u63D2\u4EF6\u4F1A\u8BDD\uFF08sessionId \u6216 fileKey\uFF09\u3002\u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u5F00\u63D2\u4EF6\u65F6\u624D\u9700\u8981\uFF1B\u7F3A\u7701\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u6587\u4EF6\u3002\u53EF\u7528 list_sessions \u67E5\u770B\u5F53\u524D\u4F1A\u8BDD\u3002"
+};
+var CACHE_PROP = {
+  type: "string",
+  enum: ["first", "refresh"],
+  description: "\u7F13\u5B58\u7B56\u7565\uFF1Afirst=\u7F13\u5B58\u4F18\u5148\uFF08\u9ED8\u8BA4\uFF0C15 \u5206\u949F\u5185\u76F8\u540C\u8C03\u7528\u76F4\u63A5\u8FD4\u56DE\uFF09\uFF1Brefresh=\u5F3A\u5236\u91CD\u65B0\u6784\u5EFA/\u5BFC\u51FA\uFF08\u4ECD\u5199\u5165\u7F13\u5B58\uFF09\u3002\u8BBE\u8BA1\u7A3F\u521A\u6539\u8FC7\u4E14\u7ED3\u679C\u5BF9\u4E0D\u4E0A\u65F6\u7528 refresh\u3002"
+};
+var GUID_PROP = {
+  type: "string",
+  description: '\u8282\u70B9 GUID\uFF08\u5982 "297:133032"\uFF09\u3002\u94FE\u63A5\u8F93\u5165\uFF1A\u4ECE item-id \u63D0\u53D6\u5E76 URL \u89E3\u7801\u540E\u4F20\u5165\uFF1B\u7F3A\u7701\u56DE\u9000\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\uFF08\u7981\u6B62\u9690\u5F0F\u4F7F\u7528\u2014\u2014\u9009\u4E2D\u786E\u8BA4\u89C4\u5219\u89C1 get_selected\uFF09\u3002'
+};
+function jsonResult(data) {
+  return { content: [{ type: "text", text: JSON.stringify(data) }] };
+}
+function errorResult(err) {
+  return {
+    content: [{ type: "text", text: err instanceof Error ? err.message : String(err) }],
+    isError: true
+  };
+}
 
-  /* MCP \u914D\u7F6E\u4EE3\u7801\u5757 */
-  .cfg {
-    position: relative;
-    margin: 14px 0 10px;
+// src/agent/tools/export_image.ts
+var exportImage = {
+  description: '\u3010\u7528\u9014\u3011\u5BFC\u51FA\u8282\u70B9\u7684\u56FE\u7247\u7D20\u6750\uFF08\u5207\u56FE\uFF09\uFF0C\u4F9B\u4EA4\u4ED8\u4EE3\u7801\u4F7F\u7528\u3002\u5355\u8282\u70B9\u4F20 guid\uFF1B\u591A\u8282\u70B9\u4F20 guids \u6570\u7EC4\u6279\u91CF\u3002DSL \u4E2D\u5DF2\u5E26 img \u7684\u8282\u70B9\uFF08ICON/IMAGE \u53F6\u5B50\uFF09\u5728\u53D6 DSL \u65F6\u5DF2\u5BFC\u51FA\uFF0C\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E25\u7981\u5BF9\u672C\u7C7B\u8282\u70B9\u91CD\u590D\u8C03\u7528\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011"\u5207\u56FE/\u5BFC\u51FA\u56FE\u6807/\u5BFC\u51FA\u56FE\u7247\u7D20\u6750/\u628A\u67D0\u4E2A\u8282\u70B9\u5B58\u6210\u56FE\u7247"\u3002\u8981\u89C6\u89C9\u53C2\u7167\u7528 get_screenshot\u3002\u3010\u8FD4\u56DE\u3011\u5355\u8282\u70B9 {width, height, exports: [{img, format, scale?, suffix?}]}\uFF1B\u6279\u91CF {items: [{guid, width, height, exports}]}\u3002\u8282\u70B9\u5E26\u8BBE\u8BA1\u5E08\u5BFC\u51FA\u8BBE\u7F6E\u65F6\u6309\u5176\u8BBE\u7F6E\u9010\u4EFD\u5BFC\u51FA\uFF08format/scale \u53C2\u6570\u5931\u6548\uFF09\uFF1B\u65E0\u6807\u8BB0\u6309\u53C2\u6570\u5BFC\u51FA\u5355\u4EFD\uFF08\u9ED8\u8BA4 PNG\u30012x\uFF09\u3002suffix\uFF08\u5982 "@2x"\uFF09\u590D\u5236\u8FDB\u9879\u76EE\u65F6\u4FDD\u7559\u547D\u540D\u3002\u3010\u786C\u6027\u89C4\u5219\u3011' + GUIDES_PTR + " " + ENVELOPE_NOTE,
+  inputSchema: {
+    type: "object",
+    properties: {
+      guid: GUID_PROP,
+      guids: {
+        type: "array",
+        items: { type: "string" },
+        description: "\u6279\u91CF\u5BFC\u51FA\uFF1A\u8282\u70B9 GUID \u6570\u7EC4\uFF08\u4E0E guid \u4E8C\u9009\u4E00\uFF09\u3002\u591A\u8282\u70B9\u573A\u666F\u4F18\u5148\u7528\u6279\u91CF\uFF0C\u907F\u514D\u9010\u4E2A\u8C03\u7528\u3002"
+      },
+      format: {
+        type: "string",
+        enum: ["PNG", "SVG", "JPG"],
+        description: "\u65E0\u5BFC\u51FA\u6807\u8BB0\u65F6\u7684\u515C\u5E95\u683C\u5F0F\uFF0C\u9ED8\u8BA4 PNG\u3002\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6B64\u53C2\u6570\u65E0\u6548\u3002"
+      },
+      scale: {
+        type: "number",
+        description: "\u65E0\u5BFC\u51FA\u6807\u8BB0\u65F6\u7684\u515C\u5E95\u500D\u7387\uFF0C\u9ED8\u8BA4 2\u3002\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6B64\u53C2\u6570\u65E0\u6548\u3002"
+      },
+      cache: CACHE_PROP,
+      target: TARGET_PROP
+    }
   }
-  pre {
-    background: var(--panel);
-    border: 1px solid var(--line);
-    border-radius: 8px;
-    padding: 14px 16px;
-    font-family: var(--mono);
-    font-size: 12px;
-    line-height: 1.7;
-    color: #3c3c3c;
-    overflow-x: auto;
+};
+
+// src/agent/tools/get_metadata.ts
+var getMetadata = {
+  description: '\u3010\u7528\u9014\u3011\u5168\u6811\u7ED3\u6784\u9AA8\u67B6\uFF08\u4EC5 id/name/type/kids\uFF0C\u65E0\u6837\u5F0F/\u5750\u6807/\u8D44\u6E90\uFF0C\u4F53\u79EF\u6781\u5C0F\uFF09\u3002\u9996\u6B21\u63A5\u89E6\u8BBE\u8BA1\u7A3F\u65F6\uFF1A\u672C\u5DE5\u5177 + get_screenshot \u5B9A\u4F4D\u76EE\u6807\u8282\u70B9\uFF0C\u518D\u5BF9\u76EE\u6807\u8C03 get_node_dsl \u53D6\u5168\u91CF\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u9996\u6B21\u63A5\u89E6\u8BBE\u8BA1\u7A3F\uFF1B"\u9875\u9762\u91CC\u6709\u6CA1\u6709 XX"\uFF1B\u6309\u540D\u5B57\u627E\u8282\u70B9\uFF1B\u53EA\u8981\u7ED3\u6784\u6982\u89C8\u4E0D\u8981\u6837\u5F0F\u3002\u3010\u8FD4\u56DE\u3011\u7D27\u51D1 JSON\uFF1A{id, name?, type, kids: \u9012\u5F52}\uFF1BICON/IMAGE \u53F6\u5B50\u65E0 img\uFF08\u9700\u8D44\u6E90\u65F6\u6309 id \u8C03 get_node_dsl\uFF09\u3002\u3010\u786C\u6027\u89C4\u5219\u3011' + GUIDES_PTR + " " + ENVELOPE_NOTE,
+  inputSchema: {
+    type: "object",
+    properties: {
+      guid: GUID_PROP,
+      cache: CACHE_PROP,
+      target: TARGET_PROP
+    }
   }
-  .copy {
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    padding: 4px 10px;
-    font-family: inherit;
-    font-size: 11px;
-    font-weight: 500;
-    color: var(--sub);
-    background: #fff;
-    border: 1px solid var(--line);
-    border-radius: var(--radius);
-    cursor: pointer;
-    transition: color 140ms ease, border-color 140ms ease;
+};
+
+// src/agent/tools/get_node_dsl.ts
+var URL_RULE = '1. \u94FE\u63A5\u8F93\u5165\uFF1A\u5FC5\u987B\u4ECE item-id \u67E5\u8BE2\u53C2\u6570\u63D0\u53D6\u8282\u70B9 guid \u5E76 URL \u89E3\u7801\uFF081%3A2 \u2192 "1:2"\uFF09\uFF0C\u628A\u89E3\u7801\u503C\u4F5C\u4E3A guid \u4F20\u5165\uFF1B\u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\u3002\u4EFB\u610F\u57DF\u540D\u90FD\u6709\u6548\uFF1A\u5B98\u65B9 pixso.cn \u6216\u79C1\u6709\u5316\u90E8\u7F72\uFF08\u5982 pixso.ky-tech.com.cn\uFF09\uFF0C\u683C\u5F0F\u5F62\u5982 https://<\u57DF\u540D>/app/design/<\u6587\u4EF6>?item-id=1%3A2\uFF08\u4E5F\u53EF\u80FD\u662F /app/editor/ \u8DEF\u5F84\uFF09\u3002';
+var DSL_LEGEND = '\u5B57\u6BB5\u56FE\u4F8B\uFF1Aid=\u8282\u70B9 guid\uFF08\u53EF\u56DE\u4F20 guid \u4E0B\u94BB\uFF09\uFF1Bname=\u56FE\u5C42\u540D\uFF08\u81EA\u52A8\u547D\u540D\u5DF2\u7701\u7565\uFF09\uFF1Btype=\u8282\u70B9\u7C7B\u578B\uFF08ICON/IMAGE \u4E3A\u584C\u7F29\u53F6\u5B50\uFF09\uFF1Brect=[x,y,w,h] \u7EDD\u5BF9\u5B9A\u4F4D\uFF1Blayout={dir:row|column, gap, pad:[\u4E0A,\u53F3,\u4E0B,\u5DE6], align:[\u4E3B\u8F74,\u4EA4\u53C9\u8F74], sizing:[hug|fixed|fill]\xD72}\uFF1Bconstraints={h,v}\uFF08\u9ED8\u8BA4 left/top \u7701\u7565\uFF09\uFF1Btext={content, size, font, weight, lh, align, color, deco, ls, link, segs=\u6DF7\u6392\u5206\u6BB5\uFF08\u4EC5\u5DEE\u5F02\u5B57\u6BB5\uFF0C\u987A\u5E8F\u5373\u5B57\u7B26\u504F\u79FB\uFF09}\uFF1Bimg=\u8D44\u6E90\u6587\u4EF6\u540D\uFF1Bkids=\u5B50\u8282\u70B9\u9012\u5F52\uFF1Bpalette=\u8C03\u8272\u677F\uFF08\u4EC5\u6839\u8282\u70B9\uFF09\uFF1A\u22652 \u6B21\u7684\u5355\u8272\u63D0\u53D6\u4E3A\u6570\u7EC4\uFF0Cfills/text.color/stroke \u4E2D "p0""p1" \u4E3A\u4E0B\u6807\u5F15\u7528\uFF08\u590D\u5408 CSS \u4E32\u5185\u989C\u8272\u4E0D\u67E5\u8868\uFF09\uFF1Bnotes=\u8BBE\u8BA1\u6807\u6CE8\u6587\u672C\uFF08\u4EC5\u5B58\u5728\u65F6\uFF09\uFF1Bcomp=\u7EC4\u4EF6\u5173\u8054\uFF08INSTANCE/COMPONENT/COMPONENT_SET\uFF09\uFF1Akey=\u8DE8\u6587\u4EF6\u7A33\u5B9A\u6807\u8BC6\uFF0Cname=\u7EC4\u4EF6\u540D\uFF08\u6620\u5C04\u6743\u91CD\u6700\u9AD8\u7684\u4F9D\u636E\u2014\u2014\u5728\u9879\u76EE\u7EC4\u4EF6\u5E93\u627E\u5BF9\u5E94\uFF0C\u4E0D\u9010\u5B57\u76F4\u7528\uFF09\uFF0Cprops=variant \u5C5E\u6027\uFF0Cset=variant \u7EC4\uFF1Bdepth=\u6574\u6811\u5B9E\u9645\u6DF1\u5EA6\uFF08\u4EC5\u6839\u8282\u70B9\uFF0C\u603B\u662F\u8F93\u51FA\uFF09\uFF1Bmore=\u622A\u65AD\u5904\u5269\u4F59\u5C42\u7EA7\u6570\uFF08\u4EC5 maxDepth \u622A\u65AD\u65F6\uFF0C\u62FF id \u56DE\u4F20 guid \u4E0B\u94BB\uFF09\uFF1BkidsSummary=\u622A\u65AD\u5904\u76F4\u63A5\u5B50\u8282\u70B9\u6D45\u9884\u89C8 [{id, name?, type}]\uFF08\u8F85\u52A9\u9009\u62E9\u4E0B\u94BB\u5206\u652F\uFF09\u3002\u7701\u7565\u89C4\u5219\uFF1A\u9ED8\u8BA4\u503C\u4E0D\u8F93\u51FA\uFF08text.align=left\u3001lh=normal\u3001weight=Regular\u3001gap=0\u3001pad \u5168 0\uFF09\u3002';
+var getNodeDsl = {
+  description: '\u3010\u7528\u9014\u3011\u751F\u6210\u8282\u70B9\u7684\u5F00\u53D1\u5411\u7D27\u51D1 DSL\uFF08\u7ED3\u6784+\u6837\u5F0F+\u8D44\u6E90\u6587\u4EF6\u540D\uFF09\uFF0C\u8BBE\u8BA1\u8F6C\u4EE3\u7801\u7684\u6838\u5FC3\u5165\u53E3\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011"\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F/\u8BBE\u8BA1\u8F6C\u4EE3\u7801/\u6839\u636E\u8BBE\u8BA1\u7A3F\u5199\u9875\u9762\u3001\u7EC4\u4EF6"\uFF0C\u6216\u7ED9\u51FA Pixso \u94FE\u63A5\uFF08\u4EFB\u610F\u57DF\u540D\uFF09\u65F6\uFF0C\u9ED8\u8BA4\u4ECE\u672C\u5DE5\u5177\u5F00\u59CB\u3002\u9996\u6B21\u63A5\u89E6\u8BBE\u8BA1\u7A3F\uFF1A\u5148 get_metadata \u9AA8\u67B6 + get_screenshot \u89C6\u89C9\uFF0C\u5B9A\u4F4D\u76EE\u6807\u540E\u518D\u7528\u672C\u5DE5\u5177\u3002\u7ED3\u6784\u590D\u6742\uFF1AmaxDepth \u4F20 0 \u9884\u5224\u89C4\u6A21\uFF08\u6839\u8282\u70B9 depth=\u6574\u6811\u6DF1\u5EA6\uFF09\uFF0C\u518D\u5BF9\u5E26 more \u6807\u8BB0\u7684\u5B50\u6811\u6309 id \u4E0B\u94BB\uFF08kidsSummary \u8F85\u52A9\u9009\u5206\u652F\uFF09\u3002\u3010\u8FD4\u56DE\u3011\u5355\u884C\u7D27\u51D1 JSON\u3002' + DSL_LEGEND + "\u584C\u7F29\u53F6\u5B50\uFF1A\u7EAF\u77E2\u91CF\u7EC4\u4EF6\u5B9E\u4F8B\u2192SVG\u3001\u56FE\u7247\u586B\u5145\u2192PNG\u3001\u8BBE\u8BA1\u5E08\u6807\u8BB0\u6309\u5176\u8BBE\u7F6E\uFF1B\u5DF2\u5E26 img \u7684\u8282\u70B9\u5DF2\u5B8C\u6210\u5BFC\u51FA\uFF0C\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u52FF\u518D\u8C03 export_image\u3002DSL \u6709\u635F\u7CBE\u7B80\uFF08\u7701\u7565\u8499\u7248/\u5E03\u5C14\u8DEF\u5F84\u7B49\uFF09\uFF0C\u89C6\u89C9\u590D\u6742\u8282\u70B9\u914D\u5408 get_screenshot \u5BF9\u7167\u3002\u3010\u786C\u6027\u89C4\u5219\u3011" + URL_RULE + " " + GUIDES_PTR + " " + ENVELOPE_NOTE,
+  inputSchema: {
+    type: "object",
+    properties: {
+      guid: GUID_PROP,
+      maxDepth: {
+        type: "number",
+        description: "\u4E0B\u63A2\u5B50\u8282\u70B9\u7684\u6700\u5927\u6DF1\u5EA6\uFF08\u6839\u8282\u70B9\u4E3A\u7B2C 0 \u5C42\uFF09\uFF0C\u7F3A\u7701\u4E0D\u9650\u3002\u622A\u65AD\u8282\u70B9\u5E26 more\uFF08\u5269\u4F59\u5C42\u7EA7\u6570\uFF09+ kidsSummary\uFF08\u5B50\u8282\u70B9\u6D45\u9884\u89C8\uFF09\uFF0C\u62FF\u5176 id \u56DE\u4F20 guid \u7EE7\u7EED\u4E0B\u94BB\uFF1B\u4F20 0 \u53EA\u8FD4\u56DE\u6839\u8282\u70B9\uFF08\u914D\u5408 depth \u5B57\u6BB5\u9884\u5224\u89C4\u6A21\uFF09\u3002"
+      },
+      cache: CACHE_PROP,
+      target: TARGET_PROP
+    }
   }
-  .copy:hover { color: var(--ink); border-color: #d2d2d6; }
-  .copy.done { color: var(--ok); border-color: var(--ok); }
+};
 
-  .footer {
-    margin-top: 40px;
-    font-size: 11px;
-    color: var(--faint);
-    font-family: var(--mono);
-    display: flex;
-    gap: 8px;
-    flex-wrap: wrap;
-  }
-
-  @media (max-width: 560px) {
-    .step { grid-template-columns: 32px 1fr; gap: 4px 10px; }
-    .top { align-items: flex-start; flex-direction: column; gap: 12px; }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    .page { animation: none; }
-    .status .dot { animation: none; }
-    .bm, .btn, .copy { transition: none; }
+// src/agent/tools/get_screenshot.ts
+var getScreenshot = {
+  description: '\u3010\u7528\u9014\u3011\u5BFC\u51FA\u5355\u4E2A\u8282\u70B9\u7684\u622A\u56FE\uFF0C\u4F5C\u89C6\u89C9\u53C2\u7167\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011"\u770B\u770B\u8FD9\u4E2A\u8BBE\u8BA1\u7A3F\u957F\u4EC0\u4E48\u6837"/"\u7ED9\u6211\u622A\u56FE"\uFF1B\u8FD8\u539F\u4EFB\u52A1\u9700\u8981\u89C6\u89C9\u53C2\u7167\u6216\u8FD8\u539F\u5EA6\u6821\u9A8C\u3002\u8981\u5207\u56FE\u7D20\u6750\u7528 export_image\u3002\u751F\u6210\u4EE3\u7801\u540E\u53EF\u518D\u6B21\u8C03\u7528\u672C\u5DE5\u5177\u5BF9\u6BD4\u8FD8\u539F\u5EA6\uFF1B\u5EFA\u8BAE\u4E0E get_node_dsl \u914D\u5408\uFF1ADSL \u5B9A\u7ED3\u6784\uFF0C\u622A\u56FE\u6821\u9A8C\u89C6\u89C9\u3002\u3010\u8FD4\u56DE\u3011{img: \u4EA7\u7269\u6587\u4EF6\u540D, width, height, format}\u3002\u3010\u786C\u6027\u89C4\u5219\u3011' + GUIDES_PTR + " " + ENVELOPE_NOTE,
+  inputSchema: {
+    type: "object",
+    properties: {
+      guid: GUID_PROP,
+      format: {
+        type: "string",
+        enum: ["PNG", "SVG"],
+        description: "\u5BFC\u51FA\u683C\u5F0F\uFF0C\u9ED8\u8BA4 PNG\u3002\u622A\u56FE\u7528\u9014\u7528 PNG\uFF1B\u7EAF\u56FE\u5F62\u60F3\u62FF\u77E2\u91CF\u518D\u9009 SVG\u3002"
+      },
+      scale: {
+        type: "number",
+        description: "\u5BFC\u51FA\u500D\u7387\uFF0C\u9ED8\u8BA4 2\u3002"
+      },
+      cache: CACHE_PROP,
+      target: TARGET_PROP
+    }
   }
-</style>
-</head>
-<body>
-<div class="page">
-  <header class="top">
-    <div class="brand">
-      <svg width="22" height="22" viewBox="0 0 24 24" aria-hidden="true"><rect width="24" height="24" rx="6" fill="#575BF2"/><path d="M13 4 7.5 13.5H11L10 20l6.5-9.5H12.5Z" fill="#fff"/></svg>
-      Batter Pixso Bridge
-      <span class="ver">v{{ version }}</span>
-    </div>
-    <div class="status" id="status">
-      <span class="dot"></span><span id="status-text">\u6B63\u5728\u8FDE\u63A5\u670D\u52A1\u2026</span>
-    </div>
-  </header>
-
-  <h1>\u628A\u8BBE\u8BA1\u7A3F\u4EA4\u7ED9 AI</h1>
-  <p class="sub">\u4E00\u6B21\u5B89\u88C5\uFF0C\u8BA9 Claude\u3001Cursor \u7B49 AI \u7F16\u7A0B\u52A9\u624B\u76F4\u63A5\u8BFB\u53D6 Pixso / MasterGo \u753B\u5E03\u7684\u7ED3\u6784\u3001\u6837\u5F0F\u4E0E\u622A\u56FE\u3002\u6309\u4E0B\u9762\u56DB\u6B65\u5B8C\u6210\u8BBE\u7F6E\u3002</p>
-
-  <div class="steps">
-    <div class="step">
-      <span class="num">01</span>
-      <div class="step-head">
-        <span class="step-title">\u6DFB\u52A0\u4E66\u7B7E</span>
-        <span class="tag">\u7F51\u9875\u7248 \xB7 \u63A8\u8350</span>
-      </div>
-      <div class="step-body">
-        <div class="actions">
-          <a class="bm" href="{{ href }}">Batter Bridge</a>
-          <span class="drag-hint">\u2190 \u628A\u8FD9\u4E2A\u6309\u94AE\u62D6\u5230\u6D4F\u89C8\u5668\u4E66\u7B7E\u680F</span>
-        </div>
-        <p class="note">
-          <strong>\u53EA\u9700\u62D6\u62FD\u4E00\u6B21\u3002</strong>\u4EE5\u540E\u6253\u5F00 Pixso / MasterGo \u8BBE\u8BA1\u6587\u4EF6\u65F6\uFF0C\u70B9\u4E00\u4E0B\u4E66\u7B7E\u680F\u91CC\u7684\u300CBatter Bridge\u300D\uFF0C\u63D2\u4EF6\u5C31\u4F1A\u6CE8\u5165\u5F53\u524D\u9875\u9762\u3002
-          \u4E66\u7B7E\u6307\u5411\u672C\u673A\u670D\u52A1 <code>{{ base }}</code>\uFF0C\u670D\u52A1\u91CD\u542F\u540E\u4F9D\u7136\u6709\u6548\u3002\u770B\u4E0D\u5230\u4E66\u7B7E\u680F\uFF1F\u6309 <code>Ctrl + Shift + B</code> \u6253\u5F00\u3002
-        </p>
-      </div>
-    </div>
+};
 
-    <div class="step">
-      <span class="num">02</span>
-      <div class="step-head">
-        <span class="step-title">\u5B89\u88C5\u5230 Pixso \u5BA2\u6237\u7AEF</span>
-      </div>
-      <div class="step-body">
-        <div class="actions">
-          <a class="btn" href="/plugin.zip" download="batter-pixso-bridge.zip">
-            <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m7 11 5 5 5-5"/><path d="M4 21h16"/></svg>
-            \u4E0B\u8F7D\u63D2\u4EF6\u5305\uFF08.zip\uFF09
-          </a>
-        </div>
-        <p class="note">\u89E3\u538B\u540E\uFF0C\u5728\u5BA2\u6237\u7AEF\u7684\u8BBE\u8BA1\u6587\u4EF6\u4E2D\uFF1A\u53F3\u952E \u2192 \u63D2\u4EF6 \u2192 \u5F00\u53D1\u63D2\u4EF6 \u2192 \u5BFC\u5165 <code>manifest.json</code>\u3002</p>
-      </div>
-    </div>
+// src/agent/tools/get_selected.ts
+var getSelected = {
+  description: '\u3010\u7528\u9014\u3011\u5B9E\u65F6\u8BFB\u53D6 Pixso \u753B\u5E03\u5F53\u524D\u9009\u4E2D\u7684\u56FE\u5C42\uFF08guid\u3001\u540D\u79F0\u3001\u7C7B\u578B\uFF09\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u7528\u6237\u8BF4"\u8FD9\u4E2A/\u5F53\u524D\u9009\u4E2D\u7684"\u56FE\u5C42\u3001\u7EC4\u4EF6\u3002\u5DF2\u7ED9 Pixso \u94FE\u63A5\u65F6\u4E0D\u8981\u7528\u672C\u5DE5\u5177\u2014\u2014\u76F4\u63A5\u4ECE\u94FE\u63A5\u63D0\u53D6 guid\uFF08\u89C1 get_node_dsl\uFF09\u3002\u3010\u8FD4\u56DE\u3011{fileKey, fileName, pageName, selection: [{id, name, type}]}\u3002\u3010\u786C\u6027\u89C4\u5219\u3011\u4E25\u7981\u9690\u5F0F\u4F7F\u7528\u8FD4\u56DE\u7684 guid\uFF1A\u9664\u975E\u7528\u6237\u660E\u786E\u8BF4\u4E86"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\uFF0C\u5FC5\u987B\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u624D\u80FD\u4F20\u7ED9\u5176\u4ED6\u5DE5\u5177\u3002 ' + ENVELOPE_NOTE,
+  inputSchema: { type: "object", properties: { target: TARGET_PROP } }
+};
 
-    <div class="step">
-      <span class="num">03</span>
-      <div class="step-head">
-        <span class="step-title">\u914D\u7F6E AI \u5BA2\u6237\u7AEF</span>
-      </div>
-      <div class="step-body">
-        <div class="cfg">
-          <pre id="cfg">{
-  "mcpServers": {
-    "batter-pixso": {
-      "command": "npx",
-      "args": ["-y", "batter-pixso-mcp"],
-      "env": { "HTTP_PORT": "{{ httpPort }}" }
+// src/agent/tools/list_sessions.ts
+var listSessions = {
+  description: "\u3010\u7528\u9014\u3011\u5217\u51FA\u5B58\u6D3B\u7684\u8BBE\u8BA1\u7A3F\u63D2\u4EF6\u4F1A\u8BDD\uFF08sessionId\u3001\u6587\u4EF6\u3001\u9875\u9762\u3001\u9009\u4E2D\u6570\uFF09\u2014\u2014\u6BCF\u6B21\u8C03\u7528\u7ECF ping/pong \u5B9E\u6D4B\uFF0C\u65E0\u54CD\u5E94\u7684\u4E0D\u51FA\u73B0\u3002\u6BCF\u4E2A\u8FD0\u884C\u63D2\u4EF6\u7684\u8BBE\u8BA1\u6587\u4EF6\u5BF9\u5E94\u4E00\u4E2A\u4F1A\u8BDD\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u5F00\u63D2\u4EF6\u65F6\uFF0C\u5148\u7528\u672C\u5DE5\u5177\u786E\u8BA4\u76EE\u6807\u6587\u4EF6\uFF1B\u53EA\u6709\u4E00\u4E2A\u4F1A\u8BDD\u65F6\u65E0\u9700\u5173\u6CE8\u672C\u5DE5\u5177\u3002\u3010\u8FD4\u56DE\u3011\u4F1A\u8BDD\u5217\u8868 JSON\u3002\u628A sessionId \u6216 fileKey \u4F5C\u4E3A\u5176\u4ED6\u5DE5\u5177\u7684 target \u53C2\u6570\u4F20\u5165\u5373\u8DEF\u7531\u5230\u5BF9\u5E94\u6587\u4EF6\uFF1B\u4E0D\u4F20 target \u65F6\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u7684\u6587\u4EF6\u3002\u8BE6\u89C1\u8D44\u6E90 batter://guides/intro\u3002",
+  inputSchema: { type: "object", properties: {} },
+  handler: async () => {
+    const list = sessions.list();
+    if (!list.length) {
+      return {
+        content: [{ type: "text", text: "\u5F53\u524D\u6CA1\u6709\u63D2\u4EF6\u8FDE\u63A5\uFF1A\u8BF7\u5728 Pixso \u5BA2\u6237\u7AEF\u4E2D\u8FD0\u884C Batter Pixso Bridge \u63D2\u4EF6\u3002" }]
+      };
+    }
+    const checks = await Promise.all(
+      list.map(async (info) => info.online && await pingSession(info.sessionId) ? info : null)
+    );
+    const alive = checks.filter((c) => c !== null);
+    for (const info of list) {
+      if (!alive.includes(info)) sessions.evict(info.sessionId);
+    }
+    if (!alive.length) {
+      return {
+        content: [{ type: "text", text: "\u5F53\u524D\u6CA1\u6709\u5B58\u6D3B\u7684\u63D2\u4EF6\u8FDE\u63A5\uFF08\u5DF2\u6E05\u7406\u65E0\u54CD\u5E94\u4F1A\u8BDD\uFF09\uFF1A\u8BF7\u5728 Pixso \u5BA2\u6237\u7AEF\u4E2D\u8FD0\u884C Batter Pixso Bridge \u63D2\u4EF6\u3002" }]
+      };
     }
+    return jsonResult(
+      alive.map(({ sessionId, fileKey, fileName, pageName, selectionCount }) => ({
+        sessionId,
+        fileKey,
+        fileName,
+        pageName,
+        selectionCount
+      }))
+    );
   }
-}</pre>
-          <button class="copy" id="copy" type="button">\u590D\u5236</button>
-        </div>
-        <p class="note">\u7C98\u8D34\u5230 Cursor / Claude Code \u7684 MCP \u914D\u7F6E\u6587\u4EF6\u3002\u7CFB\u7EDF Node \u4F4E\u4E8E 18 \u65F6\u6539\u7528 volta \u5305\u88F9\u542F\u52A8\uFF0C\u8BE6\u89C1 README\u3002</p>
-      </div>
-    </div>
-
-    <div class="step">
-      <span class="num">04</span>
-      <div class="step-head">
-        <span class="step-title">\u5F00\u59CB\u4F7F\u7528</span>
-      </div>
-      <div class="step-body">
-        <p class="note" style="margin-top:10px">
-          \u63D2\u4EF6\u8FD0\u884C\u540E\uFF0C\u5728\u753B\u5E03\u4E2D\u9009\u4E2D\u56FE\u5C42\uFF0C\u5BF9 AI \u8BF4\u300C\u5B9E\u73B0\u8FD9\u4E2A\u8BBE\u8BA1\u300D\u3002
-          AI \u4F1A\u81EA\u52A8\u8C03\u7528 <code>get_node_dsl</code>\u3001<code>get_screenshot</code> \u7B49\u5DE5\u5177\u8BFB\u53D6\u8BBE\u8BA1\u5E76\u751F\u6210\u4EE3\u7801\u3002
-        </p>
-      </div>
-    </div>
-  </div>
-
-  <div class="footer">
-    <span>batter-pixso-mcp</span>
-    <span>\xB7</span>
-    <span>v{{ version }}</span>
-    <span>\xB7</span>
-    <span>{{ base }}</span>
-  </div>
-</div>
-<script>
-fetch("/health").then(function (r) { return r.json(); }).then(function (h) {
-  var el = document.getElementById("status");
-  el.className = "status ok";
-  document.getElementById("status-text").textContent =
-    "\u670D\u52A1\u8FD0\u884C\u4E2D \xB7 \u63D2\u4EF6 " + h.pluginsOnline + " \u5728\u7EBF";
-}).catch(function () {
-  var el = document.getElementById("status");
-  el.className = "status err";
-  document.getElementById("status-text").textContent = "\u670D\u52A1\u672A\u8FDE\u63A5";
-});
+};
 
-var copyBtn = document.getElementById("copy");
-copyBtn.addEventListener("click", function () {
-  var text = document.getElementById("cfg").textContent;
-  function done() {
-    copyBtn.textContent = "\u5DF2\u590D\u5236";
-    copyBtn.className = "copy done";
-    setTimeout(function () {
-      copyBtn.textContent = "\u590D\u5236";
-      copyBtn.className = "copy";
-    }, 1600);
-  }
-  if (navigator.clipboard && navigator.clipboard.writeText) {
-    navigator.clipboard.writeText(text).then(done, done);
-  } else {
-    var ta = document.createElement("textarea");
-    ta.value = text;
-    document.body.appendChild(ta);
-    ta.select();
-    try { document.execCommand("copy"); } catch (e) {}
-    document.body.removeChild(ta);
-    done();
-  }
-});
-</script>
-</body>
-</html>
-`;
+// src/agent/tools/index.ts
+var TOOL_REGISTRY = {
+  get_selected: getSelected,
+  get_node_dsl: getNodeDsl,
+  get_metadata: getMetadata,
+  export_image: exportImage,
+  get_screenshot: getScreenshot,
+  list_sessions: listSessions
+};
+var TOOLS = Object.fromEntries(
+  Object.entries(TOOL_REGISTRY).map(([name, def]) => {
+    const handler = def.handler ?? ((args, ctx) => run(name, args, ctx?.signal));
+    const resolvedDef = { description: def.description, inputSchema: def.inputSchema, handler };
+    return [name, { def: resolvedDef, tool: { name, description: def.description, inputSchema: def.inputSchema } }];
+  })
+);
+
+// src/agent/mcp.ts
+var INSTRUCTIONS = `Pixso \u8BBE\u8BA1\u7A3F\u8F6C\u4EE3\u7801\u670D\u52A1\u3002\u6309\u7528\u6237\u8F93\u5165\u8DEF\u7531\uFF1A1. \u7ED9\u51FA Pixso \u94FE\u63A5\uFF08\u4EFB\u610F\u57DF\u540D\uFF09\u2192 \u4ECE item-id \u63D0\u53D6 guid\uFF08URL \u89E3\u7801\uFF09\uFF0C\u76F4\u63A5\u8C03 get_node_dsl / get_screenshot / export_image\uFF1B2. \u8BF4"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\u2192 get_selected \u62FF guid\uFF1B\u5176\u4ED6\u4F9D\u8D56\u9009\u533A\u7684\u573A\u666F\u5148 get_selected \u518D\u5411\u7528\u6237\u62A5\u540D\u79F0\u786E\u8BA4\uFF1B3. "\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F/\u8BBE\u8BA1\u8F6C\u4EE3\u7801"\u2192 get_node_dsl \u53D6\u7ED3\u6784 + get_screenshot \u53D6\u89C6\u89C9\u53C2\u7167\uFF1B4. "\u5207\u56FE/\u5BFC\u51FA\u56FE\u6807\u6216\u56FE\u7247\u7D20\u6750"\u2192 export_image\uFF08DSL \u91CC\u5DF2\u5E26 img \u7684\u8282\u70B9\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E0D\u8981\u91CD\u590D\u5BFC\u51FA\uFF09\uFF1B5. \u9996\u6B21\u63A5\u89E6\u8BBE\u8BA1\u7A3F/\u53EA\u8981\u7ED3\u6784\u6982\u89C8 \u2192 get_metadata \u62FF\u5168\u6811\u9AA8\u67B6\uFF08\u65E0\u6837\u5F0F\u65E0\u8D44\u6E90\uFF0C\u4F53\u79EF\u6781\u5C0F\uFF09\u5B9A\u4F4D\u76EE\u6807\u8282\u70B9\uFF1B\u7ED3\u6784\u590D\u6742 \u2192 get_node_dsl \u7528 maxDepth \u5206\u6BB5\u4E0B\u63A2\uFF08\u622A\u65AD\u5904 more \u6807\u8BB0 + kidsSummary \u6D45\u9884\u89C8\uFF0C\u6309 id \u4E0B\u94BB\uFF09\uFF1B6. \u751F\u6210\u540E\u5BF9\u6BD4\u8FD8\u539F\u5EA6 \u2192 get_screenshot \u6821\u9A8C\u5FAA\u73AF\uFF1B7. \u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u6253\u5F00 \u2192 list_sessions + target \u53C2\u6570\u8DEF\u7531\u3002\u786C\u6027\u89C4\u5219\uFF08\u8D44\u6E90\u53D6\u7528/\u7EC4\u4EF6\u6620\u5C04/\u9519\u8BEF\u6062\u590D/\u7981\u6B62\u622A\u56FE\u786C\u7F16\u7801\uFF09\u89C1\u8D44\u6E90 batter://guides/design-to-code\u2014\u2014\u5199\u4EE3\u7801\u524D\u5FC5\u8BFB\u3002`;
+function createMcpServer() {
+  const server = new McpServer(
+    { name: HUB_NAME, version: VERSION },
+    { capabilities: { tools: {}, resources: {}, prompts: {} }, instructions: INSTRUCTIONS }
+  );
+  for (const guide of GUIDES) {
+    server.registerResource(
+      guide.name,
+      guide.uri,
+      {
+        description: guide.description,
+        mimeType: "text/markdown",
+        // 纯 agent 消费的工作流文档，高优先级提示读取
+        annotations: { audience: ["assistant"], priority: 0.9 }
+      },
+      async (uri) => ({
+        contents: [{ uri: uri.href, mimeType: "text/markdown", text: guide.text }]
+      })
+    );
   }
-});
-
-// src/install/template.ts
-function escapeHtml(s) {
-  return s.replace(/[&<>"']/g, (c) => HTML_ESCAPES[c]);
+  server.server.setRequestHandler(ListResourceTemplatesRequestSchema, async () => ({
+    resourceTemplates: []
+  }));
+  server.server.setRequestHandler(ListToolsRequestSchema, async () => ({
+    tools: Object.values(TOOLS).map((t) => t.tool)
+  }));
+  server.server.setRequestHandler(CallToolRequestSchema, async (request, extra) => {
+    const { name, arguments: args = {} } = request.params;
+    const entry = TOOLS[name];
+    if (!entry) {
+      throw new Error(`unknown tool: ${name}`);
+    }
+    return entry.def.handler(args, { signal: extra.signal });
+  });
+  server.server.setRequestHandler(ListPromptsRequestSchema, async () => ({
+    prompts: PROMPTS.map((p) => ({
+      name: p.name,
+      description: p.description,
+      arguments: p.arguments
+    }))
+  }));
+  server.server.setRequestHandler(GetPromptRequestSchema, async (request) => {
+    const entry = PROMPTS.find((p) => p.name === request.params.name);
+    if (!entry) {
+      throw new Error(`unknown prompt: ${request.params.name}`);
+    }
+    const args = request.params.arguments ?? {};
+    return { description: entry.description, messages: entry.render(args) };
+  });
+  return server;
 }
-function escapeJsString(s) {
-  return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+
+// src/agent/sessions.ts
+var transports = /* @__PURE__ */ new Map();
+function getMcpTransport(sessionId) {
+  return transports.get(sessionId);
 }
-function renderTemplate(tpl, vars, escape = escapeHtml) {
-  const lookup = (key) => {
-    const v = vars[key];
-    if (v === void 0) throw new Error(`\u6A21\u677F\u53D8\u91CF\u7F3A\u5931\uFF1A{{${key}}}`);
-    return String(v);
+function registerMcpTransport(sessionId, transport) {
+  transports.set(sessionId, transport);
+  log(`MCP HTTP session initialized: ${sessionId.slice(0, 8)} (total ${transports.size})`);
+  transport.onclose = () => {
+    if (transport.sessionId) transports.delete(transport.sessionId);
   };
-  return tpl.replace(/\{\{\{\s*(\w+)\s*\}\}\}/g, (_, key) => lookup(key)).replace(/\{\{\s*(\w+)\s*\}\}/g, (_, key) => escape(lookup(key)));
 }
-function loadTemplate(name) {
-  return TEMPLATES[name];
-}
-var HTML_ESCAPES, TEMPLATES;
-var init_template = __esm({
-  "src/install/template.ts"() {
-    "use strict";
-    init_bookmarklet();
-    init_install_page();
-    HTML_ESCAPES = {
-      "&": "&amp;",
-      "<": "&lt;",
-      ">": "&gt;",
-      '"': "&quot;",
-      "'": "&#39;"
-    };
-    TEMPLATES = {
-      "bookmarklet.txt": bookmarklet_default,
-      "install-page.html": install_page_default
-    };
-  }
-});
 
-// src/install/page.ts
-function bookmarkletHref(base) {
-  const source = renderTemplate(loadTemplate("bookmarklet.txt"), { base }, escapeJsString);
-  return `javascript:${encodeURIComponent(source)}`;
-}
-function renderInstallPage(base, httpPort) {
-  return renderTemplate(loadTemplate("install-page.html"), {
-    version: VERSION,
-    href: bookmarkletHref(base),
-    base,
-    httpPort
-  });
+// src/agent/http.ts
+function handleMcp(req, res, url) {
+  return dispatchRoute(MCP_ROUTES, req, res, url);
 }
-var init_page = __esm({
-  "src/install/page.ts"() {
-    "use strict";
-    init_config();
-    init_template();
+async function sessionRequestHandler({ req, res }) {
+  const sessionId = req.headers["mcp-session-id"];
+  const transport = sessionId ? getMcpTransport(sessionId) : void 0;
+  if (!transport) {
+    sendJson(res, 400, { error: "missing or unknown MCP session" });
+    return;
   }
-});
-
-// src/install/zip.ts
-import { Buffer as Buffer2 } from "node:buffer";
-function crc32(buf) {
-  let crc = 4294967295;
-  for (const byte of buf) crc = CRC_TABLE[(crc ^ byte) & 255] ^ crc >>> 8;
-  return (crc ^ 4294967295) >>> 0;
+  await transport.handleRequest(req, res);
 }
-function buildZip(entries) {
-  const chunks = [];
-  const central = [];
-  let offset = 0;
-  for (const { name, data } of entries) {
-    const nameBuf = Buffer2.from(name, "utf8");
-    const crc = crc32(data);
-    const local = Buffer2.alloc(30);
-    local.writeUInt32LE(67324752, 0);
-    local.writeUInt16LE(20, 4);
-    local.writeUInt16LE(2048, 6);
-    local.writeUInt16LE(0, 8);
-    local.writeUInt16LE(0, 10);
-    local.writeUInt16LE(33, 12);
-    local.writeUInt32LE(crc, 14);
-    local.writeUInt32LE(data.length, 18);
-    local.writeUInt32LE(data.length, 22);
-    local.writeUInt16LE(nameBuf.length, 26);
-    local.writeUInt16LE(0, 28);
-    chunks.push(local, nameBuf, data);
-    const cen = Buffer2.alloc(46);
-    cen.writeUInt32LE(33639248, 0);
-    cen.writeUInt16LE(20, 4);
-    cen.writeUInt16LE(20, 6);
-    cen.writeUInt16LE(2048, 8);
-    cen.writeUInt16LE(0, 10);
-    cen.writeUInt16LE(0, 12);
-    cen.writeUInt16LE(33, 14);
-    cen.writeUInt32LE(crc, 16);
-    cen.writeUInt32LE(data.length, 20);
-    cen.writeUInt32LE(data.length, 24);
-    cen.writeUInt16LE(nameBuf.length, 28);
-    cen.writeUInt16LE(0, 30);
-    cen.writeUInt16LE(0, 32);
-    cen.writeUInt16LE(0, 34);
-    cen.writeUInt16LE(0, 36);
-    cen.writeUInt32LE(0, 38);
-    cen.writeUInt32LE(offset, 42);
-    central.push(Buffer2.concat([cen, nameBuf]));
-    offset += 30 + nameBuf.length + data.length;
-  }
-  const centralBuf = Buffer2.concat(central);
-  const eocd = Buffer2.alloc(22);
-  eocd.writeUInt32LE(101010256, 0);
-  eocd.writeUInt16LE(entries.length, 8);
-  eocd.writeUInt16LE(entries.length, 10);
-  eocd.writeUInt32LE(centralBuf.length, 12);
-  eocd.writeUInt32LE(offset, 16);
-  return Buffer2.concat([...chunks, centralBuf, eocd]);
-}
-var CRC_TABLE;
-var init_zip = __esm({
-  "src/install/zip.ts"() {
-    "use strict";
-    CRC_TABLE = (() => {
-      const table = new Uint32Array(256);
-      for (let n = 0; n < 256; n++) {
-        let c = n;
-        for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
-        table[n] = c >>> 0;
+var MCP_ROUTES = [
+  {
+    method: "POST",
+    path: "/mcp",
+    handler: async ({ req, res }) => {
+      let body;
+      try {
+        body = await readJsonBody(req);
+      } catch {
+        sendJson(res, 400, { jsonrpc: "2.0", error: { code: -32700, message: "Parse error" }, id: null });
+        return;
       }
-      return table;
-    })();
+      const sessionId = req.headers["mcp-session-id"];
+      let transport = sessionId ? getMcpTransport(sessionId) : void 0;
+      if (!transport) {
+        if (!sessionId && isInitializeRequest(body)) {
+          const t = new StreamableHTTPServerTransport({
+            sessionIdGenerator: () => randomUUID2(),
+            onsessioninitialized: (id) => registerMcpTransport(id, t)
+          });
+          await createMcpServer().connect(t);
+          transport = t;
+        } else {
+          sendJson(res, 400, {
+            jsonrpc: "2.0",
+            error: { code: -32e3, message: "Bad Request: missing or unknown MCP session" },
+            id: null
+          });
+          return;
+        }
+      }
+      await transport.handleRequest(req, res, body);
+    }
+  },
+  { method: "GET", path: "/mcp", handler: sessionRequestHandler },
+  { method: "DELETE", path: "/mcp", handler: sessionRequestHandler }
+];
+
+// src/install/dist-resolver.ts
+import { existsSync } from "node:fs";
+import { readFile } from "node:fs/promises";
+import { join as join3 } from "node:path";
+import { fileURLToPath } from "node:url";
+function resolvePluginDir() {
+  const candidates = [
+    fileURLToPath(new URL("./plugin/", import.meta.url)),
+    // bundle: dist/index.js → dist/plugin/
+    fileURLToPath(new URL("../../plugin/dist/", import.meta.url)),
+    // bundle 开发: dist/index.js → packages/plugin/dist/
+    fileURLToPath(new URL("../../../plugin/dist/", import.meta.url))
+    // tsx 开发: src/install/ → packages/plugin/dist/
+  ];
+  return candidates.find((p) => existsSync(join3(p, "manifest.json"))) ?? null;
+}
+var resolved = null;
+function pluginDir() {
+  resolved ??= resolvePluginDir();
+  return resolved;
+}
+function hasPluginDist() {
+  return pluginDir() !== null;
+}
+async function pluginManifest() {
+  const dir = pluginDir();
+  if (!dir) return null;
+  const raw = JSON.parse(await readFile(join3(dir, "manifest.json"), "utf8"));
+  raw.networkAccess = {
+    allowedDomains: [`http://localhost:${config.httpPort}`, `http://127.0.0.1:${config.httpPort}`]
+  };
+  return Buffer.from(JSON.stringify(raw, null, 2));
+}
+async function readPluginFile(name) {
+  const dir = pluginDir();
+  if (!dir) return null;
+  try {
+    return await readFile(join3(dir, name));
+  } catch {
+    return null;
   }
-});
+}
 
-// src/routes/install.ts
-async function handleInstall(req, res, url) {
-  if (req.method !== "GET") return false;
-  const path = url.pathname;
-  if (path === "/") {
-    res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
-    res.end(renderInstallPage(`http://127.0.0.1:${config.httpPort}/`, config.httpPort));
-    return true;
+// src/install/template.ts
+var HTML_ESCAPES = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (c) => HTML_ESCAPES[c]);
+}
+function escapeJsString(s) {
+  return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\r/g, "\\r").replace(/\n/g, "\\n");
+}
+function renderTemplate(tpl, vars, escape = escapeHtml) {
+  const lookup = (key) => {
+    const v = vars[key];
+    if (v === void 0) throw new Error(`\u6A21\u677F\u53D8\u91CF\u7F3A\u5931\uFF1A{{${key}}}`);
+    return String(v);
+  };
+  return tpl.replace(/\{\{\{\s*(\w+)\s*\}\}\}/g, (_, key) => lookup(key)).replace(/\{\{\s*(\w+)\s*\}\}/g, (_, key) => escape(lookup(key)));
+}
+
+// src/install/templates/bookmarklet.txt
+var bookmarklet_default = '// Batter Bridge \u4E66\u7B7E\u6CE8\u5165\u811A\u672C\n// \u5728 Pixso / MasterGo \u7F51\u9875\u7248\u8BBE\u8BA1\u6587\u4EF6\u9875\u9762\u70B9\u51FB\u540E\u6267\u884C\uFF1A\n// \u4ECE\u672C\u670D\u52A1\u62C9\u53D6 manifest + code\uFF0C\u901A\u8FC7\u5BBF\u4E3B\u6CE8\u5165 API \u8FD0\u884C\u63D2\u4EF6\u3002\n// \u670D\u52A1\u4E0D\u53EF\u8FBE\u65F6\u56DE\u9000 localStorage \u7F13\u5B58\uFF08\u4E0A\u6B21\u6210\u529F\u62C9\u53D6\u7684\u63D2\u4EF6\u5305\uFF09\u3002\n// \u6E32\u67D3\u65F6 {{ base }} \u66FF\u6362\u4E3A\u670D\u52A1\u5730\u5740\uFF08JS \u5B57\u7B26\u4E32\u8F6C\u4E49\uFF09\uFF0C\u6574\u4F53 encodeURIComponent \u540E\u4F5C\u4E3A\u4E66\u7B7E href\u3002\n(function () {\n  var SERVER_BASE = "{{ base }}";\n  var CACHE_KEY = "batter-bridge-cache";\n\n  /** \u7528\u5BBF\u4E3B\u9875\u9762\u7684\u6CE8\u5165 API \u542F\u52A8\u63D2\u4EF6 */\n  function startPlugin(codeText, manifestText) {\n    try {\n      var manifest = JSON.parse(manifestText);\n      if (window._FicAppObj && window._FicAppObj.runTestPlugin) {\n        // MasterGo \u5BBF\u4E3B\n        window._FicAppObj.runTestPlugin(manifest, codeText, "", null, { startup: "DEBUG" });\n        return;\n      }\n      if (window.runNewPlugin) {\n        // Pixso \u5BBF\u4E3B\n        window.runNewPlugin(codeText, null, null, { manifest: manifest, plugin: manifest });\n        return;\n      }\n      alert("\u8BF7\u5728 Pixso / MasterGo \u8BBE\u8BA1\u6587\u4EF6\u9875\u9762\u70B9\u51FB\u6B64\u4E66\u7B7E");\n    } catch (err) {\n      alert("\u63D2\u4EF6\u542F\u52A8\u5931\u8D25\uFF1A" + ((err && err.message) || err));\n    }\n  }\n\n  /** \u5C1D\u8BD5\u7528\u7F13\u5B58\u7684\u63D2\u4EF6\u5305\u542F\u52A8\uFF1B\u65E0\u7F13\u5B58\u8FD4\u56DE false */\n  function startFromCache() {\n    try {\n      var cached = JSON.parse(localStorage.getItem(CACHE_KEY) || "null");\n      if (cached && cached.manifest && cached.code) {\n        startPlugin(cached.code, cached.manifest);\n        return true;\n      }\n    } catch (err) {\n      // \u7F13\u5B58\u635F\u574F\uFF1A\u89C6\u4E3A\u65E0\u7F13\u5B58\n    }\n    return false;\n  }\n\n  function saveCache(manifestText, codeText) {\n    try {\n      localStorage.setItem(CACHE_KEY, JSON.stringify({ manifest: manifestText, code: codeText }));\n    } catch (err) {\n      // \u5B58\u50A8\u8D85\u9650\u7B49\uFF1A\u7F13\u5B58\u53EA\u662F\u79BB\u7EBF\u515C\u5E95\uFF0C\u5931\u8D25\u53EF\u5FFD\u7565\n    }\n  }\n\n  function fetchText(path) {\n    return fetch(SERVER_BASE + path + "?t=" + Date.now(), { cache: "no-store" }).then(\n      function (res) {\n        if (!res.ok) throw new Error("HTTP " + res.status);\n        return res.text();\n      },\n    );\n  }\n\n  Promise.all([fetchText("manifest.json"), fetchText("code.js")])\n    .then(function (texts) {\n      var manifestText = texts[0];\n      var codeText = texts[1];\n      saveCache(manifestText, codeText);\n      startPlugin(codeText, manifestText);\n    })\n    .catch(function () {\n      if (!startFromCache()) {\n        alert("\u65E0\u6CD5\u8FDE\u63A5 batter-pixso-mcp \u670D\u52A1\uFF08" + SERVER_BASE + "\uFF09\uFF0C\u8BF7\u786E\u8BA4\u670D\u52A1\u5DF2\u542F\u52A8");\n      }\n    });\n})();\n';
+
+// src/install/templates/install-page.html
+var install_page_default = `<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Batter Pixso Bridge \xB7 \u5B89\u88C5</title>
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' rx='6' fill='%23575BF2'/%3E%3Cpath d='M13 4 7.5 13.5H11L10 20l6.5-9.5H12.5Z' fill='%23fff'/%3E%3C/svg%3E">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+  :root {
+    --ink: #1e1e1e;
+    --sub: #6b6b6b;
+    --faint: #a3a3a3;
+    --line: #e8e8ea;
+    --panel: #f7f7f8;
+    --iris: #575bf2;
+    --iris-strong: #4346e0;
+    --iris-soft: #eef0fe;
+    --ok: #14ae5c;
+    --err: #f24822;
+    --radius: 6px;
+    --mono: ui-monospace, "SF Mono", Menlo, Consolas, "Cascadia Mono", monospace;
   }
-  if (path === "/manifest.json") {
-    const buf = await pluginManifest().catch(() => null);
-    if (!buf) {
-      sendJson(res, 404, { error: NO_DIST });
-      return true;
-    }
-    res.writeHead(200, { "Content-Type": "application/json; charset=utf-8", "Cache-Control": "no-store" });
-    res.end(buf);
-    return true;
+  * { box-sizing: border-box; margin: 0; padding: 0; }
+  html { -webkit-text-size-adjust: 100%; }
+  body {
+    background: #fff;
+    color: var(--ink);
+    font-family: Inter, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+    font-feature-settings: "tnum" 1, "cv05" 1;
+    line-height: 1.5;
+    min-height: 100vh;
   }
-  if (path === "/code.js" || path === "/ui.html") {
-    const buf = await readPluginFile(path.slice(1));
-    if (!buf) {
-      sendJson(res, 404, { error: PLUGIN_DIR ? "not found" : NO_DIST });
-      return true;
-    }
-    res.writeHead(200, {
-      "Content-Type": path.endsWith(".js") ? "text/javascript; charset=utf-8" : "text/html; charset=utf-8",
-      "Cache-Control": "no-store"
-    });
-    res.end(buf);
-    return true;
+  ::selection { background: var(--iris-soft); }
+  .page {
+    max-width: 680px;
+    margin: 0 auto;
+    padding: clamp(48px, 10vh, 96px) 24px 64px;
+    animation: enter 420ms cubic-bezier(0.2, 0.6, 0.2, 1) both;
   }
-  if (path === "/plugin.zip") {
-    if (!PLUGIN_DIR) {
-      sendJson(res, 404, { error: NO_DIST });
-      return true;
-    }
-    try {
-      const [manifest, code, ui] = await Promise.all([
-        pluginManifest(),
-        readPluginFile("code.js"),
-        readPluginFile("ui.html")
-      ]);
-      const zip = buildZip([
-        { name: "manifest.json", data: manifest },
-        { name: "code.js", data: code },
-        { name: "ui.html", data: ui }
-      ]);
-      res.writeHead(200, {
-        "Content-Type": "application/zip",
-        "Content-Disposition": 'attachment; filename="batter-pixso-bridge.zip"'
-      });
-      res.end(zip);
-    } catch {
-      sendJson(res, 500, { error: "zip build failed" });
-    }
-    return true;
+  @keyframes enter {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: none; }
   }
-  return false;
-}
-var NO_DIST;
-var init_install = __esm({
-  "src/routes/install.ts"() {
-    "use strict";
-    init_config();
-    init_dist_resolver();
-    init_page();
-    init_zip();
-    init_http_utils();
-    NO_DIST = "plugin dist not found\uFF08\u8FD0\u884C npm run build \u751F\u6210\uFF09";
+  a { color: var(--iris); text-decoration: none; }
+  a:focus-visible, button:focus-visible {
+    outline: 2px solid var(--iris);
+    outline-offset: 2px;
+    border-radius: 2px;
   }
-});
-
-// src/guides.ts
-var INTRO, DESIGN_TO_CODE, GUIDES;
-var init_guides = __esm({
-  "src/guides.ts"() {
-    "use strict";
-    INTRO = `# batter-pixso-mcp \u4F7F\u7528\u6307\u5357
-
-\u672C\u670D\u52A1\u628A Pixso \u8BBE\u8BA1\u7A3F\u80FD\u529B\u4EE5 MCP \u5DE5\u5177\u66B4\u9732\u7ED9 AI\u3002\u6570\u636E\u94FE\u8DEF\uFF1A
-
-\`\`\`
-AI \u5BA2\u6237\u7AEF \u2500\u2500MCP(stdio/HTTP)\u2500\u2500\u25B6 batter-pixso-mcp \u2500\u2500HTTP \u957F\u8F6E\u8BE2\u2500\u2500\u25B6 Pixso \u63D2\u4EF6(\u8BBE\u8BA1\u6587\u4EF6\u5185)
-\`\`\`
-
-## \u524D\u63D0
-
-1. batter-pixso-mcp \u670D\u52A1\u5DF2\u542F\u52A8\uFF08agent \u7684 MCP \u914D\u7F6E\u4F1A\u81EA\u52A8\u62C9\u8D77\uFF09\u3002
-2. Pixso \u5BA2\u6237\u7AEF\u4E2D\u5DF2\u5BFC\u5165\u5E76\u8FD0\u884C **Batter Pixso Bridge** \u63D2\u4EF6\uFF0C\u63D2\u4EF6 UI \u663E\u793A\u300C\u5DF2\u8FDE\u63A5\u672C\u5730\u670D\u52A1\u300D\u3002
-3. \u76EE\u6807\u8BBE\u8BA1\u6587\u4EF6\u5904\u4E8E\u6253\u5F00\u72B6\u6001\u3002
-
-## \u5DE5\u5177\u603B\u89C8
-
-| \u5DE5\u5177 | \u7528\u9014 |
-| --- | --- |
-| \`get_selected\` | \u8BFB\u753B\u5E03\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\uFF08guid\u3001\u540D\u79F0\u3001\u7C7B\u578B\u3001\u5C3A\u5BF8\uFF09 |
-| \`get_node_dsl\` | \u751F\u6210\u8282\u70B9\u7684\u5F00\u53D1\u5411\u7CBE\u7B80 DSL\uFF08\u7ED3\u6784 + \u6837\u5F0F + \u8D44\u6E90\u6587\u4EF6\u540D\uFF09\uFF0C\u8BBE\u8BA1\u8F6C\u4EE3\u7801\u7684\u6838\u5FC3\u5165\u53E3 |
-| \`get_screenshot\` | \u5BFC\u51FA\u8282\u70B9\u622A\u56FE\uFF0C\u8FD4\u56DE\u56FE\u7247\u6587\u4EF6\u540D\uFF08\u672C\u673A\u8DEF\u5F84\u76F4\u8BFB\uFF09\uFF0C\u7528\u4E8E\u89C6\u89C9\u53C2\u7167/\u6821\u9A8C |
-| \`export_image\` | \u6309 guid \u5BFC\u51FA\u56FE\u7247\u7D20\u6750\uFF08\u5207\u56FE\uFF09\uFF1A\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6309\u8BBE\u8BA1\u5E08\u8BBE\u7F6E\u9010\u4EFD\u5BFC\u51FA\uFF0C\u65E0\u6807\u8BB0\u6309\u53C2\u6570\u515C\u5E95 |
-| \`list_sessions\` | \u5217\u51FA\u5168\u90E8\u63D2\u4EF6\u4F1A\u8BDD\uFF08\u591A\u6587\u4EF6\u573A\u666F\u8DEF\u7531\u7528\uFF09 |
-
-## \u94FE\u63A5\u5373\u8F93\u5165\uFF08\u9AD8\u9891\u573A\u666F\uFF09
-
-\u7528\u6237\u63D0\u4F9B Pixso \u94FE\u63A5\u65F6\uFF08\u5B98\u65B9 \`pixso.cn\` \u6216\u79C1\u6709\u5316\u90E8\u7F72\u5982 \`pixso.ky-tech.com.cn\`\uFF0C\u4EFB\u610F\u57DF\u540D\uFF09\uFF0C
-\u94FE\u63A5\u672C\u8EAB\u5C31\u662F\u4EFB\u52A1\u8F93\u5165\uFF1A**\u5FC5\u987B**\u63D0\u53D6 \`item-id\` \u67E5\u8BE2\u53C2\u6570 \u2192 URL \u89E3\u7801 \u2192 \u5F97\u5230\u8282\u70B9 guid\uFF0C
-\u76F4\u63A5\u8C03 \`get_node_dsl(guid)\` / \`get_screenshot(guid)\`\uFF0C\u65E0\u9700\u5148\u95EE\u7528\u6237\u9009\u4E2D\u4EC0\u4E48\u3002
-\u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\u3002
-
-## \u591A\u6587\u4EF6\u573A\u666F
-
-\u6BCF\u4E2A\u8FD0\u884C\u63D2\u4EF6\u7684\u8BBE\u8BA1\u6587\u4EF6\u662F\u4E00\u4E2A\u4F1A\u8BDD\u3002\u591A\u4E2A\u6587\u4EF6\u540C\u65F6\u6253\u5F00\u65F6\uFF1A
-\u5148\u7528 \`list_sessions\` \u786E\u8BA4\u76EE\u6807\u6587\u4EF6\uFF0C\u518D\u628A\u8FD4\u56DE\u7684 \`sessionId\` \u6216 \`fileKey\`
-\u4F5C\u4E3A\u5176\u4ED6\u5DE5\u5177\u7684 \`target\` \u53C2\u6570\u4F20\u5165\uFF1B\u4E0D\u4F20 \`target\` \u65F6\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u7684\u6587\u4EF6\u3002
 
-\u8BE6\u7EC6\u5DE5\u4F5C\u6D41\u89C1\u8D44\u6E90 \`batter://guides/design-to-code\`\u3002
-`;
-    DESIGN_TO_CODE = `# \u8BBE\u8BA1\u8F6C\u4EE3\u7801\u5DE5\u4F5C\u6D41
-
-## \u3010\u786C\u6027\u89C4\u5219 \xB7 \u8FDD\u53CD\u5373\u8FD4\u5DE5\u3011
-
-1. **\u8D44\u6E90\u662F\u672C\u673A\u6587\u4EF6\uFF0C\u6309\u9700\u53D6\u7528**\uFF1ADSL \u4E0E\u622A\u56FE\u7ED3\u679C\u4E2D\u7684 \`img\` \u5B57\u6BB5\u662F\u4EA7\u7269**\u6587\u4EF6\u540D**
-   \uFF08\u5982 \`"ab12cd34.svg"\`\uFF09\uFF0C\u5B8C\u6574\u8DEF\u5F84 = \u4EA7\u7269\u76EE\u5F55 + \u6587\u4EF6\u540D\uFF08\u76EE\u5F55\u89C1\u5DE5\u5177 description
-   \u4E2D\u7684\u5B9E\u9645\u8DEF\u5F84\uFF0C\u901A\u5E38\u4E3A \`%TEMP%\\batter-pixso-assets\`\uFF09\u3002\u4EA7\u7269\u4E0E\u670D\u52A1\u540C\u673A\uFF0C\u76F4\u63A5\u8BFB\u6587\u4EF6\u7CFB\u7EDF\uFF1A
-   - **\u622A\u56FE\u7B49\u89C6\u89C9\u53C2\u7167**\uFF1A\u7528 Read \u5DE5\u5177\u76F4\u63A5\u8BFB\u8BE5\u8DEF\u5F84\u67E5\u770B\uFF0C\u65E0\u9700\u590D\u5236\u3002
-   - **\u8981\u5199\u8FDB\u4EA4\u4ED8\u4EE3\u7801\u7684\u56FE\u6807/\u56FE\u7247**\uFF1A**\u5FC5\u987B**\u5148\u590D\u5236\u5230\u9879\u76EE\u8D44\u6E90\u76EE\u5F55
-     \uFF08PowerShell \`Copy-Item\` / \u7C7B Unix \`cp\`\uFF09\uFF0C\u518D\u4EE5\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\u5F15\u7528
-     \uFF08\`<img src>\`\u3001CSS \`background-image\` \u7B49\uFF09\u3002\u4E25\u7981\u76F4\u63A5\u5F15\u7528\u4EA7\u7269\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84
-     \uFF08\u4EA7\u7269\u9ED8\u8BA4 7 \u5929\u540E\u81EA\u52A8\u6E05\u626B\uFF0C\u5F15\u7528\u4F1A\u5931\u6548\uFF09\uFF1B\u4E25\u7981\u79FB\u52A8\u6216\u5220\u9664\u4EA7\u7269\u76EE\u5F55\u4E0B\u7684\u6587\u4EF6
-     \uFF08\u591A\u4F1A\u8BDD\u5171\u4EAB\uFF0C\u6E05\u626B\u7531\u670D\u52A1\u7EDF\u4E00\u8D1F\u8D23\uFF09\u3002
-2. **Pixso \u94FE\u63A5\u5FC5\u987B\u63D0\u53D6 \`item-id\` \u5F53 guid**\uFF1A\u4EFB\u610F\u57DF\u540D\u90FD\u6709\u6548\u2014\u2014\u5B98\u65B9 \`pixso.cn\` \u6216\u79C1\u6709\u5316\u90E8\u7F72\u5982
-   \`https://pixso.ky-tech.com.cn/app/design/<\u6587\u4EF6>?item-id=1%3A2\`\uFF08\u4E5F\u53EF\u80FD\u662F \`/app/editor/\` \u8DEF\u5F84\uFF09\u3002
-   \u4ECE \`item-id\` \u67E5\u8BE2\u53C2\u6570\u63D0\u53D6 guid \u5E76 URL \u89E3\u7801\uFF08\`1%3A2\` \u2192 \`"1:2"\`\uFF09\u540E\u4F5C\u4E3A \`guid\` \u4F20\u5165\u3002
-   \u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\uFF1B\u65E0\u8BBA\u57DF\u540D\u662F\u5426\u8BA4\u8BC6\uFF0C\u90FD\u6309\u6B64\u89C4\u5219\u5904\u7406\u3002
-
-## \u63A8\u8350\u6B65\u9AA4
+  /* \u2500\u2500 \u9876\u680F\uFF1A\u54C1\u724C + \u670D\u52A1\u72B6\u6001 \u2500\u2500 */
+  .top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+    margin-bottom: clamp(40px, 7vh, 72px);
+  }
+  .brand {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .brand svg { display: block; }
+  .brand .ver {
+    font-family: var(--mono);
+    font-weight: 400;
+    font-size: 11px;
+    color: var(--faint);
+    margin-left: 2px;
+  }
+  .status {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    padding: 5px 10px;
+    border-radius: 999px;
+    background: var(--panel);
+    border: 1px solid var(--line);
+    font-size: 11px;
+    color: var(--sub);
+    white-space: nowrap;
+  }
+  .status .dot {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--faint);
+    flex-shrink: 0;
+    animation: pulse 2.2s ease-in-out infinite;
+  }
+  @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
+  .status.ok { color: #0d7a3e; }
+  .status.ok .dot { background: var(--ok); }
+  .status.err { color: var(--err); }
+  .status.err .dot { background: var(--err); animation: none; }
 
-1. **\u786E\u8BA4\u76EE\u6807\u8282\u70B9**
-   - \u7528\u6237\u7ED9\u4E86 Pixso \u94FE\u63A5\uFF1A\u6309\u4E0A\u65B9\u786C\u6027\u89C4\u5219\u7B2C 2 \u6761\u63D0\u53D6 guid\uFF0C\u76F4\u63A5\u7EE7\u7EED\u3002
-   - \u7528\u6237\u660E\u786E\u8BF4\u4E86"\u8FD9\u4E2A/\u6211\u9009\u4E2D\u7684"\uFF1A\u8C03 \`get_selected\` \u62FF guid\uFF0C\u76F4\u63A5\u7EE7\u7EED\u3002
-   - \u5176\u4F59\u4F9D\u8D56\u5F53\u524D\u9009\u533A\u7684\u573A\u666F\uFF1A**\u4E25\u7981\u9690\u5F0F\u4F7F\u7528\u9009\u533A guid**\u2014\u2014\u8C03 \`get_selected\` \u540E
-     \u5FC5\u987B\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u518D\u7EE7\u7EED\u3002
-     \`get_node_dsl\` / \`get_screenshot\` \u7684 guid \u7F3A\u7701\u56DE\u9000\u540C\u6837\u9002\u7528\u672C\u89C4\u5219\u3002
-2. **\u53D6\u7ED3\u6784**\uFF1A\`get_node_dsl(guid)\` \u62FF\u7CBE\u7B80 DSL\u3002
-3. **\u53D6\u89C6\u89C9\u53C2\u7167**\uFF1A\`get_screenshot(guid)\` \u62FF\u622A\u56FE\u6587\u4EF6\u540D\uFF0C\u6309\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\u62FC\u8DEF\u5F84\u540E\u7528 Read \u76F4\u8BFB\uFF0C\u4E0E DSL \u5BF9\u7167\u7406\u89E3\u89C6\u89C9\u5C42\u7EA7\u3002
-4. **\u751F\u6210\u4EE3\u7801**\uFF1A\u6309\u4E0B\u6587 DSL \u8BED\u4E49\u6620\u5C04\u5230\u76EE\u6807\u6846\u67B6\u3002
-5. **\u6821\u9A8C**\uFF1A\u751F\u6210\u540E\u518D\u53D6\u4E00\u6B21\u622A\u56FE\u5BF9\u6BD4\uFF0C\u6709\u504F\u5DEE\u5C31\u4FEE\u6B63\u540E\u518D\u6BD4\u4E00\u8F6E\u3002
+  /* \u2500\u2500 \u4E3B\u6807\u9898\u533A \u2500\u2500 */
+  h1 {
+    font-size: clamp(28px, 5vw, 38px);
+    font-weight: 650;
+    letter-spacing: -0.025em;
+    line-height: 1.2;
+    margin-bottom: 12px;
+  }
+  .sub {
+    font-size: 14px;
+    color: var(--sub);
+    max-width: 46em;
+    line-height: 1.7;
+    margin-bottom: clamp(40px, 7vh, 64px);
+  }
 
-## DSL \u5B57\u6BB5\u8BED\u4E49\uFF08\u7D27\u51D1\u683C\u5F0F\uFF09
+  /* \u2500\u2500 \u6B65\u9AA4\u5217\u8868\uFF1A\u53D1\u4E1D\u7EBF\u5206\u9694 \u2500\u2500 */
+  .steps { border-top: 1px solid var(--line); }
+  .step {
+    display: grid;
+    grid-template-columns: 44px 1fr;
+    gap: 4px 16px;
+    padding: 26px 0 28px;
+    border-bottom: 1px solid var(--line);
+  }
+  .num {
+    grid-row: 1 / span 2;
+    font-family: var(--mono);
+    font-size: 12px;
+    color: var(--faint);
+    padding-top: 3px;
+    font-variant-numeric: tabular-nums;
+  }
+  .step-head {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-wrap: wrap;
+  }
+  .step-title {
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .tag {
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--iris);
+    background: var(--iris-soft);
+    padding: 2px 8px;
+    border-radius: 999px;
+  }
+  .step-body { grid-column: 2; }
+  .note {
+    font-size: 12.5px;
+    color: var(--sub);
+    line-height: 1.75;
+    max-width: 60em;
+  }
+  .note strong { color: var(--ink); font-weight: 600; }
+  code {
+    font-family: var(--mono);
+    background: var(--panel);
+    border: 1px solid var(--line);
+    color: var(--ink);
+    padding: 0.5px 5px;
+    border-radius: 4px;
+    font-size: 11px;
+  }
+  .actions { display: flex; align-items: center; gap: 12px; margin: 14px 0 10px; }
 
-DSL \u662F\u5355\u884C\u7D27\u51D1 JSON\uFF1A\u77ED key\u3001\u4F4D\u7F6E\u6570\u7EC4\u3001\u9ED8\u8BA4\u503C\u7701\u7565\u3002\u56FE\u4F8B\uFF1A
+  /* \u4E3B\u6309\u94AE\uFF1A\u53EF\u62D6\u62FD\u7684\u4E66\u7B7E */
+  .bm {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 9px 18px;
+    background: var(--iris);
+    color: #fff;
+    border-radius: var(--radius);
+    font-size: 13px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    cursor: grab;
+    box-shadow: 0 1px 2px rgba(30, 30, 30, 0.08);
+    transition: background 140ms ease, transform 140ms ease;
+    user-select: none;
+  }
+  .bm:hover { background: var(--iris-strong); }
+  .bm:active { cursor: grabbing; transform: scale(0.985); }
+  .drag-hint {
+    font-size: 12px;
+    color: var(--faint);
+  }
 
-\`\`\`jsonc
-{
-  "id": "297:133032",          // \u8282\u70B9 guid\uFF0C\u53EF\u56DE\u4F20\u4E3A guid \u53C2\u6570\u5BF9\u8BE5\u8282\u70B9\u4E0B\u94BB\u8C03\u7528
-  "name": "\u65B0\u5BA2",               // \u56FE\u5C42\u540D\uFF1B\u81EA\u52A8\u547D\u540D\uFF08"Frame 3123" \u7C7B\uFF09\u5DF2\u7701\u7565
-  "type": "FRAME",             // \u8282\u70B9\u7C7B\u578B\uFF1BICON/IMAGE \u4E3A\u584C\u7F29\u53F6\u5B50
-  "rect": [0, 0, 375, 200],    // [x,y,w,h] \u7EDD\u5BF9\u5B9A\u4F4D\uFF1A\u6839\u8282\u70B9\u3001\u7EDD\u5BF9\u5B9A\u4F4D\u5BB9\u5668\u7684\u5B50\u8282\u70B9
-  "size": [120, 40],           // [w,h]\uFF1Aauto-layout \u5B50\u8282\u70B9\uFF08x/y \u7531\u7236\u7EA7 layout \u63A8\u5BFC\uFF0C\u7701\u7565\uFF09
-  "layout": {                  // auto-layout \u2192 flex \u76F4\u8BD1\uFF08\u4EC5\u5BB9\u5668\u6709\uFF09
-    "dir": "row",              // row | column
-    "gap": 12,                 // \u4E3A 0 \u65F6\u7701\u7565
-    "pad": [16, 16, 16, 16],   // [\u4E0A,\u53F3,\u4E0B,\u5DE6]\uFF0C\u5168 0 \u65F6\u7701\u7565
-    "align": ["start", "center"],   // [\u4E3B\u8F74,\u4EA4\u53C9\u8F74]\uFF1Astart|center|end|space-between|baseline
-    "sizing": ["hug", "fixed"]      // [\u4E3B\u8F74,\u4EA4\u53C9\u8F74]\uFF1Ahug|fixed|fill
-  },
-  "text": {                    // \u4EC5\u6587\u672C\u8282\u70B9\uFF1B\u9ED8\u8BA4\u503C\u7701\u7565\uFF1Aalign=left\u3001lh=normal\u3001weight=Regular
-    "content": "...", "size": 14, "font": "PingFang SC",
-    "weight": "Medium", "lh": "22px", "align": "center",
-    "deco": "underline", "ls": "0.5px", "link": "https://...",  // \u6309\u9700
-    "segs": [                  // \u4EC5\u6DF7\u6392\u6587\u672C\uFF1Abase \u4E3A\u6700\u957F\u6BB5\u6837\u5F0F\uFF0C\u6BCF\u6BB5\u53EA\u5E26\u5DEE\u5F02\u5B57\u6BB5\uFF1B
-      { "text": "\u7406\u8D54\u4E2D\u5FC3", "weight": "Bold", "color": "p1" }   // \u6570\u7EC4\u987A\u5E8F\u5373\u5B57\u7B26\u504F\u79FB\uFF08start/end \u7701\u7565\uFF09
-    ]
-  },
-  "fills": ["p0", "linear-gradient(90deg, #fff 0%, #000 100%)"],  // CSS \u989C\u8272/\u6E10\u53D8
-  "stroke": "1px solid #e5e5e5",   // \u989C\u8272\u90E8\u5206\u4E5F\u53EF\u80FD\u662F "p0" \u8C03\u8272\u677F\u5F15\u7528
-  "radius": 8,                 // \u6216 [\u4E0A\u5DE6, \u4E0A\u53F3, \u4E0B\u53F3, \u4E0B\u5DE6]
-  "shadow": "0px 2px 8px rgba(0,0,0,0.1), inset 0px 1px 0px #fff",  // CSS box-shadow\uFF0C\u591A\u9634\u5F71\u9017\u53F7\u62FC\u63A5
-  "blur": "4px",               // \u56FE\u5C42\u6A21\u7CCA \u2192 CSS filter: blur()
-  "bgBlur": "8px",             // \u80CC\u666F\u6A21\u7CCA \u2192 CSS backdrop-filter
-  "constraints": { "h": "right", "v": "bottom" },  // \u7EDD\u5BF9\u5B9A\u4F4D\u5BB9\u5668\u5185\u7684\u7EA6\u675F\uFF08h: left|center|right|stretch|scale\uFF09\uFF0C\u9ED8\u8BA4 left/top \u4E0D\u8F93\u51FA
-  "opacity": 0.9,              // \u4E3A 1 \u65F6\u7701\u7565
-  "img": "ab12cd34.svg",       // \u53F6\u5B50\u8D44\u6E90\u6587\u4EF6\u540D\uFF08\u53D6\u7528\u89C4\u5219\u89C1\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\uFF09
-  "palette": ["#1a73e8", "#f5222d"],  // \u8C03\u8272\u677F\uFF08\u4EC5\u6839\u8282\u70B9\uFF09\uFF0C"p0"/"p1" \u4E3A\u4E0B\u6807\u5F15\u7528
-  "depth": 6,                  // \u6574\u68F5\u6811\u5B9E\u9645\u6700\u5927\u6DF1\u5EA6\uFF08\u4EC5\u6839\u8282\u70B9\uFF0C\u603B\u662F\u8F93\u51FA\uFF0C\u4E0E\u622A\u65AD\u65E0\u5173\uFF09
-  "more": 3,                   // \u4EC5\u56E0 maxDepth \u622A\u65AD\u65F6\u51FA\u73B0\uFF1A\u8BE5\u8282\u70B9\u4E0B\u8FD8\u6709 3 \u7EA7\u672A\u5C55\u5F00\uFF0C\u62FF id \u56DE\u4F20 guid \u7EE7\u7EED\u4E0B\u94BB
-  "kids": []                   // \u5B50\u8282\u70B9\u9012\u5F52
-}
-\`\`\`
+  /* \u6B21\u7EA7\u6309\u94AE */
+  .btn {
+    display: inline-flex;
+    align-items: center;
+    gap: 7px;
+    padding: 8px 14px;
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    background: #fff;
+    color: var(--ink);
+    font-size: 13px;
+    font-weight: 500;
+    letter-spacing: -0.01em;
+    text-decoration: none;
+    transition: border-color 140ms ease, background 140ms ease;
+  }
+  .btn:hover { border-color: #d2d2d6; background: var(--panel); }
+  .btn svg { display: block; color: var(--sub); }
 
-**\u6DF1\u5EA6\u63A7\u5236**\uFF1A\`get_node_dsl\` \u7684 \`maxDepth\` \u53C2\u6570\u9650\u5236\u4E0B\u63A2\u5C42\u7EA7\uFF08\u6839\u4E3A\u7B2C 0 \u5C42\uFF0C\u7F3A\u7701\u4E0D\u9650\uFF09\u3002
-\u5927\u6811\u5206\u6BB5\u7B56\u7565\uFF1A\u5148 \`maxDepth: 0\` \u62FF\u6839\u8282\u70B9\uFF08\u542B \`depth\` \u603B\u6DF1\u5EA6\uFF09\u9884\u5224\u89C4\u6A21\uFF0C\u518D\u6309\u9700\u5BF9\u5E26 \`more\` \u6807\u8BB0\u7684\u5B50\u6811\u7528\u5176 \`id\` \u5355\u72EC\u4E0B\u94BB\u3002
+  /* MCP \u914D\u7F6E\u4EE3\u7801\u5757 */
+  .cfg {
+    position: relative;
+    margin: 14px 0 10px;
+  }
+  pre {
+    background: var(--panel);
+    border: 1px solid var(--line);
+    border-radius: 8px;
+    padding: 14px 16px;
+    font-family: var(--mono);
+    font-size: 12px;
+    line-height: 1.7;
+    color: #3c3c3c;
+    overflow-x: auto;
+  }
+  .copy {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    padding: 4px 10px;
+    font-family: inherit;
+    font-size: 11px;
+    font-weight: 500;
+    color: var(--sub);
+    background: #fff;
+    border: 1px solid var(--line);
+    border-radius: var(--radius);
+    cursor: pointer;
+    transition: color 140ms ease, border-color 140ms ease;
+  }
+  .copy:hover { color: var(--ink); border-color: #d2d2d6; }
+  .copy.done { color: var(--ok); border-color: var(--ok); }
 
-**\u8C03\u8272\u677F\u89C4\u5219**\uFF1A\u540C\u4E00\u989C\u8272\uFF08\u5355\u8272\uFF0C\u542B rgba\uFF09\u51FA\u73B0 \u22652 \u6B21\u65F6\u63D0\u53D6\u5230\u6839\u8282\u70B9 \`palette\` \u6570\u7EC4\uFF0C
-\`fills\`\u3001\`text.color\`\u3001\`segs[].color\`\u3001\`stroke\` \u4E2D\u4EE5 \`"p0"\`\u3001\`"p1"\` \u5F15\u7528\uFF08\u4E0B\u6807\u5373 palette \u4E0B\u6807\uFF09\u3002
-\`shadow\`\u3001\`gradient\` \u7B49\u590D\u5408 CSS \u5B57\u7B26\u4E32\u5185\u90E8\u7684\u989C\u8272\u4FDD\u6301\u5B57\u9762\u503C\uFF0C\u4E0D\u67E5\u8868\u3002
+  .footer {
+    margin-top: 40px;
+    font-size: 11px;
+    color: var(--faint);
+    font-family: var(--mono);
+    display: flex;
+    gap: 8px;
+    flex-wrap: wrap;
+  }
 
-## \u53F6\u5B50\u8282\u70B9\u4E0E\u56FE\u7247\u8D44\u6E90
+  @media (max-width: 560px) {
+    .step { grid-template-columns: 32px 1fr; gap: 4px 10px; }
+    .top { align-items: flex-start; flex-direction: column; gap: 12px; }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .page { animation: none; }
+    .status .dot { animation: none; }
+    .bm, .btn, .copy { transition: none; }
+  }
+</style>
+</head>
+<body>
+<div class="page">
+  <header class="top">
+    <div class="brand">
+      <svg width="22" height="22" viewBox="0 0 24 24" aria-hidden="true"><rect width="24" height="24" rx="6" fill="#575BF2"/><path d="M13 4 7.5 13.5H11L10 20l6.5-9.5H12.5Z" fill="#fff"/></svg>
+      Batter Pixso Bridge
+      <span class="ver">v{{ version }}</span>
+    </div>
+    <div class="status" id="status">
+      <span class="dot"></span><span id="status-text">\u6B63\u5728\u8FDE\u63A5\u670D\u52A1\u2026</span>
+    </div>
+  </header>
 
-- \`type: "ICON"\`\uFF1A\u7EAF\u77E2\u91CF\u5C0F\u8282\u70B9\uFF08icon\uFF09\uFF0C\`img\` \u4E3A **SVG** \u6587\u4EF6\u540D\u3002
-- \`type: "IMAGE"\`\uFF1A\u56FE\u7247\u586B\u5145\u8282\u70B9\uFF0C\`img\` \u4E3A **PNG** \u6587\u4EF6\u540D\u3002
-- \u6587\u4EF6\u540D\u62FC\u8DEF\u5F84\u4E0E\u53D6\u7528\u8981\u6C42\u89C1\u5F00\u5934\u786C\u6027\u89C4\u5219\u7B2C 1 \u6761\u3002
-- \u5BB9\u5668\u81EA\u8EAB\u6709\u5BFC\u51FA\u8BBE\u7F6E\u6807\u8BB0\u65F6\u4E5F\u4F1A\u584C\u7F29\u4E3A\u53F6\u5B50\uFF08\u5C0A\u91CD\u8BBE\u8BA1\u5E08\u7684\u5BFC\u51FA\u610F\u56FE\uFF09\u3002
-- **\u5DF2\u5E26 \`img\` \u7684\u8282\u70B9\u5728\u53D6 DSL \u65F6\u5DF2\u5B8C\u6210\u5BFC\u51FA**\uFF1A\u76F4\u63A5\u4F7F\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E25\u7981\u5BF9\u5B83\u4EEC\u518D\u8C03 \`export_image\`\uFF08\u91CD\u590D\u5BFC\u51FA\u540C\u4E00\u4EFD\u5185\u5BB9\uFF09\u3002
-  \`export_image\` \u4EC5\u7528\u4E8E DSL \u4E2D\u672A\u584C\u7F29\u7684\u8282\u70B9\uFF08\u4E3B\u52A8\u5207\u56FE\uFF09\u3002
+  <h1>\u628A\u8BBE\u8BA1\u7A3F\u4EA4\u7ED9 AI</h1>
+  <p class="sub">\u4E00\u6B21\u5B89\u88C5\uFF0C\u8BA9 Claude\u3001Cursor \u7B49 AI \u7F16\u7A0B\u52A9\u624B\u76F4\u63A5\u8BFB\u53D6 Pixso / MasterGo \u753B\u5E03\u7684\u7ED3\u6784\u3001\u6837\u5F0F\u4E0E\u622A\u56FE\u3002\u6309\u4E0B\u9762\u56DB\u6B65\u5B8C\u6210\u8BBE\u7F6E\u3002</p>
 
-## \u6CE8\u610F
+  <div class="steps">
+    <div class="step">
+      <span class="num">01</span>
+      <div class="step-head">
+        <span class="step-title">\u6DFB\u52A0\u4E66\u7B7E</span>
+        <span class="tag">\u7F51\u9875\u7248 \xB7 \u63A8\u8350</span>
+      </div>
+      <div class="step-body">
+        <div class="actions">
+          <a class="bm" href="{{ href }}">Batter Bridge</a>
+          <span class="drag-hint">\u2190 \u628A\u8FD9\u4E2A\u6309\u94AE\u62D6\u5230\u6D4F\u89C8\u5668\u4E66\u7B7E\u680F</span>
+        </div>
+        <p class="note">
+          <strong>\u53EA\u9700\u62D6\u62FD\u4E00\u6B21\u3002</strong>\u4EE5\u540E\u6253\u5F00 Pixso / MasterGo \u8BBE\u8BA1\u6587\u4EF6\u65F6\uFF0C\u70B9\u4E00\u4E0B\u4E66\u7B7E\u680F\u91CC\u7684\u300CBatter Bridge\u300D\uFF0C\u63D2\u4EF6\u5C31\u4F1A\u6CE8\u5165\u5F53\u524D\u9875\u9762\u3002
+          \u4E66\u7B7E\u6307\u5411\u672C\u673A\u670D\u52A1 <code>{{ base }}</code>\uFF0C\u670D\u52A1\u91CD\u542F\u540E\u4F9D\u7136\u6709\u6548\u3002\u770B\u4E0D\u5230\u4E66\u7B7E\u680F\uFF1F\u6309 <code>Ctrl + Shift + B</code> \u6253\u5F00\u3002
+        </p>
+      </div>
+    </div>
 
-- DSL \u662F**\u6709\u635F\u7CBE\u7B80**\uFF1A\u7701\u7565\u4E86\u5E03\u5C14\u8FD0\u7B97\u8DEF\u5F84\u3001\u8499\u7248\u7B49\u7EAF\u8BBE\u8BA1\u7EC6\u8282\uFF0C\u89C6\u89C9\u590D\u6742\u8282\u70B9\u4EE5\u622A\u56FE\u4E3A\u51C6\u3002
-- \u5BFC\u51FA\u7C7B\u5DE5\u5177\uFF08\`get_node_dsl\`/\`get_screenshot\`/\`export_image\`\uFF09\u5E26 15 \u5206\u949F\u7ED3\u679C\u7F13\u5B58\uFF08\u63D2\u4EF6\u4FA7 TTL\uFF09\uFF1B
-  \u8BBE\u8BA1\u7A3F\u521A\u6539\u8FC7\u4F46\u7ED3\u679C\u5BF9\u4E0D\u4E0A\u65F6\uFF0C\u52A0 \`cache: "refresh"\` \u5F3A\u5236\u5237\u65B0\u3002
-- \u591A\u6587\u4EF6\u573A\u666F\u6240\u6709\u5DE5\u5177\u90FD\u652F\u6301 \`target\` \u53C2\u6570\uFF08sessionId/fileKey\uFF09\uFF0C\u89C1 \`batter://guides/intro\`\u3002
-`;
-    GUIDES = [
-      {
-        name: "intro",
-        uri: "batter://guides/intro",
-        description: "batter-pixso-mcp \u6982\u89C8\uFF1A\u67B6\u6784\u524D\u63D0\u3001\u5DE5\u5177\u6E05\u5355\u3001\u591A\u6587\u4EF6\u4F1A\u8BDD\u8DEF\u7531\u3002\u4F7F\u7528\u524D\u5FC5\u8BFB\u3002",
-        text: INTRO
-      },
-      {
-        name: "design-to-code",
-        uri: "batter://guides/design-to-code",
-        description: "\u8BBE\u8BA1\u8F6C\u4EE3\u7801\uFF08\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F\uFF09\u5DE5\u4F5C\u6D41\uFF1A\u786C\u6027\u89C4\u5219\uFF08\u8D44\u6E90\u6309\u672C\u673A\u8DEF\u5F84\u53D6\u7528\u3001\u94FE\u63A5\u63D0\u53D6 item-id\uFF09\u3001DSL \u5B57\u6BB5\u8BED\u4E49\u3001\u89C6\u89C9\u6821\u9A8C\u3002",
-        text: DESIGN_TO_CODE
-      }
-    ];
-  }
-});
+    <div class="step">
+      <span class="num">02</span>
+      <div class="step-head">
+        <span class="step-title">\u5B89\u88C5\u5230 Pixso \u5BA2\u6237\u7AEF</span>
+      </div>
+      <div class="step-body">
+        <div class="actions">
+          <a class="btn" href="/plugin.zip" download="batter-pixso-bridge.zip">
+            <svg width="12" height="12" viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v12"/><path d="m7 11 5 5 5-5"/><path d="M4 21h16"/></svg>
+            \u4E0B\u8F7D\u63D2\u4EF6\u5305\uFF08.zip\uFF09
+          </a>
+        </div>
+        <p class="note">\u89E3\u538B\u540E\uFF0C\u5728\u5BA2\u6237\u7AEF\u7684\u8BBE\u8BA1\u6587\u4EF6\u4E2D\uFF1A\u53F3\u952E \u2192 \u63D2\u4EF6 \u2192 \u5F00\u53D1\u63D2\u4EF6 \u2192 \u5BFC\u5165 <code>manifest.json</code>\u3002</p>
+      </div>
+    </div>
 
-// src/prompts.ts
-var ASSET_HARD_RULE, DESIGN_TO_CODE2, PROMPTS;
-var init_prompts = __esm({
-  "src/prompts.ts"() {
-    "use strict";
-    ASSET_HARD_RULE = `**\u4E25\u7981\u628A\u4EA7\u7269\u76EE\u5F55\u8DEF\u5F84\u5199\u8FDB\u4EA4\u4ED8\u4EE3\u7801**\uFF1ADSL \u8FD4\u56DE\u7684 \`img\` \u662F\u4EA7\u7269\u6587\u4EF6\u540D\uFF08\u5B8C\u6574\u8DEF\u5F84 = \u4EA7\u7269\u76EE\u5F55 + \u6587\u4EF6\u540D\uFF0C\u76EE\u5F55\u89C1\u5DE5\u5177 description\uFF09\u3002\u622A\u56FE\u7B49\u89C6\u89C9\u53C2\u7167\u7528 Read \u5DE5\u5177\u76F4\u8BFB\u5B8C\u6574\u8DEF\u5F84\u5373\u53EF\uFF1B\u8981\u5199\u8FDB\u4EA4\u4ED8\u4EE3\u7801\u7684\u56FE\u6807/\u56FE\u7247\u5FC5\u987B\u5148\u590D\u5236\u5230\u9879\u76EE\u8D44\u6E90\u76EE\u5F55\uFF08PowerShell \`Copy-Item\` / \u7C7B Unix \`cp\`\uFF09\uFF0C\u518D\u7528\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\u5F15\u7528\uFF08\`<img src>\`\u3001\`background-image\` \u7B49\uFF09\u3002\u4EA7\u7269\u9ED8\u8BA4 7 \u5929\u540E\u81EA\u52A8\u6E05\u626B\uFF1B\u4E25\u7981\u79FB\u52A8\u6216\u5220\u9664\u4EA7\u7269\u76EE\u5F55\u4E0B\u7684\u6587\u4EF6\u3002`;
-    DESIGN_TO_CODE2 = {
-      name: "design-to-code",
-      description: "\u8BBE\u8BA1\u7A3F\u8F6C\u524D\u7AEF\u4EE3\u7801\uFF08\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F\uFF09\uFF1A\u4ECE Pixso \u94FE\u63A5\u6216\u5F53\u524D\u9009\u533A\u53D6 DSL + \u622A\u56FE \u2192 \u751F\u6210 \u2192 \u622A\u56FE\u6821\u9A8C\u3002",
-      arguments: [
-        {
-          name: "url",
-          description: "Pixso \u94FE\u63A5\uFF08\u542B item-id \u67E5\u8BE2\u53C2\u6570\uFF0C\u4EFB\u610F\u57DF\u540D\uFF1A\u5B98\u65B9 pixso.cn \u6216\u79C1\u6709\u5316\u90E8\u7F72\uFF09\u3002\u7559\u7A7A\u5219\u4F7F\u7528\u753B\u5E03\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\u3002",
-          required: false
-        }
-      ],
-      render: (args) => {
-        const targetLine = args.url?.trim() ? `\u76EE\u6807\u8282\u70B9\u6765\u81EA\u94FE\u63A5\uFF1A${args.url.trim()}\u3002\u5FC5\u987B\u4ECE\u67E5\u8BE2\u53C2\u6570 \`item-id\` \u63D0\u53D6\u8282\u70B9 guid \u5E76 URL \u89E3\u7801\uFF08\`1%3A2\` \u2192 \`"1:2"\`\uFF09\u540E\u4F5C\u4E3A guid \u4F20\u5165\uFF1B\u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\u3002\u65E0\u8BBA\u57DF\u540D\u662F\u5426\u8BA4\u8BC6\uFF0C\u90FD\u6309\u6B64\u89C4\u5219\u5904\u7406\u3002` : `\u76EE\u6807\u8282\u70B9\u4E3A\u5F53\u524D\u9009\u533A\uFF1A\u8C03 \`get_selected\` \u62FF\u9009\u4E2D\u56FE\u5C42\u3002\u7981\u6B62\u9690\u5F0F\u4F7F\u7528\u5176 guid\u2014\u2014\u9664\u975E\u7528\u6237\u660E\u786E\u8BF4\u4E86"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\uFF0C\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u518D\u7EE7\u7EED\u3002`;
-        return [
-          {
-            role: "user",
-            content: {
-              type: "text",
-              text: [
-                `\u628A Pixso \u8BBE\u8BA1\u7A3F\u8FD8\u539F\u4E3A\u524D\u7AEF\u4EE3\u7801\u3002\u52A8\u624B\u524D\u5148\u8BB0\u4F4F\u4E0B\u9762\u7684\u786C\u6027\u89C4\u5219\uFF08\u8FDD\u53CD\u5373\u8FD4\u5DE5\uFF09\uFF1A`,
-                ``,
-                `## \u3010\u786C\u6027\u89C4\u5219\u3011`,
-                ``,
-                `1. ${ASSET_HARD_RULE}`,
-                `2. **\u5199\u4EE3\u7801\u524D\u5FC5\u987B\u5148\u8BFB**\u8D44\u6E90 \`batter://guides/design-to-code\`\uFF0C\u4E86\u89E3 DSL \u5B57\u6BB5\u8BED\u4E49\u3001\u8D44\u6E90\u5904\u7406\u7EC6\u8282\u4E0E\u591A\u6587\u4EF6\u8DEF\u7531\uFF08\`target\` \u53C2\u6570\uFF09\uFF1B\u603B\u89C8\u89C1 \`batter://guides/intro\`\u3002`,
-                ``,
-                `## \u6267\u884C\u6D41\u7A0B`,
-                ``,
-                `1. \u786E\u8BA4\u76EE\u6807\u8282\u70B9\uFF1A${targetLine}`,
-                `2. \u53D6\u6570\u636E\uFF1A\u8C03 \`get_node_dsl(guid)\` \u62FF\u7ED3\u6784\u4E0E\u6837\u5F0F DSL\uFF08\u7ED3\u6784\u5F88\u5927\u65F6\u5148\u7528 \`maxDepth: 0\` \u770B\u6839\u8282\u70B9 \`depth\` \u9884\u5224\u89C4\u6A21\uFF0C\u518D\u5206\u6BB5\u4E0B\u63A2\u2014\u2014\u622A\u65AD\u5904\u8282\u70B9\u5E26 \`more\` \u6807\u8BB0\uFF0C\u62FF\u5176 \`id\` \u56DE\u4F20 \`guid\` \u7EE7\u7EED\u4E0B\u94BB\uFF09\uFF1B\u8C03 \`get_screenshot(guid)\` \u62FF\u89C6\u89C9\u53C2\u7167\u622A\u56FE\uFF08\u8FD4\u56DE\u6587\u4EF6\u540D\uFF0CRead \u76F4\u8BFB\u672C\u5730\u8DEF\u5F84\uFF09\u3002DSL \u4E2D\u5DF2\u5E26 \`img\` \u7684\u8282\u70B9\uFF08ICON/IMAGE \u53F6\u5B50\uFF09\u5DF2\u5B8C\u6210\u5BFC\u51FA\uFF0C\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E0D\u8981\u518D\u8C03 \`export_image\`\u3002`,
-                `3. \u751F\u6210\u4EE3\u7801\uFF1Aauto-layout \u76F4\u8BD1 flex\uFF1B\u989C\u8272/\u5706\u89D2/\u9634\u5F71\u7528 DSL \u7684 CSS \u503C\uFF1B\u56FE\u7247\u4E00\u5F8B\u7528\u5DF2\u590D\u5236\u5230\u9879\u76EE\u7684\u672C\u5730\u8DEF\u5F84\u3002`,
-                `4. \u81EA\u68C0\uFF1A\u518D\u6B21\u8C03 \`get_screenshot(guid)\`\uFF0C\u4E0E\u4EE3\u7801\u6E32\u67D3\u7ED3\u679C\u5BF9\u6BD4\uFF0C\u6709\u504F\u5DEE\u5C31\u4FEE\u6B63\u540E\u518D\u6BD4\u4E00\u8F6E\uFF08\u5BFC\u51FA\u7C7B\u5DE5\u5177\u5E26 15 \u5206\u949F\u7F13\u5B58\uFF1B\u7ED3\u679C\u7591\u4F3C\u8FC7\u671F\u65F6\u52A0 \`cache: "refresh"\` \u5F3A\u5236\u5237\u65B0\uFF09\u3002`,
-                ``,
-                `**\u6700\u540E\u91CD\u7533**\uFF1A\u4EA4\u4ED8\u4EE3\u7801\u4E2D\u4E0D\u5141\u8BB8\u51FA\u73B0\u4EA7\u7269\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84\uFF0C\u5168\u90E8\u56FE\u7247\u5FC5\u987B\u662F\u5DF2\u590D\u5236\u5230\u9879\u76EE\u7684\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\u3002`
-              ].join("\n")
-            }
-          }
-        ];
-      }
-    };
-    PROMPTS = [DESIGN_TO_CODE2];
+    <div class="step">
+      <span class="num">03</span>
+      <div class="step-head">
+        <span class="step-title">\u914D\u7F6E AI \u5BA2\u6237\u7AEF</span>
+      </div>
+      <div class="step-body">
+        <div class="cfg">
+          <pre id="cfg">{
+  "mcpServers": {
+    "batter-pixso": {
+      "command": "npx",
+      "args": ["-y", "batter-pixso-mcp"],
+      "env": { "HTTP_PORT": "{{ httpPort }}" }
+    }
   }
-});
+}</pre>
+          <button class="copy" id="copy" type="button">\u590D\u5236</button>
+        </div>
+        <p class="note">\u7C98\u8D34\u5230 Cursor / Claude Code \u7684 MCP \u914D\u7F6E\u6587\u4EF6\u3002\u7CFB\u7EDF Node \u4F4E\u4E8E 18 \u65F6\u6539\u7528 volta \u5305\u88F9\u542F\u52A8\uFF0C\u8BE6\u89C1 README\u3002</p>
+      </div>
+    </div>
 
-// src/tools/builtin.ts
-var BUILTIN_TOOLS;
-var init_builtin = __esm({
-  "src/tools/builtin.ts"() {
-    "use strict";
-    init_sessions();
-    BUILTIN_TOOLS = [
-      {
-        name: "list_sessions",
-        description: "\u3010\u7528\u9014\u3011\u5217\u51FA\u5F53\u524D\u8FDE\u63A5\u5230\u672C\u670D\u52A1\u7684\u6240\u6709 Pixso \u63D2\u4EF6\u4F1A\u8BDD\uFF08sessionId\u3001\u6587\u4EF6\u3001\u9875\u9762\u3001\u5728\u7EBF\u72B6\u6001\uFF09\u3002\u6BCF\u4E2A\u8FD0\u884C\u63D2\u4EF6\u7684\u8BBE\u8BA1\u6587\u4EF6\u5BF9\u5E94\u4E00\u4E2A\u4F1A\u8BDD\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u8FD0\u884C\u63D2\u4EF6\u65F6\uFF0C\u5148\u7528\u672C\u5DE5\u5177\u786E\u8BA4\u76EE\u6807\u6587\u4EF6\uFF1B\u53EA\u6709\u4E00\u4E2A\u4F1A\u8BDD\u65F6\u65E0\u9700\u5173\u6CE8\u672C\u5DE5\u5177\u3002\u3010\u8FD4\u56DE\u3011\u4F1A\u8BDD\u5217\u8868 JSON\u3002\u628A sessionId \u6216 fileKey \u4F5C\u4E3A get_selected / get_node_dsl / get_screenshot / export_image \u7684 target \u53C2\u6570\u4F20\u5165\u5373\u8DEF\u7531\u5230\u5BF9\u5E94\u6587\u4EF6\uFF1B\u4E0D\u4F20 target \u65F6\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u7684\u6587\u4EF6\u3002\u591A\u6587\u4EF6\u8DEF\u7531\u8BE6\u89C1\u8D44\u6E90 batter://guides/intro\u3002",
-        inputSchema: { type: "object", properties: {} },
-        handler: async () => {
-          const list = sessions.list();
-          const text = list.length ? JSON.stringify(list) : "\u5F53\u524D\u6CA1\u6709\u63D2\u4EF6\u8FDE\u63A5\uFF1A\u8BF7\u5728 Pixso \u5BA2\u6237\u7AEF\u4E2D\u8FD0\u884C Batter Pixso Bridge \u63D2\u4EF6\u3002";
-          return { content: [{ type: "text", text }] };
-        }
-      }
-    ];
-  }
-});
+    <div class="step">
+      <span class="num">04</span>
+      <div class="step-head">
+        <span class="step-title">\u5F00\u59CB\u4F7F\u7528</span>
+      </div>
+      <div class="step-body">
+        <p class="note" style="margin-top:10px">
+          \u63D2\u4EF6\u8FD0\u884C\u540E\uFF0C\u5728\u753B\u5E03\u4E2D\u9009\u4E2D\u56FE\u5C42\uFF0C\u5BF9 AI \u8BF4\u300C\u5B9E\u73B0\u8FD9\u4E2A\u8BBE\u8BA1\u300D\u3002
+          AI \u4F1A\u81EA\u52A8\u8C03\u7528 <code>get_node_dsl</code>\u3001<code>get_screenshot</code> \u7B49\u5DE5\u5177\u8BFB\u53D6\u8BBE\u8BA1\u5E76\u751F\u6210\u4EE3\u7801\u3002
+        </p>
+      </div>
+    </div>
+  </div>
 
-// src/core/commands.ts
-var CommandBus, commandBus;
-var init_commands = __esm({
-  "src/core/commands.ts"() {
-    "use strict";
-    init_config();
-    init_sessions();
-    CommandBus = class {
-      queues = /* @__PURE__ */ new Map();
-      pollWaiters = /* @__PURE__ */ new Map();
-      sseListeners = /* @__PURE__ */ new Map();
-      pendingById = /* @__PURE__ */ new Map();
-      seq = 0;
-      /** AI 侧：执行命令 */
-      execute(type, args, opts = {}) {
-        const session = sessions.resolve(opts.target);
-        const timeoutMs = opts.timeoutMs ?? 6e4;
-        const { promise, resolve, reject } = Promise.withResolvers();
-        const command = { id: `cmd-${++this.seq}`, type, args };
-        const entry = {
-          command,
-          sessionId: session.id,
-          resolve,
-          reject,
-          dispatched: false,
-          timer: setTimeout(() => {
-            this.drop(entry);
-            reject(new Error(`\u547D\u4EE4 ${command.id} \u8D85\u65F6\uFF1A\u63D2\u4EF6 ${timeoutMs / 1e3}s \u5185\u672A\u8FD4\u56DE\u7ED3\u679C`));
-          }, timeoutMs)
-        };
-        opts.signal?.addEventListener("abort", () => {
-          if (!this.pendingById.has(command.id)) return;
-          this.drop(entry);
-          reject(new Error(`\u547D\u4EE4 ${command.id} \u5DF2\u88AB\u8C03\u7528\u65B9\u53D6\u6D88`));
-        });
-        this.pendingById.set(command.id, entry);
-        this.queueOf(session.id).push(entry);
-        this.dispatch(session.id);
-        return promise;
-      }
-      /** 插件侧（长轮询兜底通道）：取命令，超时返回 null */
-      async take(sessionId, timeoutMs = 25e3) {
-        const entry = this.nextUndispatched(sessionId);
-        if (entry) {
-          entry.dispatched = true;
-          log(`dispatch command ${entry.command.id}: ${entry.command.type} -> session ${sessionId.slice(0, 8)} (poll)`);
-          return entry.command;
-        }
-        const { promise, resolve } = Promise.withResolvers();
-        const waiters = this.waitersOf(sessionId);
-        waiters.push(resolve);
-        setTimeout(() => {
-          const i = waiters.indexOf(resolve);
-          if (i >= 0) {
-            waiters.splice(i, 1);
-            resolve(null);
-          }
-        }, timeoutMs);
-        return promise;
-      }
-      /** 插件侧（SSE 主通道）：订阅即时推送，返回退订函数 */
-      subscribe(sessionId, listener) {
-        let subs = this.sseListeners.get(sessionId);
-        if (!subs) {
-          subs = /* @__PURE__ */ new Set();
-          this.sseListeners.set(sessionId, subs);
-        }
-        subs.add(listener);
-        this.dispatch(sessionId);
-        return () => {
-          subs.delete(listener);
-          if (subs.size === 0) this.sseListeners.delete(sessionId);
-        };
-      }
-      /** 插件侧：回传结果 */
-      complete(id, ok, resultOrError) {
-        const entry = this.pendingById.get(id);
-        if (!entry) return false;
-        this.drop(entry);
-        if (ok) {
-          entry.resolve(resultOrError);
-        } else {
-          entry.reject(resultOrError instanceof Error ? resultOrError : new Error(String(resultOrError)));
-        }
-        return true;
-      }
-      dispatch(sessionId) {
-        const entry = this.nextUndispatched(sessionId);
-        if (!entry) return;
-        const subs = this.sseListeners.get(sessionId);
-        if (subs && subs.size > 0) {
-          entry.dispatched = true;
-          log(`dispatch command ${entry.command.id}: ${entry.command.type} -> session ${sessionId.slice(0, 8)} (sse)`);
-          for (const fn of subs) fn(entry.command);
-          return;
-        }
-        const waiter = this.waitersOf(sessionId).shift();
-        if (!waiter) return;
-        entry.dispatched = true;
-        log(`dispatch command ${entry.command.id}: ${entry.command.type} -> session ${sessionId.slice(0, 8)} (poll)`);
-        waiter(entry.command);
-      }
-      nextUndispatched(sessionId) {
-        return this.queueOf(sessionId).find((e) => !e.dispatched);
-      }
-      queueOf(sessionId) {
-        let q = this.queues.get(sessionId);
-        if (!q) {
-          q = [];
-          this.queues.set(sessionId, q);
-        }
-        return q;
-      }
-      waitersOf(sessionId) {
-        let w = this.pollWaiters.get(sessionId);
-        if (!w) {
-          w = [];
-          this.pollWaiters.set(sessionId, w);
-        }
-        return w;
-      }
-      /** 从队列与 pending 表移除（完成/超时/取消共用） */
-      drop(entry) {
-        clearTimeout(entry.timer);
-        this.pendingById.delete(entry.command.id);
-        const q = this.queues.get(entry.sessionId);
-        if (q) this.queues.set(entry.sessionId, q.filter((e) => e !== entry));
-      }
-    };
-    commandBus = new CommandBus();
-  }
+  <div class="footer">
+    <span>batter-pixso-mcp</span>
+    <span>\xB7</span>
+    <span>v{{ version }}</span>
+    <span>\xB7</span>
+    <span>{{ base }}</span>
+  </div>
+</div>
+<script>
+fetch("/health").then(function (r) { return r.json(); }).then(function (h) {
+  var el = document.getElementById("status");
+  el.className = "status ok";
+  document.getElementById("status-text").textContent =
+    "\u670D\u52A1\u8FD0\u884C\u4E2D \xB7 \u63D2\u4EF6 " + h.pluginsOnline + " \u5728\u7EBF";
+}).catch(function () {
+  var el = document.getElementById("status");
+  el.className = "status err";
+  document.getElementById("status-text").textContent = "\u670D\u52A1\u672A\u8FDE\u63A5";
 });
 
-// src/tools/plugin.ts
-function jsonResult(data) {
-  return { content: [{ type: "text", text: JSON.stringify(data) }] };
-}
-function errorResult(err) {
-  return {
-    content: [{ type: "text", text: err instanceof Error ? err.message : String(err) }],
-    isError: true
-  };
-}
-async function run(type, args, signal) {
-  const { target, ...rest } = args;
-  try {
-    return jsonResult(
-      await commandBus.execute(type, rest, { target, signal })
-    );
-  } catch (err) {
-    return errorResult(err);
+var copyBtn = document.getElementById("copy");
+copyBtn.addEventListener("click", function () {
+  var text = document.getElementById("cfg").textContent;
+  function done() {
+    copyBtn.textContent = "\u5DF2\u590D\u5236";
+    copyBtn.className = "copy done";
+    setTimeout(function () {
+      copyBtn.textContent = "\u590D\u5236";
+      copyBtn.className = "copy";
+    }, 1600);
   }
-}
-var URL_RULE, URL_RULE_PTR, SELECT_RULE_PTR, ASSET_RULE, DSL_LEGEND, TARGET_PROP, CACHE_PROP, GUID_PROP, PLUGIN_TOOLS;
-var init_plugin = __esm({
-  "src/tools/plugin.ts"() {
-    "use strict";
-    init_assets();
-    init_commands();
-    URL_RULE = '\u2460 \u94FE\u63A5\u8F93\u5165\uFF1A\u5FC5\u987B\u4ECE item-id \u67E5\u8BE2\u53C2\u6570\u63D0\u53D6\u8282\u70B9 guid \u5E76 URL \u89E3\u7801\uFF081%3A2 \u2192 "1:2"\uFF09\uFF0C\u628A\u89E3\u7801\u503C\u4F5C\u4E3A guid \u4F20\u5165\uFF1B\u4E25\u7981\u628A\u6574\u4E2A URL \u5F53 guid \u4F20\u3002\u4EFB\u610F\u57DF\u540D\u90FD\u6709\u6548\uFF1A\u5B98\u65B9 pixso.cn \u6216\u79C1\u6709\u5316\u90E8\u7F72\uFF08\u5982 pixso.ky-tech.com.cn\uFF09\uFF0C\u683C\u5F0F\u5F62\u5982 https://<\u57DF\u540D>/app/design/<\u6587\u4EF6>?item-id=1%3A2\uFF08\u4E5F\u53EF\u80FD\u662F /app/editor/ \u8DEF\u5F84\uFF09\u3002';
-    URL_RULE_PTR = "\u2460 \u94FE\u63A5\u8F93\u5165\uFF1A\u5FC5\u987B\u4ECE item-id \u63D0\u53D6 guid \u5E76 URL \u89E3\u7801\u540E\u4F20\u5165\uFF0C\u4E25\u7981\u4F20\u6574\u4E2A URL\uFF08\u89C4\u5219\u5168\u6587\u89C1 get_node_dsl\uFF09\u3002";
-    SELECT_RULE_PTR = '\u2461 \u9009\u4E2D\u56DE\u9000\uFF1A\u672A\u4F20 guid \u65F6\u56DE\u9000\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\uFF0C\u4F46\u4E25\u7981\u9690\u5F0F\u4F7F\u7528\u2014\u2014\u9664\u975E\u7528\u6237\u660E\u786E\u8BF4\u4E86"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\uFF0C\u5FC5\u987B\u5148\u8C03 get_selected \u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08\u89C4\u5219\u5168\u6587\u89C1 get_selected\uFF09\u3002';
-    ASSET_RULE = `\u2462 \u8D44\u6E90\uFF1Aimg \u662F\u4EA7\u7269\u6587\u4EF6\u540D\uFF0C\u5B8C\u6574\u672C\u5730\u8DEF\u5F84 = ${assetDir()}\\<\u6587\u4EF6\u540D>\uFF08\u672C\u673A\u6587\u4EF6\uFF0C\u76F4\u63A5\u8BFB\u6587\u4EF6\u7CFB\u7EDF\uFF09\u3002\u622A\u56FE\u7B49\u89C6\u89C9\u53C2\u7167\u7528 Read \u5DE5\u5177\u76F4\u8BFB\u8BE5\u8DEF\u5F84\uFF0C\u65E0\u9700\u590D\u5236\uFF1B\u8981\u5199\u8FDB\u4EA4\u4ED8\u4EE3\u7801\u7684\u56FE\u6807/\u56FE\u7247\u5FC5\u987B\u5148\u590D\u5236\u5230\u9879\u76EE\u8D44\u6E90\u76EE\u5F55\uFF08PowerShell: Copy-Item "<\u5B8C\u6574\u8DEF\u5F84>" "<\u9879\u76EE\u76EE\u5F55>"\uFF1B\u7C7B Unix: cp "<\u5B8C\u6574\u8DEF\u5F84>" "<\u9879\u76EE\u76EE\u5F55>"\uFF09\uFF0C\u518D\u4EE5\u672C\u5730\u76F8\u5BF9\u8DEF\u5F84\u5F15\u7528\u2014\u2014\u4E25\u7981\u76F4\u63A5\u5F15\u7528\u4EA7\u7269\u76EE\u5F55\u7684\u7EDD\u5BF9\u8DEF\u5F84\uFF08\u4EA7\u7269\u9ED8\u8BA4 7 \u5929\u540E\u81EA\u52A8\u6E05\u626B\uFF0C\u5F15\u7528\u4F1A\u5931\u6548\uFF09\uFF0C\u4E25\u7981\u79FB\u52A8\u6216\u5220\u9664\u4EA7\u7269\u76EE\u5F55\u4E0B\u7684\u6587\u4EF6\uFF08\u591A\u4F1A\u8BDD\u5171\u4EAB\uFF0C\u6E05\u626B\u7531\u670D\u52A1\u7EDF\u4E00\u8D1F\u8D23\uFF09\u3002`;
-    DSL_LEGEND = '\u5B57\u6BB5\u56FE\u4F8B\uFF1Aid=\u8282\u70B9 guid\uFF08\u53EF\u56DE\u4F20\u4E3A guid \u53C2\u6570\u5BF9\u5B50\u8282\u70B9\u4E0B\u94BB\u8C03\u7528\uFF09\uFF1Bname=\u56FE\u5C42\u540D\uFF08\u81EA\u52A8\u547D\u540D\u5982 "Frame 3123" \u5DF2\u7701\u7565\uFF09\uFF1Btype=\u8282\u70B9\u7C7B\u578B\uFF0CICON/IMAGE \u4E3A\u584C\u7F29\u53F6\u5B50\uFF1Brect=[x,y,w,h] \u7EDD\u5BF9\u5B9A\u4F4D\uFF08\u6839\u8282\u70B9\u4E0E\u7EDD\u5BF9\u5B9A\u4F4D\u5BB9\u5668\u7684\u5B50\u8282\u70B9\uFF09\uFF1Bsize=[w,h]\uFF08auto-layout \u5B50\u8282\u70B9\uFF0Cx/y \u7531\u7236\u7EA7 layout \u63A8\u5BFC\u6545\u7701\u7565\uFF09\uFF1Blayout={dir:row|column, gap, pad:[\u4E0A,\u53F3,\u4E0B,\u5DE6], align:[\u4E3B\u8F74,\u4EA4\u53C9\u8F74](start|center|end|space-between|baseline), sizing:[\u4E3B\u8F74,\u4EA4\u53C9\u8F74](hug|fixed|fill)}\uFF1Bconstraints={h,v} \u7EDD\u5BF9\u5B9A\u4F4D\u5B50\u8282\u70B9\u7EA6\u675F\uFF08\u9ED8\u8BA4 left/top \u7701\u7565\uFF09\uFF1Btext={content, size=\u5B57\u53F7, font=\u5B57\u65CF, weight=\u5B57\u91CD, lh=\u884C\u9AD8, align=\u6C34\u5E73\u5BF9\u9F50, color, deco=underline|line-through, ls=\u5B57\u8DDD px, link, segs=\u6DF7\u6392\u5206\u6BB5}\uFF08segs \u6BCF\u6BB5\u53EA\u5E26\u4E0E base \u4E0D\u540C\u7684\u5B57\u6BB5\uFF0C\u6570\u7EC4\u987A\u5E8F\u5373\u5B57\u7B26\u504F\u79FB\uFF09\uFF1Bimg=\u8D44\u6E90\u6587\u4EF6\u540D\uFF1Bkids=\u5B50\u8282\u70B9\u6570\u7EC4\uFF1Bpalette=\u8C03\u8272\u677F\uFF08\u4EC5\u6839\u8282\u70B9\uFF09\u3002depth=\u6574\u68F5\u6811\u5B9E\u9645\u6700\u5927\u6DF1\u5EA6\uFF08\u4EC5\u6839\u8282\u70B9\uFF0C\u603B\u662F\u8F93\u51FA\uFF0C\u4E0E\u622A\u65AD\u65E0\u5173\uFF09\uFF1Bmore=\u8BE5\u8282\u70B9\u4E0B\u672A\u5C55\u5F00\u7684\u5269\u4F59\u5C42\u7EA7\u6570\uFF08\u4EC5\u56E0 maxDepth \u622A\u65AD\u65F6\u51FA\u73B0\uFF0C\u62FF id \u56DE\u4F20 guid \u53EF\u7EE7\u7EED\u4E0B\u94BB\uFF09\u3002\u7701\u7565\u89C4\u5219\uFF1A\u9ED8\u8BA4\u503C\u4E0D\u8F93\u51FA\uFF08text.align=left\u3001lh=normal\u3001weight=Regular\u3001gap=0\u3001pad \u5168 0\uFF09\u3002\u8C03\u8272\u677F\uFF1A\u51FA\u73B0\u22652 \u6B21\u7684\u5355\u8272\u63D0\u53D6\u5230\u6839\u8282\u70B9 palette \u6570\u7EC4\uFF0Cfills/text.color/stroke \u4E2D\u7684 "p0""p1" \u4E3A palette \u4E0B\u6807\u5F15\u7528\uFF1Bshadow/gradient \u7B49\u590D\u5408 CSS \u4E32\u5185\u7684\u989C\u8272\u4FDD\u6301\u5B57\u9762\u503C\uFF0C\u4E0D\u67E5\u8868\u3002';
-    TARGET_PROP = {
-      type: "string",
-      description: "\u76EE\u6807\u63D2\u4EF6\u4F1A\u8BDD\uFF08sessionId \u6216 fileKey\uFF09\u3002\u4EC5\u5F53\u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u8FD0\u884C\u63D2\u4EF6\u65F6\u9700\u8981\u6307\u5B9A\uFF1B\u7F3A\u7701\u8DEF\u7531\u5230\u6700\u8FD1\u6D3B\u8DC3\u7684\u6587\u4EF6\u3002\u53EF\u7528 list_sessions \u67E5\u770B\u5F53\u524D\u4F1A\u8BDD\u3002"
-    };
-    CACHE_PROP = {
-      type: "string",
-      enum: ["first", "refresh"],
-      description: "\u7F13\u5B58\u7B56\u7565\uFF1Afirst=\u7F13\u5B58\u4F18\u5148\uFF08\u9ED8\u8BA4\uFF0C15 \u5206\u949F\u5185\u76F8\u540C\u8C03\u7528\u76F4\u63A5\u8FD4\u56DE\u7F13\u5B58\uFF09\uFF1Brefresh=\u4E0D\u8BFB\u7F13\u5B58\u3001\u5F3A\u5236\u91CD\u65B0\u6784\u5EFA/\u5BFC\u51FA\uFF0C\u7ED3\u679C\u4ECD\u5199\u5165\u7F13\u5B58\u3002\u8BBE\u8BA1\u7A3F\u521A\u4FEE\u6539\u8FC7\u4E14\u7ED3\u679C\u5BF9\u4E0D\u4E0A\u65F6\u7528 refresh\u3002"
-    };
-    GUID_PROP = {
-      type: "string",
-      description: '\u8282\u70B9 GUID\uFF08\u5982 "297:133032"\uFF09\u3002\u94FE\u63A5\u8F93\u5165\uFF1A\u4ECE item-id \u67E5\u8BE2\u53C2\u6570\u63D0\u53D6\u5E76 URL \u89E3\u7801\u540E\u4F20\u5165\uFF1B\u7F3A\u7701\u56DE\u9000\u5F53\u524D\u9009\u4E2D\u56FE\u5C42\uFF0C\u4F46\u7981\u6B62\u9690\u5F0F\u4F7F\u7528\u8BE5\u56DE\u9000\uFF08\u9009\u4E2D\u786E\u8BA4\u89C4\u5219\u89C1\u5DE5\u5177 description\uFF09\u3002'
-    };
-    PLUGIN_TOOLS = [
-      {
-        name: "get_selected",
-        description: '\u3010\u7528\u9014\u3011\u83B7\u53D6 Pixso \u753B\u5E03\u5F53\u524D\u9009\u4E2D\u7684\u56FE\u5C42\u5217\u8868\uFF08guid\u3001\u540D\u79F0\u3001\u7C7B\u578B\u3001\u5C3A\u5BF8\uFF09\uFF0C\u5B9E\u65F6\u8BFB\u53D6\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u7528\u6237\u8BF4"\u8FD9\u4E2A/\u5F53\u524D\u9009\u4E2D\u7684"\u56FE\u5C42\u3001\u7EC4\u4EF6\u6216\u5143\u7D20\u3002\u7528\u6237\u5DF2\u63D0\u4F9B Pixso \u94FE\u63A5\u65F6\u4E0D\u8981\u8C03\u672C\u5DE5\u5177\u2014\u2014\u76F4\u63A5\u4ECE\u94FE\u63A5\u63D0\u53D6 guid\uFF08\u89C4\u5219\u89C1 get_node_dsl\uFF09\u3002\u591A\u6587\u4EF6\u8DEF\u7531\u7528 list_sessions\uFF0C\u4E0D\u7528\u672C\u5DE5\u5177\u3002\u3010\u8FD4\u56DE\u3011\u9009\u4E2D\u56FE\u5C42\u5217\u8868 JSON\u3002\u3010\u786C\u6027\u89C4\u5219\u3011\u4E25\u7981\u9690\u5F0F\u4F7F\u7528\u672C\u5DE5\u5177\u8FD4\u56DE\u7684 guid\uFF1A\u4EC5\u5F53\u7528\u6237\u660E\u786E\u8BF4\u4E86"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\uFF0C\u62FF\u5230 guid \u624D\u53EF\u76F4\u63A5\u7EE7\u7EED\uFF1B\u5176\u4F59\u573A\u666F\u5FC5\u987B\u5148\u628A\u9009\u4E2D\u56FE\u5C42\u540D\u79F0\u62A5\u7ED9\u7528\u6237\u786E\u8BA4\uFF08"\u5F53\u524D\u9009\u4E2D\u7684\u662F\u300CXX\u300D\uFF0C\u786E\u8BA4\u5904\u7406\u5B83\u5417\uFF1F"\uFF09\uFF0C\u786E\u8BA4\u540E\u624D\u80FD\u628A guid \u4F20\u7ED9\u5176\u4ED6\u5DE5\u5177\u2014\u2014\u907F\u514D\u9009\u533A\u7406\u89E3\u9519\u800C\u767D\u505A\u3002',
-        inputSchema: { type: "object", properties: { target: TARGET_PROP } },
-        handler: (args, ctx) => run("get_selected", args, ctx?.signal)
-      },
-      {
-        name: "get_node_dsl",
-        description: '\u3010\u7528\u9014\u3011\u751F\u6210\u8282\u70B9\u7684\u5F00\u53D1\u5411\u7D27\u51D1 DSL\uFF08\u7ED3\u6784+\u6837\u5F0F+\u8D44\u6E90\u6587\u4EF6\u540D\uFF09\uFF0C\u8BBE\u8BA1\u8F6C\u4EE3\u7801\u7684\u6838\u5FC3\u5165\u53E3\uFF0C\u4F18\u5148\u7528\u672C\u5DE5\u5177\u7406\u89E3\u8BBE\u8BA1\u7ED3\u6784\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u7528\u6237\u8981\u6C42"\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F/\u8BBE\u8BA1\u8F6C\u4EE3\u7801/\u6839\u636E\u8BBE\u8BA1\u7A3F\u6216\u8BBE\u8BA1\u56FE\u5199\u9875\u9762\u3001\u7EC4\u4EF6"\uFF0C\u6216\u7ED9\u51FA Pixso \u94FE\u63A5\uFF08\u4EFB\u610F\u57DF\u540D\uFF09\u65F6\uFF0C\u9ED8\u8BA4\u4ECE\u672C\u5DE5\u5177\u5F00\u59CB\u3002\u7ED3\u6784\u590D\u6742\u60F3\u5148\u770B\u6574\u4F53\u6846\u67B6\u65F6\uFF1AmaxDepth \u4F20 0 \u53EA\u62FF\u6839\u8282\u70B9\uFF08depth \u5B57\u6BB5=\u6574\u6811\u5B9E\u9645\u6DF1\u5EA6\uFF09\u9884\u5224\u89C4\u6A21\uFF0C\u518D\u5BF9\u5E26 more \u6807\u8BB0\u7684\u5B50\u6811\u5206\u6BB5\u4E0B\u94BB\u3002\u3010\u8FD4\u56DE\u3011\u5355\u884C\u7D27\u51D1 JSON\u3002' + DSL_LEGEND + "\u53F6\u5B50\u584C\u7F29\u89C4\u5219\uFF1Aicon/\u7EAF\u77E2\u91CF\u5C0F\u8282\u70B9\uFF08\u226464px \u65E0\u6587\u672C\uFF09\u5BFC\u51FA SVG\u3001\u56FE\u7247\u586B\u5145\u8282\u70B9\u5BFC\u51FA PNG\u3001\u8BBE\u8BA1\u5E08\u6807\u8BB0\u6309\u5176\u8BBE\u7F6E\u5BFC\u51FA\u3002\u5DF2\u5E26 img \u7684\u8282\u70B9\u5373\u5B8C\u6210\u5BFC\u51FA\uFF0C\u76F4\u63A5\u4F7F\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u65E0\u9700\u518D\u8C03 export_image\u3002DSL \u662F\u6709\u635F\u7CBE\u7B80\uFF08\u7701\u7565\u8499\u7248\u3001\u5E03\u5C14\u8FD0\u7B97\u8DEF\u5F84\u7B49\uFF09\uFF0C\u89C6\u89C9\u590D\u6742\u8282\u70B9\u914D\u5408 get_screenshot \u5BF9\u7167\u3002\u5B57\u6BB5\u8BED\u4E49\u8BE6\u89C1\u8D44\u6E90 batter://guides/design-to-code\u3002\u3010\u786C\u6027\u89C4\u5219\u3011" + URL_RULE + SELECT_RULE_PTR + ASSET_RULE,
-        inputSchema: {
-          type: "object",
-          properties: {
-            guid: GUID_PROP,
-            maxDepth: {
-              type: "number",
-              description: "\u4E0B\u63A2\u5B50\u8282\u70B9\u7684\u6700\u5927\u6DF1\u5EA6\uFF08\u6839\u8282\u70B9\u4E3A\u7B2C 0 \u5C42\uFF09\uFF0C\u7F3A\u7701\u4E0D\u9650\u3002\u7B2C N \u5C42\u8282\u70B9\u82E5\u4ECD\u6709\u5B50\u8282\u70B9\u5219\u5E26 more \u5B57\u6BB5\uFF08\u5269\u4F59\u672A\u5C55\u5F00\u5C42\u7EA7\u6570\uFF09\uFF0C\u62FF\u5176 id \u56DE\u4F20 guid \u53EF\u7EE7\u7EED\u4E0B\u94BB\u3002\u4F20 0 \u53EA\u8FD4\u56DE\u6839\u8282\u70B9\uFF1A\u914D\u5408\u6839\u8282\u70B9 depth \u5B57\u6BB5\uFF08\u6574\u6811\u5B9E\u9645\u6DF1\u5EA6\uFF09\u5EC9\u4EF7\u9884\u5224\u89C4\u6A21\uFF0C\u518D\u51B3\u5B9A\u4E0B\u94BB\u7B56\u7565\u3002"
-            },
-            cache: CACHE_PROP,
-            target: TARGET_PROP
-          }
-        },
-        handler: (args, ctx) => run("get_node_dsl", args, ctx?.signal)
-      },
-      {
-        name: "export_image",
-        description: '\u3010\u7528\u9014\u3011\u6309 guid \u5BFC\u51FA\u56FE\u7247\u7D20\u6750\uFF08\u5207\u56FE\uFF09\uFF0C\u4EA7\u7269\u4F9B\u4EA4\u4ED8\u4EE3\u7801\u4F7F\u7528\u3002\u6BCF\u6B21\u53EA\u5904\u7406\u4E00\u4E2A\u8282\u70B9\uFF1B\u591A\u8282\u70B9\u573A\u666F\u9010\u4E2A\u8C03\u7528\u3002\u4EC5\u7528\u4E8E DSL \u4E2D\u672A\u584C\u7F29\u7684\u8282\u70B9\u2014\u2014get_node_dsl \u8FD4\u56DE\u91CC\u5DF2\u5E26 img \u5B57\u6BB5\u7684\u8282\u70B9\uFF08ICON/IMAGE \u53F6\u5B50\uFF09\u5728\u53D6 DSL \u65F6\u5DF2\u5B8C\u6210\u5BFC\u51FA\uFF0C\u76F4\u63A5\u4F7F\u7528\u5176 img \u6587\u4EF6\u540D\u5373\u53EF\uFF0C\u4E25\u7981\u5BF9\u8FD9\u7C7B\u8282\u70B9\u91CD\u590D\u8C03\u7528\u672C\u5DE5\u5177\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u7528\u6237\u8981"\u5207\u56FE/\u5BFC\u51FA\u56FE\u6807/\u5BFC\u51FA\u56FE\u7247\u7D20\u6750/\u628A\u67D0\u4E2A\u8282\u70B9\u5B58\u6210\u56FE\u7247"\uFF0C\u6216\u8BBE\u8BA1\u8FD8\u539F\u4E2D\u9700\u8981\u63D0\u53D6\u56FE\u7247\u8D44\u6E90\u3002\u8981\u89C6\u89C9\u53C2\u7167/\u8FD8\u539F\u5EA6\u6821\u9A8C\u7528 get_screenshot\u3002\u3010\u8FD4\u56DE\u3011{width, height, exports: [{img, format, scale?, suffix?}]}\uFF1A\u8282\u70B9\u5E26\u8BBE\u8BA1\u5E08\u5BFC\u51FA\u8BBE\u7F6E\uFF08exportSettings\uFF09\u65F6\u6309\u5176\u8BBE\u7F6E\u9010\u4EFD\u5BFC\u51FA\uFF08\u683C\u5F0F/\u500D\u7387/\u540E\u7F00\u5168\u90E8\u751F\u6548\uFF0Cformat/scale \u53C2\u6570\u65E0\u6548\uFF09\uFF1B\u65E0\u6807\u8BB0\u8282\u70B9\u6309\u53C2\u6570\u5BFC\u51FA\u5355\u4EFD\uFF08\u9ED8\u8BA4 PNG\u30012x\uFF09\u3002img \u4E3A\u4EA7\u7269\u6587\u4EF6\u540D\uFF1Bsuffix \u4E3A\u8BBE\u8BA1\u5E08\u8BBE\u7F6E\u7684\u6587\u4EF6\u540D\u540E\u7F00\uFF08\u5982 "@2x"\uFF09\uFF0C\u590D\u5236\u8FDB\u9879\u76EE\u65F6\u5EFA\u8BAE\u4FDD\u7559\u547D\u540D\u3002\u3010\u786C\u6027\u89C4\u5219\u3011' + URL_RULE_PTR + SELECT_RULE_PTR + ASSET_RULE,
-        inputSchema: {
-          type: "object",
-          properties: {
-            guid: GUID_PROP,
-            format: {
-              type: "string",
-              enum: ["PNG", "SVG", "JPG"],
-              description: "\u65E0\u5BFC\u51FA\u6807\u8BB0\u65F6\u7684\u515C\u5E95\u683C\u5F0F\uFF0C\u9ED8\u8BA4 PNG\u3002\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6B64\u53C2\u6570\u65E0\u6548\u3002"
-            },
-            scale: {
-              type: "number",
-              description: "\u65E0\u5BFC\u51FA\u6807\u8BB0\u65F6\u7684\u515C\u5E95\u500D\u7387\uFF0C\u9ED8\u8BA4 2\u3002\u8282\u70B9\u5E26\u5BFC\u51FA\u6807\u8BB0\u65F6\u6B64\u53C2\u6570\u65E0\u6548\u3002"
-            },
-            cache: CACHE_PROP,
-            target: TARGET_PROP
-          }
-        },
-        handler: (args, ctx) => run("export_image", args, ctx?.signal)
-      },
-      {
-        name: "get_screenshot",
-        description: '\u3010\u7528\u9014\u3011\u5BFC\u51FA\u5355\u4E2A\u8282\u70B9\u7684\u622A\u56FE\uFF0C\u7528\u4E8E\u83B7\u53D6\u8BBE\u8BA1\u7684\u89C6\u89C9\u53C2\u7167\u3002\u6BCF\u6B21\u53EA\u5904\u7406\u4E00\u4E2A\u8282\u70B9\uFF1B\u591A\u8282\u70B9\u573A\u666F\u9010\u4E2A\u8C03\u7528\u3002\u8981\u5207\u56FE/\u5BFC\u51FA\u4EA4\u4ED8\u7D20\u6750\u7528 export_image\u3002\u3010\u547D\u4E2D\u4FE1\u53F7\u3011\u7528\u6237\u8BF4"\u770B\u770B\u8FD9\u4E2A\u8BBE\u8BA1\u7A3F/\u8BBE\u8BA1\u56FE\u957F\u4EC0\u4E48\u6837""\u7ED9\u6211\u622A\u56FE"\uFF0C\u6216\u8FD8\u539F\u7C7B\u4EFB\u52A1\u9700\u8981\u89C6\u89C9\u53C2\u7167\u3001\u8FD8\u539F\u5EA6\u6821\u9A8C\u3001\u6837\u5F0F\u5BF9\u6BD4\u3002\u751F\u6210\u4EE3\u7801\u540E\u53EF\u518D\u6B21\u8C03\u7528\u672C\u5DE5\u5177\u5BF9\u6BD4\u8FD8\u539F\u5EA6\uFF1B\u5EFA\u8BAE\u4E0E get_node_dsl \u914D\u5408\uFF1ADSL \u5B9A\u7ED3\u6784\uFF0C\u622A\u56FE\u6821\u9A8C\u89C6\u89C9\u3002\u3010\u8FD4\u56DE\u3011{img: \u4EA7\u7269\u6587\u4EF6\u540D, width, height, format}\u3002\u3010\u786C\u6027\u89C4\u5219\u3011' + URL_RULE_PTR + SELECT_RULE_PTR + ASSET_RULE,
-        inputSchema: {
-          type: "object",
-          properties: {
-            guid: GUID_PROP,
-            format: {
-              type: "string",
-              enum: ["PNG", "SVG", "JPG", "WEBP"],
-              description: "\u5BFC\u51FA\u683C\u5F0F\uFF0C\u9ED8\u8BA4 PNG\u3002\u622A\u56FE\u7528\u9014\u7528 PNG\uFF1B\u7EAF\u56FE\u5F62\u60F3\u62FF\u77E2\u91CF\u518D\u9009 SVG\u3002"
-            },
-            scale: {
-              type: "number",
-              description: "\u5BFC\u51FA\u500D\u7387\uFF0C\u9ED8\u8BA4 2\u3002"
-            },
-            cache: CACHE_PROP,
-            target: TARGET_PROP
-          }
-        },
-        handler: (args, ctx) => run("get_screenshot", args, ctx?.signal)
-      }
-    ];
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    navigator.clipboard.writeText(text).then(done, done);
+  } else {
+    var ta = document.createElement("textarea");
+    ta.value = text;
+    document.body.appendChild(ta);
+    ta.select();
+    try { document.execCommand("copy"); } catch (e) {}
+    document.body.removeChild(ta);
+    done();
   }
 });
+</script>
+</body>
+</html>
+`;
 
-// src/tools/registry.ts
-function resolveTools() {
-  const seenNames = /* @__PURE__ */ new Set();
-  const resolved = [];
-  for (const def of TOOL_REGISTRY) {
-    if (seenNames.has(def.name)) continue;
-    seenNames.add(def.name);
-    resolved.push({
-      def,
-      tool: {
-        name: def.name,
-        description: def.description,
-        inputSchema: def.inputSchema
-      }
-    });
-  }
-  return resolved;
+// src/install/page.ts
+function bookmarkletHref(base) {
+  const source = renderTemplate(bookmarklet_default, { base }, escapeJsString);
+  return `javascript:${encodeURIComponent(source)}`;
 }
-var TOOL_REGISTRY;
-var init_registry = __esm({
-  "src/tools/registry.ts"() {
-    "use strict";
-    init_builtin();
-    init_plugin();
-    TOOL_REGISTRY = [
-      ...PLUGIN_TOOLS,
-      ...BUILTIN_TOOLS
-    ];
-  }
-});
-
-// src/mcp-local.ts
-import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
-import {
-  CallToolRequestSchema,
-  GetPromptRequestSchema,
-  ListPromptsRequestSchema,
-  ListResourceTemplatesRequestSchema,
-  ListToolsRequestSchema
-} from "@modelcontextprotocol/sdk/types.js";
-function createMcpServer() {
-  const server = new McpServer(
-    { name: "batter-pixso-mcp", version: VERSION },
-    { capabilities: { tools: {}, resources: {}, prompts: {} }, instructions: INSTRUCTIONS }
-  );
-  for (const guide of GUIDES) {
-    server.registerResource(
-      guide.name,
-      guide.uri,
-      {
-        description: guide.description,
-        mimeType: "text/markdown",
-        // 纯 agent 消费的工作流文档，高优先级提示读取
-        annotations: { audience: ["assistant"], priority: 0.9 }
-      },
-      async (uri) => ({
-        contents: [{ uri: uri.href, mimeType: "text/markdown", text: guide.text }]
-      })
-    );
-  }
-  server.server.setRequestHandler(ListResourceTemplatesRequestSchema, async () => ({
-    resourceTemplates: []
-  }));
-  const tools = resolveTools();
-  const byName = {};
-  for (const t of tools) {
-    byName[t.def.name] = t;
-  }
-  server.server.setRequestHandler(ListToolsRequestSchema, async () => ({
-    tools: tools.map((t) => t.tool)
-  }));
-  server.server.setRequestHandler(CallToolRequestSchema, async (request, extra) => {
-    const { name, arguments: args = {} } = request.params;
-    const entry = byName[name];
-    if (!entry) {
-      throw new Error(`unknown tool: ${name}`);
-    }
-    let finalArgs = args;
-    if (entry.def.beforeCall) {
-      finalArgs = entry.def.beforeCall(finalArgs);
-    }
-    let result = await entry.def.handler(finalArgs, { signal: extra.signal });
-    if (entry.def.afterCall) {
-      result = entry.def.afterCall(result);
-    }
-    return result;
-  });
-  server.server.setRequestHandler(ListPromptsRequestSchema, async () => ({
-    prompts: PROMPTS.map((p) => ({
-      name: p.name,
-      description: p.description,
-      arguments: p.arguments
-    }))
-  }));
-  server.server.setRequestHandler(GetPromptRequestSchema, async (request) => {
-    const entry = PROMPTS.find((p) => p.name === request.params.name);
-    if (!entry) {
-      throw new Error(`unknown prompt: ${request.params.name}`);
-    }
-    const args = request.params.arguments ?? {};
-    return { description: entry.description, messages: entry.render(args) };
+function renderInstallPage() {
+  const base = `${hubBaseUrl()}/`;
+  return renderTemplate(install_page_default, {
+    version: VERSION,
+    href: bookmarkletHref(base),
+    base,
+    httpPort: config.httpPort
   });
-  return server;
 }
-var INSTRUCTIONS;
-var init_mcp_local = __esm({
-  "src/mcp-local.ts"() {
-    "use strict";
-    init_config();
-    init_guides();
-    init_prompts();
-    init_registry();
-    INSTRUCTIONS = `Pixso \u8BBE\u8BA1\u7A3F\u8F6C\u4EE3\u7801\u670D\u52A1\u3002\u6309\u7528\u6237\u8F93\u5165\u8DEF\u7531\uFF1A\u2460 \u7ED9\u51FA Pixso \u94FE\u63A5\uFF08\u4EFB\u610F\u57DF\u540D\uFF0C\u542B\u79C1\u6709\u5316\u90E8\u7F72\uFF09\u2192 \u4ECE item-id \u63D0\u53D6 guid\uFF08URL \u89E3\u7801\uFF09\uFF0C\u76F4\u63A5\u8C03 get_node_dsl / get_screenshot / export_image\uFF1B\u2461 \u8BF4"\u6211\u9009\u4E2D\u7684/\u5F53\u524D\u9009\u4E2D\u7684"\u2192 get_selected \u62FF guid \u7EE7\u7EED\uFF1B\u5176\u4ED6\u4F9D\u8D56\u9009\u533A\u7684\u573A\u666F\u5148 get_selected \u518D\u5411\u7528\u6237\u62A5\u540D\u79F0\u786E\u8BA4\uFF1B\u2462 "\u6837\u5F0F\u8FD8\u539F/\u8BBE\u8BA1\u8FD8\u539F/UI \u8FD8\u539F/\u8BBE\u8BA1\u8F6C\u4EE3\u7801/\u6839\u636E\u8BBE\u8BA1\u7A3F\u5199\u9875\u9762\u6216\u7EC4\u4EF6"\u2192 get_node_dsl \u53D6\u7ED3\u6784\u6837\u5F0F + get_screenshot \u53D6\u89C6\u89C9\u53C2\u7167\uFF1B\u2463 "\u5207\u56FE/\u5BFC\u51FA\u56FE\u6807\u6216\u56FE\u7247\u7D20\u6750"\u2192 export_image\uFF08\u5C0A\u91CD\u8BBE\u8BA1\u5E08\u5BFC\u51FA\u6807\u8BB0\uFF1BDSL \u91CC\u5DF2\u5E26 img \u7684\u8282\u70B9\u76F4\u63A5\u7528\u5176\u6587\u4EF6\u540D\uFF0C\u4E0D\u8981\u91CD\u590D\u5BFC\u51FA\uFF09\uFF1B\u2464 \u7ED3\u6784\u590D\u6742/\u5148\u770B\u6574\u4F53\u6846\u67B6 \u2192 get_node_dsl \u7528 maxDepth \u5206\u6BB5\u4E0B\u63A2\uFF08\u622A\u65AD\u5904 more \u6807\u8BB0\uFF0C\u6309 id \u4E0B\u94BB\uFF09\uFF1B\u2465 \u751F\u6210\u540E\u5BF9\u6BD4\u8FD8\u539F\u5EA6 \u2192 get_screenshot \u6821\u9A8C\u5FAA\u73AF\uFF1B\u2466 \u591A\u4E2A Pixso \u6587\u4EF6\u540C\u65F6\u6253\u5F00 \u2192 list_sessions + target \u53C2\u6570\u8DEF\u7531\u3002\u8D44\u6E90\u53D6\u7528\u4E0E\u5B57\u6BB5\u8BED\u4E49\u7B49\u786C\u6027\u89C4\u5219\u89C1\u8D44\u6E90 batter://guides/intro \u4E0E batter://guides/design-to-code\uFF1B\u8BBE\u8BA1\u7A3F\u521A\u6539\u8FC7\u4F46\u7ED3\u679C\u5BF9\u4E0D\u4E0A\u65F6\uFF0C\u7ED9\u5BFC\u51FA\u7C7B\u5DE5\u5177\u52A0 cache:"refresh" \u5F3A\u5236\u5237\u65B0\u3002`;
+
+// src/install/zip.ts
+import { Buffer as Buffer2 } from "node:buffer";
+var CRC_TABLE = (() => {
+  const table = new Uint32Array(256);
+  for (let n = 0; n < 256; n++) {
+    let c = n;
+    for (let k = 0; k < 8; k++) c = c & 1 ? 3988292384 ^ c >>> 1 : c >>> 1;
+    table[n] = c >>> 0;
+  }
+  return table;
+})();
+function crc32(buf) {
+  let crc = 4294967295;
+  for (const byte of buf) crc = CRC_TABLE[(crc ^ byte) & 255] ^ crc >>> 8;
+  return (crc ^ 4294967295) >>> 0;
+}
+function buildZip(entries) {
+  const chunks = [];
+  const central = [];
+  let offset = 0;
+  for (const { name, data } of entries) {
+    const nameBuf = Buffer2.from(name, "utf8");
+    const crc = crc32(data);
+    const local = Buffer2.alloc(30);
+    local.writeUInt32LE(67324752, 0);
+    local.writeUInt16LE(20, 4);
+    local.writeUInt16LE(2048, 6);
+    local.writeUInt16LE(0, 8);
+    local.writeUInt16LE(0, 10);
+    local.writeUInt16LE(33, 12);
+    local.writeUInt32LE(crc, 14);
+    local.writeUInt32LE(data.length, 18);
+    local.writeUInt32LE(data.length, 22);
+    local.writeUInt16LE(nameBuf.length, 26);
+    local.writeUInt16LE(0, 28);
+    chunks.push(local, nameBuf, data);
+    const cen = Buffer2.alloc(46);
+    cen.writeUInt32LE(33639248, 0);
+    cen.writeUInt16LE(20, 4);
+    cen.writeUInt16LE(20, 6);
+    cen.writeUInt16LE(2048, 8);
+    cen.writeUInt16LE(0, 10);
+    cen.writeUInt16LE(0, 12);
+    cen.writeUInt16LE(33, 14);
+    cen.writeUInt32LE(crc, 16);
+    cen.writeUInt32LE(data.length, 20);
+    cen.writeUInt32LE(data.length, 24);
+    cen.writeUInt16LE(nameBuf.length, 28);
+    cen.writeUInt16LE(0, 30);
+    cen.writeUInt16LE(0, 32);
+    cen.writeUInt16LE(0, 34);
+    cen.writeUInt16LE(0, 36);
+    cen.writeUInt32LE(0, 38);
+    cen.writeUInt32LE(offset, 42);
+    central.push(Buffer2.concat([cen, nameBuf]));
+    offset += 30 + nameBuf.length + data.length;
   }
-});
+  const centralBuf = Buffer2.concat(central);
+  const eocd = Buffer2.alloc(22);
+  eocd.writeUInt32LE(101010256, 0);
+  eocd.writeUInt16LE(entries.length, 8);
+  eocd.writeUInt16LE(entries.length, 10);
+  eocd.writeUInt32LE(centralBuf.length, 12);
+  eocd.writeUInt32LE(offset, 16);
+  return Buffer2.concat([...chunks, centralBuf, eocd]);
+}
 
-// src/routes/mcp-http.ts
-import { randomUUID as randomUUID2 } from "node:crypto";
-import { StreamableHTTPServerTransport } from "@modelcontextprotocol/sdk/server/streamableHttp.js";
-import { isInitializeRequest } from "@modelcontextprotocol/sdk/types.js";
-async function handleMcp(req, res, url) {
-  if (url.pathname !== "/mcp") return false;
-  const sessionId = req.headers["mcp-session-id"];
-  if (req.method === "POST") {
-    const raw = await readBody(req);
-    let body;
-    try {
-      body = raw.length ? JSON.parse(raw.toString("utf8")) : void 0;
-    } catch {
-      sendJson(res, 400, { jsonrpc: "2.0", error: { code: -32700, message: "Parse error" }, id: null });
-      return true;
+// src/install/api.ts
+var NO_DIST = "plugin dist not found\uFF08\u8FD0\u884C npm run build \u751F\u6210\uFF09";
+function handleInstall(req, res, url) {
+  return dispatchRoute(INSTALL_ROUTES, req, res, url);
+}
+function sendBinary(res, buf, contentType) {
+  res.writeHead(200, { "Content-Type": contentType, "Cache-Control": "no-store" });
+  res.end(buf);
+}
+var PLUGIN_FILE_ROUTES = [
+  { path: "/code.js", file: "code.js", type: "text/javascript; charset=utf-8" },
+  { path: "/ui.html", file: "ui.html", type: "text/html; charset=utf-8" }
+].map(({ path, file, type }) => ({
+  method: "GET",
+  path,
+  handler: async ({ res }) => {
+    const buf = await readPluginFile(file);
+    if (!buf) {
+      sendJson(res, 404, { error: hasPluginDist() ? "not found" : NO_DIST });
+      return;
     }
-    let transport2 = sessionId ? mcpTransports.get(sessionId) : void 0;
-    if (!transport2) {
-      if (!sessionId && isInitializeRequest(body)) {
-        const t = new StreamableHTTPServerTransport({
-          sessionIdGenerator: () => randomUUID2(),
-          onsessioninitialized: (id) => {
-            mcpTransports.set(id, t);
-            log(`MCP HTTP session initialized: ${id.slice(0, 8)} (total ${mcpTransports.size})`);
-          }
-        });
-        t.onclose = () => {
-          if (t.sessionId) mcpTransports.delete(t.sessionId);
-        };
-        await createMcpServer().connect(t);
-        transport2 = t;
-      } else {
-        sendJson(res, 400, {
-          jsonrpc: "2.0",
-          error: { code: -32e3, message: "Bad Request: missing or unknown MCP session" },
-          id: null
+    sendBinary(res, buf, type);
+  }
+}));
+var INSTALL_ROUTES = [
+  {
+    method: "GET",
+    path: "/",
+    handler: ({ res }) => {
+      res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
+      res.end(renderInstallPage());
+    }
+  },
+  {
+    method: "GET",
+    path: "/manifest.json",
+    handler: async ({ res }) => {
+      const buf = await pluginManifest();
+      if (!buf) {
+        sendJson(res, 404, { error: NO_DIST });
+        return;
+      }
+      sendBinary(res, buf, "application/json; charset=utf-8");
+    }
+  },
+  ...PLUGIN_FILE_ROUTES,
+  {
+    method: "GET",
+    path: "/plugin.zip",
+    handler: async ({ res }) => {
+      if (!hasPluginDist()) {
+        sendJson(res, 404, { error: NO_DIST });
+        return;
+      }
+      try {
+        const [manifest, code, ui] = await Promise.all([
+          pluginManifest(),
+          readPluginFile("code.js"),
+          readPluginFile("ui.html")
+        ]);
+        const zip = buildZip([
+          { name: "manifest.json", data: manifest },
+          { name: "code.js", data: code },
+          { name: "ui.html", data: ui }
+        ]);
+        res.writeHead(200, {
+          "Content-Type": "application/zip",
+          "Content-Disposition": 'attachment; filename="batter-pixso-bridge.zip"'
         });
-        return true;
+        res.end(zip);
+      } catch {
+        sendJson(res, 500, { error: "zip build failed" });
       }
     }
-    await transport2.handleRequest(req, res, body);
-    return true;
   }
-  const transport = sessionId ? mcpTransports.get(sessionId) : void 0;
-  if (!transport) {
-    sendJson(res, 400, { error: "missing or unknown MCP session" });
-    return true;
-  }
-  await transport.handleRequest(req, res);
-  return true;
-}
-var mcpTransports;
-var init_mcp_http = __esm({
-  "src/routes/mcp-http.ts"() {
-    "use strict";
-    init_config();
-    init_mcp_local();
-    init_http_utils();
-    mcpTransports = /* @__PURE__ */ new Map();
-  }
-});
+];
 
-// src/routes/plugin-api.ts
-async function handlePluginApi(req, res, url) {
-  const path = url.pathname;
-  const session = url.searchParams.get("session");
-  if (req.method === "POST" && path === "/sessions/register") {
-    try {
-      const buf = await readBody(req);
-      const meta = buf.length ? JSON.parse(buf.toString("utf8")) : {};
-      sendJson(res, 201, sessions.register(meta));
-    } catch {
-      sendJson(res, 400, { error: "invalid json" });
-    }
-    return true;
-  }
-  if (req.method === "POST" && path === "/context") {
-    if (!session) {
-      sendJson(res, 400, { error: "missing session" });
-      return true;
+// src/plugin/api.ts
+function handlePluginApi(req, res, url) {
+  return dispatchRoute(PLUGIN_ROUTES, req, res, url);
+}
+var PLUGIN_ROUTES = [
+  {
+    method: "POST",
+    path: "/sessions/register",
+    handler: async ({ req, res }) => {
+      sendJson(res, 201, sessions.register(await readJsonBody(req)));
     }
-    try {
-      const buf = await readBody(req);
-      const meta = buf.length ? JSON.parse(buf.toString("utf8")) : {};
+  },
+  {
+    method: "POST",
+    path: "/context",
+    handler: async ({ req, res, url }) => {
+      const session = url.searchParams.get("session");
+      if (!session) {
+        sendJson(res, 400, { error: "missing session" });
+        return;
+      }
+      const meta = await readJsonBody(req);
       if (!sessions.updateContext(session, meta)) {
         sendJson(res, 404, { error: "unknown_session" });
-        return true;
+        return;
       }
       sendJson(res, 200, { ok: true });
-    } catch {
-      sendJson(res, 400, { error: "invalid json" });
     }
-    return true;
-  }
-  if (req.method === "GET" && path === "/commands/stream") {
-    if (!session || !sessions.setConnected(session, true)) {
-      sendJson(res, 404, { error: "unknown_session" });
-      return true;
-    }
-    res.writeHead(200, {
-      "Content-Type": "text/event-stream; charset=utf-8",
-      "Cache-Control": "no-store",
-      Connection: "keep-alive"
-    });
-    res.write(": connected\n\n");
-    const unsubscribe = commandBus.subscribe(session, (command) => {
-      res.write(`data: ${JSON.stringify({ command })}
+  },
+  {
+    method: "GET",
+    path: "/commands/stream",
+    handler: ({ req, res, url }) => {
+      const session = url.searchParams.get("session");
+      if (!session || !sessions.setConnected(session, true)) {
+        sendJson(res, 404, { error: "unknown_session" });
+        return;
+      }
+      res.writeHead(200, {
+        "Content-Type": "text/event-stream; charset=utf-8",
+        "Cache-Control": "no-store",
+        Connection: "keep-alive"
+      });
+      res.write(": connected\n\n");
+      const unsubscribe = commandBus.subscribe(session, (command) => {
+        res.write(`data: ${JSON.stringify({ command })}
 
 `);
-    });
-    const heartbeat = setInterval(() => {
-      sessions.touch(session);
-      res.write(": ping\n\n");
-    }, 15e3);
-    req.on("close", () => {
-      clearInterval(heartbeat);
-      unsubscribe();
-      sessions.setConnected(session, false);
-      log(`SSE channel closed: session ${session.slice(0, 8)}`);
-    });
-    return true;
-  }
-  if (req.method === "GET" && path === "/commands/next") {
-    if (!session) {
-      sendJson(res, 400, { error: "missing session" });
-      return true;
-    }
-    if (!sessions.touch(session)) {
-      sendJson(res, 404, { error: "unknown_session" });
-      return true;
-    }
-    try {
-      const command = await commandBus.take(session);
-      if (command === null) {
-        res.writeHead(204);
-        res.end();
-        return true;
-      }
-      sendJson(res, 200, { command });
-    } catch {
-      sendJson(res, 500, { error: "internal error" });
+      });
+      const heartbeat = setInterval(() => {
+        sessions.touchSeen(session);
+        res.write(": ping\n\n");
+      }, 15e3);
+      req.on("close", () => {
+        clearInterval(heartbeat);
+        unsubscribe();
+        sessions.setConnected(session, false);
+        log(`SSE channel closed: session ${session.slice(0, 8)}`);
+      });
     }
-    return true;
-  }
-  const resultMatch = path.match(/^\/commands\/([\w-]+)\/result$/);
-  if (req.method === "POST" && resultMatch) {
-    try {
-      const buf = await readBody(req);
-      const payload = JSON.parse(buf.toString("utf8"));
-      const found = commandBus.complete(resultMatch[1], payload.ok, payload.ok ? payload.result : payload.error);
+  },
+  {
+    method: "POST",
+    path: "/commands/:id/result",
+    handler: async ({ req, res, params }) => {
+      const payload = await readJsonBody(req);
+      const result = payload.ok && payload.assets?.length ? substituteAssets(payload.result, payload.assets) : payload.result;
+      const found = commandBus.complete(params["id"], payload.ok, payload.ok ? result : payload.error);
       sendJson(res, found ? 200 : 404, found ? { ok: true } : { error: "unknown command" });
-    } catch {
-      sendJson(res, 400, { error: "invalid json" });
     }
-    return true;
-  }
-  if (req.method === "POST" && path === "/assets") {
-    try {
-      const buf = await readBody(req);
-      const saved = await saveAsset(buf, url.searchParams.get("format") ?? "PNG");
-      sendJson(res, 201, { name: saved.name });
-    } catch {
-      sendJson(res, 500, { error: "asset save failed" });
+  },
+  {
+    method: "POST",
+    path: "/assets",
+    handler: async ({ req, res, url }) => {
+      try {
+        const name = await saveAsset(await readBody(req), url.searchParams.get("format") ?? "PNG");
+        sendJson(res, 201, { name });
+      } catch {
+        sendJson(res, 500, { error: "asset save failed" });
+      }
     }
-    return true;
-  }
-  return false;
-}
-var init_plugin_api = __esm({
-  "src/routes/plugin-api.ts"() {
-    "use strict";
-    init_assets();
-    init_commands();
-    init_sessions();
-    init_config();
-    init_http_utils();
   }
-});
+];
 
-// src/server.ts
-import { createServer } from "node:http";
+// src/http.ts
+var lastActivity = Date.now();
 function getLastActivity() {
   return lastActivity;
 }
+var ROUTES = [handleInstall, handleMcp, handlePluginApi];
 function startHttpServer() {
   const server = createServer((req, res) => {
     lastActivity = Date.now();
@@ -1651,23 +1646,19 @@ function startHttpServer() {
       const all = sessions.list();
       sendJson(res, 200, {
         ok: true,
-        name: "batter-pixso-mcp",
+        name: HUB_NAME,
         pid: process.pid,
         version: VERSION,
-        sessions: all.length,
         pluginsOnline: all.filter((s) => s.online).length
       });
       return;
     }
-    (async () => {
+    void (async () => {
       for (const handler of ROUTES) {
         if (await handler(req, res, url)) return;
       }
       sendJson(res, 404, { error: "not found" });
-    })().catch((err) => {
-      log("route error:", err);
-      if (!res.headersSent) sendJson(res, 500, { error: "internal error" });
-    });
+    })();
   });
   return new Promise((resolve, reject) => {
     server.once("error", (err) => {
@@ -1683,22 +1674,8 @@ function startHttpServer() {
     });
   });
 }
-var lastActivity, ROUTES;
-var init_server = __esm({
-  "src/server.ts"() {
-    "use strict";
-    init_config();
-    init_sessions();
-    init_http_utils();
-    init_install();
-    init_mcp_http();
-    init_plugin_api();
-    lastActivity = Date.now();
-    ROUTES = [handleInstall, handleMcp, handlePluginApi];
-  }
-});
 
-// src/lifecycle/hub-mode.ts
+// src/process/hub.ts
 async function runHub() {
   const server = await startHttpServer();
   if (!server) {
@@ -1706,46 +1683,46 @@ async function runHub() {
     process.exit(0);
   }
   log(`hub ready (idle TTL ${config.hubIdleMs / 6e4}min)`);
+  void cleanOldAssets(config.assetTtlMs);
+  let tick = 0;
   const watchdog = setInterval(() => {
     const idle = Date.now() - getLastActivity();
-    if (idle > config.hubIdleMs) {
-      log(`\u7A7A\u95F2 ${Math.round(idle / 6e4)} \u5206\u949F\uFF0Chub \u81EA\u52A8\u9000\u51FA`);
+    const anyPluginOnline = sessions.list().some((s) => s.online);
+    if (idle > config.hubIdleMs && !anyPluginOnline) {
+      log(`\u7A7A\u95F2 ${Math.round(idle / 6e4)} \u5206\u949F\u4E14\u65E0\u5728\u7EBF\u63D2\u4EF6\uFF0Chub \u81EA\u52A8\u9000\u51FA`);
       process.exit(0);
     }
-    void cleanOldAssets(config.assetTtlMs);
+    if (++tick % 60 === 0) void cleanOldAssets(config.assetTtlMs);
   }, 6e4);
   watchdog.unref();
 }
-var init_hub_mode = __esm({
-  "src/lifecycle/hub-mode.ts"() {
-    "use strict";
-    init_assets();
-    init_config();
-    init_server();
-  }
-});
 
-// src/lifecycle/hub-process.ts
+// src/process/stdio-proxy.ts
+import { Client } from "@modelcontextprotocol/sdk/client/index.js";
+import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
+import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { ResultSchema } from "@modelcontextprotocol/sdk/types.js";
+
+// src/process/hub-process.ts
 import { spawn } from "node:child_process";
-import { openSync } from "node:fs";
+import { closeSync, openSync } from "node:fs";
 import { tmpdir as tmpdir2 } from "node:os";
-import { join as join3 } from "node:path";
+import { join as join4 } from "node:path";
 import { fileURLToPath as fileURLToPath2 } from "node:url";
-function hubBaseUrl() {
-  return `http://127.0.0.1:${config.httpPort}`;
-}
 async function probeHub() {
   try {
     const res = await fetch(`${hubBaseUrl()}/health`, { signal: AbortSignal.timeout(1500) });
     if (!res.ok) return "foreign";
     const body = await res.json();
-    if (body.ok === true && body.name === "batter-pixso-mcp") return "alive";
+    if (body.ok === true && body.name === HUB_NAME) return "alive";
     if (body.ok === true) return "legacy";
     return "foreign";
   } catch {
     return "down";
   }
 }
+var PORT_FIX_HINT = `\u7528 netstat -ano | findstr :${config.httpPort} \u67E5\u5230 PID \u540E taskkill /PID <pid> /F \u7ED3\u675F\uFF0C\u518D\u91CD\u8BD5`;
 function hubStateError(state) {
   if (state === "legacy") {
     return new Error(
@@ -1754,6 +1731,7 @@ function hubStateError(state) {
   }
   return new Error(`\u7AEF\u53E3 ${config.httpPort} \u88AB\u5176\u4ED6\u7A0B\u5E8F\u5360\u7528\u3002${PORT_FIX_HINT}\uFF0C\u6216\u4FEE\u6539 HTTP_PORT \u6362\u7AEF\u53E3`);
 }
+var HUB_LOG = join4(tmpdir2(), "batter-pixso-mcp-hub.log");
 function spawnHub() {
   const out = openSync(HUB_LOG, "a");
   const entry = process.argv[1] ?? fileURLToPath2(import.meta.url);
@@ -1768,6 +1746,7 @@ function spawnHub() {
     env: { ...process.env }
   });
   child.unref();
+  closeSync(out);
   log(`hub spawned (pid ${child.pid}), log: ${HUB_LOG}`);
 }
 async function waitForHub(timeoutMs = 15e3) {
@@ -1780,22 +1759,8 @@ async function waitForHub(timeoutMs = 15e3) {
     await new Promise((r) => setTimeout(r, 200));
   }
 }
-var PORT_FIX_HINT, HUB_LOG;
-var init_hub_process = __esm({
-  "src/lifecycle/hub-process.ts"() {
-    "use strict";
-    init_config();
-    PORT_FIX_HINT = `\u7528 netstat -ano | findstr :${config.httpPort} \u67E5\u5230 PID \u540E taskkill /PID <pid> /F \u7ED3\u675F\uFF0C\u518D\u91CD\u8BD5`;
-    HUB_LOG = join3(tmpdir2(), "batter-pixso-mcp-hub.log");
-  }
-});
 
-// src/stdio-proxy.ts
-import { Client } from "@modelcontextprotocol/sdk/client/index.js";
-import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js";
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
-import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
-import { ResultSchema } from "@modelcontextprotocol/sdk/types.js";
+// src/process/stdio-proxy.ts
 async function startStdioProxy() {
   const mcpUrl = `${hubBaseUrl()}/mcp`;
   let upstream = null;
@@ -1808,13 +1773,7 @@ async function startStdioProxy() {
     return client;
   }
   async function ensureUpstream() {
-    if (upstream) {
-      try {
-        await upstream.ping();
-        return upstream;
-      } catch {
-      }
-    }
+    if (upstream) return upstream;
     const state = await probeHub();
     if (state === "down") spawnHub();
     if (state === "legacy" || state === "foreign") throw hubStateError(state);
@@ -1828,8 +1787,12 @@ async function startStdioProxy() {
     try {
       return await fn(client);
     } catch (err) {
-      if (await probeHub() !== "down") throw err;
-      log("hub \u5931\u8054\uFF0C\u91CD\u5EFA\u540E\u91CD\u8BD5\u2026");
+      const alive = await client.ping().then(
+        () => true,
+        () => false
+      );
+      if (alive) throw err;
+      log("hub \u4F1A\u8BDD\u5931\u8054\uFF0C\u91CD\u5EFA\u540E\u91CD\u8BD5\u2026");
       upstream = null;
       const rebuilt = await ensureUpstream();
       return await fn(rebuilt);
@@ -1837,7 +1800,7 @@ async function startStdioProxy() {
   }
   const upstreamClient = await ensureUpstream();
   const server = new Server(
-    { name: "batter-pixso-mcp", version: VERSION },
+    { name: HUB_NAME, version: VERSION },
     {
       capabilities: upstreamClient.getServerCapabilities() ?? {}
     }
@@ -1850,19 +1813,8 @@ async function startStdioProxy() {
   await server.connect(new StdioServerTransport());
   log("proxy ready on stdio");
 }
-var init_stdio_proxy = __esm({
-  "src/stdio-proxy.ts"() {
-    "use strict";
-    init_config();
-    init_hub_process();
-  }
-});
 
-// src/main.ts
-var main_exports = {};
-__export(main_exports, {
-  main: () => main
-});
+// src/process/main.ts
 async function main() {
   if (process.argv.includes("--hub")) {
     await runHub();
@@ -1870,26 +1822,9 @@ async function main() {
   }
   await startStdioProxy();
 }
-var init_main = __esm({
-  "src/main.ts"() {
-    "use strict";
-    init_hub_mode();
-    init_stdio_proxy();
-  }
-});
 
-// src/index.ts
-var major = Number(process.versions.node.split(".")[0]);
-if (major < 18) {
-  console.error(
-    `[batter-pixso-mcp] \u9700\u8981 Node \u2265 18\uFF08\u5F53\u524D ${process.version}\uFF09\u3002
-\u7CFB\u7EDF Node \u8FC7\u65E7\u65F6\u53EF\u7528 Volta \u6307\u5B9A\u8FD0\u884C\u65F6\uFF1A
-  MCP \u914D\u7F6E: { "command": "volta", "args": ["run", "--node", "24", "npx", "-y", "batter-pixso-mcp"] }`
-  );
-  process.exit(1);
-}
-var { main: main2 } = await Promise.resolve().then(() => (init_main(), main_exports));
-main2().catch((err) => {
+// src/process/index.ts
+main().catch((err) => {
   console.error("[batter-pixso-mcp] fatal:", err);
   process.exit(1);
 });