@agimon-ai/style-system 0.1.8 → 0.1.9

package/dist/cli.cjs

@@ -1,13 +1,17 @@
 #!/usr/bin/env node
-const require_stdio = require("./stdio-EAP8fZ2p.cjs");
+const require_stdio = require("./stdio-C2gi8JVm.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);
+let zod = require("zod");
 let _agimon_ai_foundation_exec = require("@agimon-ai/foundation-exec");
+let _modelcontextprotocol_server = require("@modelcontextprotocol/server");
 require("reflect-metadata");
 let commander = require("commander");
 let chalk = require("chalk");
 chalk = require_stdio.__toESM(chalk, 1);
+let node_http = require("node:http");
+let _modelcontextprotocol_node = require("@modelcontextprotocol/node");
 //#region src/utils/print.ts
 function resolveChalk(value, depth = 0) {
 	if (value && (typeof value === "object" || typeof value === "function") && "red" in value && typeof value.red === "function") return value;
@@ -243,13 +247,80 @@ const listSharedComponentsCommand = new commander.Command("list-shared-component
 	}
 });
 //#endregion
+//#region src/transports/http.ts
+/** Request-scoped modern Streamable HTTP. No legacy HTTP/SSE endpoint is registered. */
+var HttpTransportHandler = class {
+	serverFactory;
+	host;
+	port;
+	server = null;
+	handler = null;
+	constructor(serverFactory, port, host = "localhost") {
+		this.serverFactory = serverFactory;
+		if (!Number.isInteger(port) || port < 0 || port > 65535) throw new Error("Invalid HTTP port");
+		this.port = port;
+		this.host = host;
+	}
+	async start() {
+		if (this.server) throw new Error("MCP HTTP transport already running");
+		const handler = (0, _modelcontextprotocol_server.createMcpHandler)(this.serverFactory, { legacy: "reject" });
+		const serve = (0, _modelcontextprotocol_node.toNodeHandler)(handler);
+		const validateHost = (0, _modelcontextprotocol_node.localhostHostValidation)();
+		const validateOrigin = (0, _modelcontextprotocol_node.localhostOriginValidation)();
+		const loopback = [
+			"localhost",
+			"127.0.0.1",
+			"::1",
+			"[::1]"
+		].includes(this.host);
+		const server = (0, node_http.createServer)((req, res) => {
+			if (req.url?.split("?")[0] !== "/mcp" || ![
+				"POST",
+				"GET",
+				"DELETE"
+			].includes(req.method ?? "")) {
+				res.writeHead(404).end();
+				return;
+			}
+			if (loopback && (!validateHost(req, res) || !validateOrigin(req, res))) return;
+			serve(req, res).catch((error) => {
+				process.stderr.write(`MCP HTTP request failed: ${error instanceof Error ? error.message : String(error)}\n`);
+				if (!res.headersSent) res.writeHead(500).end();
+			});
+		});
+		try {
+			await new Promise((resolve, reject) => {
+				server.once("error", reject);
+				server.listen(this.port, this.host, () => resolve());
+			});
+			this.server = server;
+			this.handler = handler;
+		} catch (error) {
+			await handler.close();
+			throw error;
+		}
+	}
+	async stop() {
+		const server = this.server;
+		this.server = null;
+		const handler = this.handler;
+		this.handler = null;
+		await handler?.close();
+		if (server) await new Promise((resolve, reject) => server.close((error) => error ? reject(error) : resolve()));
+	}
+	getPort() {
+		const address = this.server?.address();
+		return address && typeof address !== "string" ? address.port : this.port;
+	}
+};
+//#endregion
 //#region src/commands/mcp-serve.ts
 /**
 * MCP Serve Command
 *
 * DESIGN PATTERNS:
 * - Command pattern with Commander for CLI argument parsing
-* - Transport abstraction pattern for flexible deployment (stdio, HTTP, SSE)
+* - Transport abstraction pattern for modern stdio and HTTP
 * - Factory pattern for creating transport handlers
 * - Graceful shutdown pattern with signal handling
 *
@@ -283,7 +354,9 @@ async function startServer(handler, bundlerService, devServerPort) {
 			releasePortOnRelease: false,
 			metadata: devServerPort ? { devServerPort } : {}
 		});
-	} catch {}
+	} catch (error) {
+		console.error("Process registry unavailable:", error);
+	}
 	const shutdown = async (signal) => {
 		console.error(`\nReceived ${signal}, shutting down gracefully...`);
 		try {
@@ -308,27 +381,37 @@ async function startServer(handler, bundlerService, devServerPort) {
 * Note: Design system configuration is now app-specific and read from each app's project.json.
 * No global theme configuration is needed at the server level.
 */
-const mcpServeCommand = new commander.Command("mcp-serve").description("Start MCP server with specified transport").option("-t, --type <type>", "Transport type: stdio", "stdio").option("--theme-path <path>", "Theme CSS file path relative to workspace root for get-css-classes when app config does not define style-system.themePath").option("--dev", "Start Vite dev server for component hot reload and caching").option("--app-path <path>", "App path for dev server (e.g., apps/agiflow-app)").action(async (options) => {
+const mcpServeCommand = new commander.Command("mcp-serve").description("Start MCP server with specified transport").option("-t, --type <type>", "Transport type: stdio or http", "stdio").option("-p, --port <port>", "HTTP port (required for HTTP)").option("--host <host>", "HTTP bind host", "localhost").option("--theme-path <path>", "Theme CSS file path relative to workspace root for get-css-classes when app config does not define style-system.themePath").option("--dev", "Start Vite dev server for component hot reload and caching").option("--app-path <path>", "App path for dev server (e.g., apps/agiflow-app)").action(async (options) => {
 	try {
-		const transportType = options.type.toLowerCase();
+		const parsed = zod.z.object({
+			type: zod.z.enum(["stdio", "http"]),
+			port: zod.z.coerce.number().int().min(0).max(65535).optional(),
+			host: zod.z.string().min(1),
+			themePath: zod.z.string().optional(),
+			dev: zod.z.boolean().optional(),
+			appPath: zod.z.string().optional()
+		}).parse(options);
+		const transportType = parsed.type;
 		let devServerPort;
 		const bundlerService = await require_stdio.getBundlerServiceFromConfig();
-		if (options.dev) {
-			if (!options.appPath) {
+		if (parsed.dev) {
+			if (!parsed.appPath) {
 				console.error("Error: --app-path is required when using --dev flag");
 				console.error(`Example: ${require_stdio.STYLE_SYSTEM_CLI_NAME} mcp-serve --dev --app-path apps/agiflow-app`);
 				process.exit(1);
 			}
-			const { url, port } = await bundlerService.startDevServer(options.appPath);
+			const { url, port } = await bundlerService.startDevServer(parsed.appPath);
 			devServerPort = port;
 			console.error(`Dev server started at ${url} (port: ${port})`);
 		}
 		if (transportType === "stdio") {
-			const container = require_stdio.createContainer({ defaultThemePath: options.themePath });
-			const server = require_stdio.createServer(container);
-			await startServer(new require_stdio.StdioTransportHandler(server), bundlerService, devServerPort);
+			const container = require_stdio.createContainer({ defaultThemePath: parsed.themePath });
+			await startServer(new require_stdio.StdioTransportHandler(() => require_stdio.createServer(container)), bundlerService, devServerPort);
+		} else if (transportType === "http" && parsed.port !== void 0) {
+			const container = require_stdio.createContainer({ defaultThemePath: parsed.themePath });
+			await startServer(new HttpTransportHandler(() => require_stdio.createServer(container), parsed.port, parsed.host), bundlerService, devServerPort);
 		} else {
-			console.error(`Unknown transport type: ${transportType}. Use: stdio`);
+			console.error("HTTP requires --port");
 			process.exit(1);
 		}
 	} catch (error) {

package/dist/cli.mjs

@@ -1,11 +1,15 @@
 #!/usr/bin/env node
-import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, L as log, N as DEFAULT_STYLE_SYSTEM_CONFIG, P as TailwindCSSClassesService, a as STYLE_SYSTEM_CLI_NAME, b as getBundlerServiceFromConfig, i as createServer, k as resolveStyleSystemThemePath, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler } from "./stdio-kBUcm1mr.mjs";
+import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, L as log, N as DEFAULT_STYLE_SYSTEM_CONFIG, P as TailwindCSSClassesService, a as STYLE_SYSTEM_CLI_NAME, b as getBundlerServiceFromConfig, i as createServer$1, k as resolveStyleSystemThemePath, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler } from "./stdio-n-SouxK6.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
+import { z } from "zod";
 import { registerManagedProcess } from "@agimon-ai/foundation-exec";
+import { createMcpHandler } from "@modelcontextprotocol/server";
 import "reflect-metadata";
 import { Command } from "commander";
 import * as chalkImport from "chalk";
+import { createServer } from "node:http";
+import { localhostHostValidation, localhostOriginValidation, toNodeHandler } from "@modelcontextprotocol/node";
 //#region src/utils/print.ts
 function resolveChalk(value, depth = 0) {
 	if (value && (typeof value === "object" || typeof value === "function") && "red" in value && typeof value.red === "function") return value;
@@ -241,13 +245,80 @@ const listSharedComponentsCommand = new Command("list-shared-components").descri
 	}
 });
 //#endregion
+//#region src/transports/http.ts
+/** Request-scoped modern Streamable HTTP. No legacy HTTP/SSE endpoint is registered. */
+var HttpTransportHandler = class {
+	serverFactory;
+	host;
+	port;
+	server = null;
+	handler = null;
+	constructor(serverFactory, port, host = "localhost") {
+		this.serverFactory = serverFactory;
+		if (!Number.isInteger(port) || port < 0 || port > 65535) throw new Error("Invalid HTTP port");
+		this.port = port;
+		this.host = host;
+	}
+	async start() {
+		if (this.server) throw new Error("MCP HTTP transport already running");
+		const handler = createMcpHandler(this.serverFactory, { legacy: "reject" });
+		const serve = toNodeHandler(handler);
+		const validateHost = localhostHostValidation();
+		const validateOrigin = localhostOriginValidation();
+		const loopback = [
+			"localhost",
+			"127.0.0.1",
+			"::1",
+			"[::1]"
+		].includes(this.host);
+		const server = createServer((req, res) => {
+			if (req.url?.split("?")[0] !== "/mcp" || ![
+				"POST",
+				"GET",
+				"DELETE"
+			].includes(req.method ?? "")) {
+				res.writeHead(404).end();
+				return;
+			}
+			if (loopback && (!validateHost(req, res) || !validateOrigin(req, res))) return;
+			serve(req, res).catch((error) => {
+				process.stderr.write(`MCP HTTP request failed: ${error instanceof Error ? error.message : String(error)}\n`);
+				if (!res.headersSent) res.writeHead(500).end();
+			});
+		});
+		try {
+			await new Promise((resolve, reject) => {
+				server.once("error", reject);
+				server.listen(this.port, this.host, () => resolve());
+			});
+			this.server = server;
+			this.handler = handler;
+		} catch (error) {
+			await handler.close();
+			throw error;
+		}
+	}
+	async stop() {
+		const server = this.server;
+		this.server = null;
+		const handler = this.handler;
+		this.handler = null;
+		await handler?.close();
+		if (server) await new Promise((resolve, reject) => server.close((error) => error ? reject(error) : resolve()));
+	}
+	getPort() {
+		const address = this.server?.address();
+		return address && typeof address !== "string" ? address.port : this.port;
+	}
+};
+//#endregion
 //#region src/commands/mcp-serve.ts
 /**
 * MCP Serve Command
 *
 * DESIGN PATTERNS:
 * - Command pattern with Commander for CLI argument parsing
-* - Transport abstraction pattern for flexible deployment (stdio, HTTP, SSE)
+* - Transport abstraction pattern for modern stdio and HTTP
 * - Factory pattern for creating transport handlers
 * - Graceful shutdown pattern with signal handling
 *
@@ -281,7 +352,9 @@ async function startServer(handler, bundlerService, devServerPort) {
 			releasePortOnRelease: false,
 			metadata: devServerPort ? { devServerPort } : {}
 		});
-	} catch {}
+	} catch (error) {
+		console.error("Process registry unavailable:", error);
+	}
 	const shutdown = async (signal) => {
 		console.error(`\nReceived ${signal}, shutting down gracefully...`);
 		try {
@@ -306,27 +379,37 @@ async function startServer(handler, bundlerService, devServerPort) {
 * Note: Design system configuration is now app-specific and read from each app's project.json.
 * No global theme configuration is needed at the server level.
 */
-const mcpServeCommand = new Command("mcp-serve").description("Start MCP server with specified transport").option("-t, --type <type>", "Transport type: stdio", "stdio").option("--theme-path <path>", "Theme CSS file path relative to workspace root for get-css-classes when app config does not define style-system.themePath").option("--dev", "Start Vite dev server for component hot reload and caching").option("--app-path <path>", "App path for dev server (e.g., apps/agiflow-app)").action(async (options) => {
+const mcpServeCommand = new Command("mcp-serve").description("Start MCP server with specified transport").option("-t, --type <type>", "Transport type: stdio or http", "stdio").option("-p, --port <port>", "HTTP port (required for HTTP)").option("--host <host>", "HTTP bind host", "localhost").option("--theme-path <path>", "Theme CSS file path relative to workspace root for get-css-classes when app config does not define style-system.themePath").option("--dev", "Start Vite dev server for component hot reload and caching").option("--app-path <path>", "App path for dev server (e.g., apps/agiflow-app)").action(async (options) => {
 	try {
-		const transportType = options.type.toLowerCase();
+		const parsed = z.object({
+			type: z.enum(["stdio", "http"]),
+			port: z.coerce.number().int().min(0).max(65535).optional(),
+			host: z.string().min(1),
+			themePath: z.string().optional(),
+			dev: z.boolean().optional(),
+			appPath: z.string().optional()
+		}).parse(options);
+		const transportType = parsed.type;
 		let devServerPort;
 		const bundlerService = await getBundlerServiceFromConfig();
-		if (options.dev) {
-			if (!options.appPath) {
+		if (parsed.dev) {
+			if (!parsed.appPath) {
 				console.error("Error: --app-path is required when using --dev flag");
 				console.error(`Example: ${STYLE_SYSTEM_CLI_NAME} mcp-serve --dev --app-path apps/agiflow-app`);
 				process.exit(1);
 			}
-			const { url, port } = await bundlerService.startDevServer(options.appPath);
+			const { url, port } = await bundlerService.startDevServer(parsed.appPath);
 			devServerPort = port;
 			console.error(`Dev server started at ${url} (port: ${port})`);
 		}
 		if (transportType === "stdio") {
-			const container = createContainer({ defaultThemePath: options.themePath });
-			const server = createServer(container);
-			await startServer(new StdioTransportHandler(server), bundlerService, devServerPort);
+			const container = createContainer({ defaultThemePath: parsed.themePath });
+			await startServer(new StdioTransportHandler(() => createServer$1(container)), bundlerService, devServerPort);
+		} else if (transportType === "http" && parsed.port !== void 0) {
+			const container = createContainer({ defaultThemePath: parsed.themePath });
+			await startServer(new HttpTransportHandler(() => createServer$1(container), parsed.port, parsed.host), bundlerService, devServerPort);
 		} else {
-			console.error(`Unknown transport type: ${transportType}. Use: stdio`);
+			console.error("HTTP requires --port");
 			process.exit(1);
 		}
 	} catch (error) {

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_stdio = require("./stdio-EAP8fZ2p.cjs");
+const require_stdio = require("./stdio-C2gi8JVm.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);

package/dist/index.d.cts

@@ -1,8 +1,7 @@
 import { Container, ContainerModule } from "inversify";
 import "zod";
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
+import { CallToolResult, Server } from "@modelcontextprotocol/server";
 import { AliasOptions, Plugin, UserConfig } from "vite";
-import { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
 //#region src/container/module.d.ts
 interface StyleSystemModuleOptions {
   defaultThemePath?: string;
@@ -1620,8 +1619,8 @@ interface ToolDefinition {
   name: string;
   description: string;
   inputSchema: {
-    type: string;
-    properties: Record<string, any>;
+    type: 'object';
+    properties: Record<string, Record<string, unknown>>;
     required?: string[];
     additionalProperties?: boolean;
   };
@@ -1630,7 +1629,7 @@ interface ToolDefinition {
 /**
  * Base tool interface following MCP SDK patterns
  */
-interface Tool<TInput = any> {
+interface Tool<TInput = unknown> {
   getDefinition(): ToolDefinition;
   execute(input: TInput): Promise<CallToolResult>;
 }
@@ -1998,14 +1997,12 @@ declare class PolishComponentTool implements Tool<PolishComponentInput> {
 }
 //#endregion
 //#region src/transports/stdio.d.ts
-/**
- * Stdio transport handler for MCP server
- * Used for command-line and direct integrations
- */
+/** Modern MCP stdio only: reject legacy initialization explicitly. */
 declare class StdioTransportHandler {
-  private server;
-  private transport;
-  constructor(server: Server);
+  private readonly factory;
+  private handle;
+  private started;
+  constructor(server: Server | (() => Server));
   start(): Promise<void>;
   stop(): Promise<void>;
 }

package/dist/index.d.mts

@@ -1,7 +1,6 @@
 import { Container, ContainerModule } from "inversify";
 import { z } from "zod";
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
-import { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
+import { CallToolResult, Server } from "@modelcontextprotocol/server";
 import { AliasOptions, Plugin, UserConfig } from "vite";
 //#region src/container/module.d.ts
 interface StyleSystemModuleOptions {
@@ -1620,8 +1619,8 @@ interface ToolDefinition {
   name: string;
   description: string;
   inputSchema: {
-    type: string;
-    properties: Record<string, any>;
+    type: 'object';
+    properties: Record<string, Record<string, unknown>>;
     required?: string[];
     additionalProperties?: boolean;
   };
@@ -1630,7 +1629,7 @@ interface ToolDefinition {
 /**
  * Base tool interface following MCP SDK patterns
  */
-interface Tool<TInput = any> {
+interface Tool<TInput = unknown> {
   getDefinition(): ToolDefinition;
   execute(input: TInput): Promise<CallToolResult>;
 }
@@ -1998,14 +1997,12 @@ declare class PolishComponentTool implements Tool<PolishComponentInput> {
 }
 //#endregion
 //#region src/transports/stdio.d.ts
-/**
- * Stdio transport handler for MCP server
- * Used for command-line and direct integrations
- */
+/** Modern MCP stdio only: reject legacy initialization explicitly. */
 declare class StdioTransportHandler {
-  private server;
-  private transport;
-  constructor(server: Server);
+  private readonly factory;
+  private handle;
+  private started;
+  constructor(server: Server | (() => Server));
   start(): Promise<void>;
   stop(): Promise<void>;
 }

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, D as resolveAppDesignSystemConfig, E as resetStyleSystemConfigCache, F as BaseCSSClassesService, I as TemplatesManagerService, M as CSSClassesServiceFactory, N as DEFAULT_STYLE_SYSTEM_CONFIG, O as StyleSystemConfigLoader, P as TailwindCSSClassesService, S as BaseBundlerService, T as hasStyleSystemProjectConfig, _ as ThemeService, b as getBundlerServiceFromConfig, c as createStyleSystemModule, d as ListSharedComponentsTool, f as GetComponentVisualTool, g as ComponentRendererService, h as GetUiComponentService, i as createServer, j as StoriesIndexService, k as resolveStyleSystemThemePath, l as PolishComponentTool, m as ListThemesTool, n as extractCustomTokenNames, p as GetCSSClassesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListAppComponentsTool, v as createDefaultBundlerService, w as getSharedComponentTags, x as ViteReactBundlerService, y as getBundlerService } from "./stdio-kBUcm1mr.mjs";
+import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, D as resolveAppDesignSystemConfig, E as resetStyleSystemConfigCache, F as BaseCSSClassesService, I as TemplatesManagerService, M as CSSClassesServiceFactory, N as DEFAULT_STYLE_SYSTEM_CONFIG, O as StyleSystemConfigLoader, P as TailwindCSSClassesService, S as BaseBundlerService, T as hasStyleSystemProjectConfig, _ as ThemeService, b as getBundlerServiceFromConfig, c as createStyleSystemModule, d as ListSharedComponentsTool, f as GetComponentVisualTool, g as ComponentRendererService, h as GetUiComponentService, i as createServer, j as StoriesIndexService, k as resolveStyleSystemThemePath, l as PolishComponentTool, m as ListThemesTool, n as extractCustomTokenNames, p as GetCSSClassesTool, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler, u as ListAppComponentsTool, v as createDefaultBundlerService, w as getSharedComponentTags, x as ViteReactBundlerService, y as getBundlerService } from "./stdio-n-SouxK6.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
 import { createHash, randomUUID } from "node:crypto";

package/dist/{stdio-EAP8fZ2p.cjs → stdio-C2gi8JVm.cjs}

@@ -50,9 +50,8 @@ let _vitejs_plugin_react = require("@vitejs/plugin-react");
 _vitejs_plugin_react = __toESM(_vitejs_plugin_react, 1);
 let node_child_process = require("node:child_process");
 let _agimon_ai_foundation_exec = require("@agimon-ai/foundation-exec");
-let _modelcontextprotocol_sdk_server_index_js = require("@modelcontextprotocol/sdk/server/index.js");
-let _modelcontextprotocol_sdk_types_js = require("@modelcontextprotocol/sdk/types.js");
-let _modelcontextprotocol_sdk_server_stdio_js = require("@modelcontextprotocol/sdk/server/stdio.js");
+let _modelcontextprotocol_server = require("@modelcontextprotocol/server");
+let _modelcontextprotocol_server_stdio = require("@modelcontextprotocol/server/stdio");
 //#region src/services/ThemeService/BaseThemeService.ts
 /**
 * BaseThemeService
@@ -4015,26 +4014,6 @@ AppComponentsService = __decorate([
 ], AppComponentsService);
 //#endregion
 //#region src/tools/ListThemesTool.ts
-/**
-* ListThemesTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Factory pattern for service creation
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_themes')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListThemesTool;
 let ListThemesTool = class ListThemesTool {
 	static {
@@ -4097,26 +4076,6 @@ ListThemesTool = _ListThemesTool = __decorate([
 ], ListThemesTool);
 //#endregion
 //#region src/tools/GetCSSClassesTool.ts
-/**
-* GetCSSClassesTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic via factory pattern
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'get_css_classes')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _GetCSSClassesTool;
 /**
 * Valid CSS class category values
@@ -4389,26 +4348,6 @@ var AntigravityCliService = class {
 };
 //#endregion
 //#region src/tools/GetComponentVisualTool.ts
-/**
-* GetComponentVisualTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'get_component_visual')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _GetComponentVisualTool;
 /**
 * Template for visual review instructions returned with component screenshots.
@@ -4531,26 +4470,6 @@ GetComponentVisualTool = _GetComponentVisualTool = __decorate([
 ], GetComponentVisualTool);
 //#endregion
 //#region src/tools/ListSharedComponentsTool.ts
-/**
-* ListSharedComponentsTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_shared_components')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListSharedComponentsTool;
 let ListSharedComponentsTool = class ListSharedComponentsTool {
 	static {
@@ -4661,26 +4580,6 @@ ListSharedComponentsTool = _ListSharedComponentsTool = __decorate([
 ], ListSharedComponentsTool);
 //#endregion
 //#region src/tools/ListAppComponentsTool.ts
-/**
-* ListAppComponentsTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_app_components')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListAppComponentsTool;
 let ListAppComponentsTool = class ListAppComponentsTool {
 	static {
@@ -5064,7 +4963,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.1.7";
+var version = "0.1.8";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";
@@ -5086,7 +4985,7 @@ function createServer(containerOrThemePath) {
 	let container;
 	if (!containerOrThemePath || typeof containerOrThemePath === "string") container = createContainer({ defaultThemePath: containerOrThemePath });
 	else container = containerOrThemePath;
-	const server = new _modelcontextprotocol_sdk_server_index_js.Server({
+	const server = new _modelcontextprotocol_server.Server({
 		name: STYLE_SYSTEM_SERVER_NAME,
 		version: STYLE_SYSTEM_VERSION
 	}, {
@@ -5099,7 +4998,7 @@ function createServer(containerOrThemePath) {
 	const listSharedComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListSharedComponentsTool);
 	const listAppComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListAppComponentsTool);
 	const polishComponentTool = container.get(STYLE_SYSTEM_TYPES.PolishComponentTool);
-	server.setRequestHandler(_modelcontextprotocol_sdk_types_js.ListToolsRequestSchema, async () => {
+	server.setRequestHandler("tools/list", async () => {
 		return { tools: [
 			withCapabilities(listThemesTool.getDefinition(), [
 				"themes",
@@ -5133,23 +5032,45 @@ function createServer(containerOrThemePath) {
 				"polish",
 				"antigravity"
 			])
-		] };
+		].map((tool) => {
+			if (tool.inputSchema.type !== "object") throw new Error(`Invalid schema for ${tool.name}`);
+			return {
+				...tool,
+				inputSchema: tool.inputSchema
+			};
+		}) };
 	});
-	server.setRequestHandler(_modelcontextprotocol_sdk_types_js.CallToolRequestSchema, async (request) => {
+	server.setRequestHandler("tools/call", async (request) => {
 		const { name, arguments: args } = request.params;
-		if (name === ListThemesTool.TOOL_NAME) return await listThemesTool.execute({});
-		if (name === GetCSSClassesTool.TOOL_NAME) return await getCSSClassesTool.execute(args);
-		if (name === GetComponentVisualTool.TOOL_NAME) return await getComponentVisualTool.execute(args);
-		if (name === ListSharedComponentsTool.TOOL_NAME) return await listSharedComponentsTool.execute({});
-		if (name === ListAppComponentsTool.TOOL_NAME) return await listAppComponentsTool.execute(args);
-		if (name === PolishComponentTool.TOOL_NAME) return await polishComponentTool.execute(args);
-		return {
+		const tool = [
+			listThemesTool,
+			getCSSClassesTool,
+			getComponentVisualTool,
+			listSharedComponentsTool,
+			listAppComponentsTool,
+			polishComponentTool
+		].find((candidate) => candidate.getDefinition().name === name);
+		if (!tool) return {
 			content: [{
 				type: "text",
-				text: `Error: Unknown tool: ${name}`
+				text: `Unknown tool: ${name}`
 			}],
 			isError: true
 		};
+		try {
+			const definition = tool.getDefinition();
+			if (definition.inputSchema.type !== "object") throw new Error(`Invalid schema for ${name}`);
+			const input = zod.z.fromJSONSchema(definition.inputSchema).parse(args ?? {});
+			return await tool.execute(input);
+		} catch (error) {
+			return {
+				content: [{
+					type: "text",
+					text: error instanceof Error ? error.message : String(error)
+				}],
+				isError: true
+			};
+		}
 	});
 	return server;
 }
@@ -5293,42 +5214,24 @@ function generateRestrictedClassesConfig(cssResult) {
 }
 //#endregion
 //#region src/transports/stdio.ts
-/**
-* STDIO Transport
-*
-* DESIGN PATTERNS:
-* - Transport handler pattern implementing TransportHandler interface
-* - Standard I/O based communication for CLI usage
-*
-* CODING STANDARDS:
-* - Initialize server and transport properly
-* - Handle cleanup on shutdown with stop() method
-* - Use async/await for all operations
-*
-* AVOID:
-* - Forgetting to close transport on shutdown
-* - Missing error handling for connection failures
-*/
-/**
-* Stdio transport handler for MCP server
-* Used for command-line and direct integrations
-*/
+/** Modern MCP stdio only: reject legacy initialization explicitly. */
 var StdioTransportHandler = class {
-	server;
-	transport = null;
+	factory;
+	handle = null;
+	started = false;
 	constructor(server) {
-		this.server = server;
+		this.factory = typeof server === "function" ? server : () => server;
 	}
 	async start() {
-		this.transport = new _modelcontextprotocol_sdk_server_stdio_js.StdioServerTransport();
-		await this.server.connect(this.transport);
+		if (this.handle || this.started) throw new Error("style-system stdio server already started");
+		this.handle = (0, _modelcontextprotocol_server_stdio.serveStdio)(this.factory, { legacy: "reject" });
+		this.started = true;
 		log.info(`${STYLE_SYSTEM_SERVER_NAME} MCP server started on stdio`);
 	}
 	async stop() {
-		if (this.transport) {
-			await this.transport.close();
-			this.transport = null;
-		}
+		if (!this.handle) return;
+		await this.handle.close();
+		this.handle = null;
 	}
 };
 //#endregion

package/dist/{stdio-kBUcm1mr.mjs → stdio-n-SouxK6.mjs}

@@ -21,9 +21,8 @@ import { fileURLToPath } from "node:url";
 import react from "@vitejs/plugin-react";
 import { execSync, spawn } from "node:child_process";
 import { registerManagedProcess } from "@agimon-ai/foundation-exec";
-import { Server } from "@modelcontextprotocol/sdk/server/index.js";
-import { CallToolRequestSchema, ListToolsRequestSchema } from "@modelcontextprotocol/sdk/types.js";
-import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { Server } from "@modelcontextprotocol/server";
+import { serveStdio } from "@modelcontextprotocol/server/stdio";
 //#region \0rolldown/runtime.js
 var __require = /* #__PURE__ */ (() => createRequire(import.meta.url))();
 //#endregion
@@ -3989,26 +3988,6 @@ AppComponentsService = __decorate([
 ], AppComponentsService);
 //#endregion
 //#region src/tools/ListThemesTool.ts
-/**
-* ListThemesTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Factory pattern for service creation
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_themes')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListThemesTool;
 let ListThemesTool = class ListThemesTool {
 	static {
@@ -4071,26 +4050,6 @@ ListThemesTool = _ListThemesTool = __decorate([
 ], ListThemesTool);
 //#endregion
 //#region src/tools/GetCSSClassesTool.ts
-/**
-* GetCSSClassesTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic via factory pattern
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'get_css_classes')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _GetCSSClassesTool;
 /**
 * Valid CSS class category values
@@ -4363,26 +4322,6 @@ var AntigravityCliService = class {
 };
 //#endregion
 //#region src/tools/GetComponentVisualTool.ts
-/**
-* GetComponentVisualTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'get_component_visual')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _GetComponentVisualTool;
 /**
 * Template for visual review instructions returned with component screenshots.
@@ -4505,26 +4444,6 @@ GetComponentVisualTool = _GetComponentVisualTool = __decorate([
 ], GetComponentVisualTool);
 //#endregion
 //#region src/tools/ListSharedComponentsTool.ts
-/**
-* ListSharedComponentsTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_shared_components')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListSharedComponentsTool;
 let ListSharedComponentsTool = class ListSharedComponentsTool {
 	static {
@@ -4635,26 +4554,6 @@ ListSharedComponentsTool = _ListSharedComponentsTool = __decorate([
 ], ListSharedComponentsTool);
 //#endregion
 //#region src/tools/ListAppComponentsTool.ts
-/**
-* ListAppComponentsTool
-*
-* DESIGN PATTERNS:
-* - Tool pattern with getDefinition() and execute() methods
-* - Service delegation for business logic
-* - JSON Schema validation for inputs
-*
-* CODING STANDARDS:
-* - Implement Tool interface from ../types
-* - Use TOOL_NAME constant with snake_case (e.g., 'list_app_components')
-* - Return CallToolResult with content array
-* - Handle errors with isError flag
-* - Delegate complex logic to services
-*
-* AVOID:
-* - Complex business logic in execute method
-* - Unhandled promise rejections
-* - Missing input validation
-*/
 var _ListAppComponentsTool;
 let ListAppComponentsTool = class ListAppComponentsTool {
 	static {
@@ -5038,7 +4937,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.1.7";
+var version = "0.1.8";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";
@@ -5073,7 +4972,7 @@ function createServer(containerOrThemePath) {
 	const listSharedComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListSharedComponentsTool);
 	const listAppComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListAppComponentsTool);
 	const polishComponentTool = container.get(STYLE_SYSTEM_TYPES.PolishComponentTool);
-	server.setRequestHandler(ListToolsRequestSchema, async () => {
+	server.setRequestHandler("tools/list", async () => {
 		return { tools: [
 			withCapabilities(listThemesTool.getDefinition(), [
 				"themes",
@@ -5107,23 +5006,45 @@ function createServer(containerOrThemePath) {
 				"polish",
 				"antigravity"
 			])
-		] };
+		].map((tool) => {
+			if (tool.inputSchema.type !== "object") throw new Error(`Invalid schema for ${tool.name}`);
+			return {
+				...tool,
+				inputSchema: tool.inputSchema
+			};
+		}) };
 	});
-	server.setRequestHandler(CallToolRequestSchema, async (request) => {
+	server.setRequestHandler("tools/call", async (request) => {
 		const { name, arguments: args } = request.params;
-		if (name === ListThemesTool.TOOL_NAME) return await listThemesTool.execute({});
-		if (name === GetCSSClassesTool.TOOL_NAME) return await getCSSClassesTool.execute(args);
-		if (name === GetComponentVisualTool.TOOL_NAME) return await getComponentVisualTool.execute(args);
-		if (name === ListSharedComponentsTool.TOOL_NAME) return await listSharedComponentsTool.execute({});
-		if (name === ListAppComponentsTool.TOOL_NAME) return await listAppComponentsTool.execute(args);
-		if (name === PolishComponentTool.TOOL_NAME) return await polishComponentTool.execute(args);
-		return {
+		const tool = [
+			listThemesTool,
+			getCSSClassesTool,
+			getComponentVisualTool,
+			listSharedComponentsTool,
+			listAppComponentsTool,
+			polishComponentTool
+		].find((candidate) => candidate.getDefinition().name === name);
+		if (!tool) return {
 			content: [{
 				type: "text",
-				text: `Error: Unknown tool: ${name}`
+				text: `Unknown tool: ${name}`
 			}],
 			isError: true
 		};
+		try {
+			const definition = tool.getDefinition();
+			if (definition.inputSchema.type !== "object") throw new Error(`Invalid schema for ${name}`);
+			const input = z.fromJSONSchema(definition.inputSchema).parse(args ?? {});
+			return await tool.execute(input);
+		} catch (error) {
+			return {
+				content: [{
+					type: "text",
+					text: error instanceof Error ? error.message : String(error)
+				}],
+				isError: true
+			};
+		}
 	});
 	return server;
 }
@@ -5267,42 +5188,24 @@ function generateRestrictedClassesConfig(cssResult) {
 }
 //#endregion
 //#region src/transports/stdio.ts
-/**
-* STDIO Transport
-*
-* DESIGN PATTERNS:
-* - Transport handler pattern implementing TransportHandler interface
-* - Standard I/O based communication for CLI usage
-*
-* CODING STANDARDS:
-* - Initialize server and transport properly
-* - Handle cleanup on shutdown with stop() method
-* - Use async/await for all operations
-*
-* AVOID:
-* - Forgetting to close transport on shutdown
-* - Missing error handling for connection failures
-*/
-/**
-* Stdio transport handler for MCP server
-* Used for command-line and direct integrations
-*/
+/** Modern MCP stdio only: reject legacy initialization explicitly. */
 var StdioTransportHandler = class {
-	server;
-	transport = null;
+	factory;
+	handle = null;
+	started = false;
 	constructor(server) {
-		this.server = server;
+		this.factory = typeof server === "function" ? server : () => server;
 	}
 	async start() {
-		this.transport = new StdioServerTransport();
-		await this.server.connect(this.transport);
+		if (this.handle || this.started) throw new Error("style-system stdio server already started");
+		this.handle = serveStdio(this.factory, { legacy: "reject" });
+		this.started = true;
 		log.info(`${STYLE_SYSTEM_SERVER_NAME} MCP server started on stdio`);
 	}
 	async stop() {
-		if (this.transport) {
-			await this.transport.close();
-			this.transport = null;
-		}
+		if (!this.handle) return;
+		await this.handle.close();
+		this.handle = null;
 	}
 };
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/style-system",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
   "keywords": [
     "design-system",
@@ -40,7 +40,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.29.0",
+    "@modelcontextprotocol/node": "2.1.0",
+    "@modelcontextprotocol/server": "2.1.0",
     "@tailwindcss/vite": "4.3.3",
     "@vitejs/plugin-react": "6.0.3",
     "chalk": "5.6.2",
@@ -60,12 +61,14 @@
     "tailwindcss": "4.3.3",
     "vite": "8.1.5",
     "vite-plugin-singlefile": "^2.3.3",
-    "@agimon-ai/foundation-exec": "0.26.30"
+    "@agimon-ai/foundation-exec": "0.26.31",
+    "@agimon-ai/foundation-validator": "0.26.31"
   },
   "devDependencies": {
     "@babel/parser": "8.0.0",
     "@babel/traverse": "8.0.0",
     "@babel/types": "8.0.0",
+    "@modelcontextprotocol/client": "2.1.0",
     "@types/babel__traverse": "7.28.0",
     "@types/node": "26.1.1",
     "@types/react": "19.2.17",