@agiflowai/style-system 0.0.12 → 0.1.0

package/dist/{stdio-BgY0loAk.cjs → stdio-DWCPGPyw.cjs}

@@ -1,4 +1,4 @@
-//#region rolldown:runtime
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -19,43 +19,37 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	value: mod,
 	enumerable: true
 }) : target, mod));
-
 //#endregion
-let __modelcontextprotocol_sdk_server_index_js = require("@modelcontextprotocol/sdk/server/index.js");
-__modelcontextprotocol_sdk_server_index_js = __toESM(__modelcontextprotocol_sdk_server_index_js);
-let __modelcontextprotocol_sdk_types_js = require("@modelcontextprotocol/sdk/types.js");
-__modelcontextprotocol_sdk_types_js = __toESM(__modelcontextprotocol_sdk_types_js);
+let _modelcontextprotocol_sdk_server_index_js = require("@modelcontextprotocol/sdk/server/index.js");
+let _modelcontextprotocol_sdk_types_js = require("@modelcontextprotocol/sdk/types.js");
 let node_path = require("node:path");
-node_path = __toESM(node_path);
-let __agiflowai_aicode_utils = require("@agiflowai/aicode-utils");
-__agiflowai_aicode_utils = __toESM(__agiflowai_aicode_utils);
+node_path = __toESM(node_path, 1);
+let _agiflowai_aicode_utils = require("@agiflowai/aicode-utils");
 let node_fs = require("node:fs");
-node_fs = __toESM(node_fs);
 let js_yaml = require("js-yaml");
-js_yaml = __toESM(js_yaml);
+js_yaml = __toESM(js_yaml, 1);
 let postcss = require("postcss");
-postcss = __toESM(postcss);
+postcss = __toESM(postcss, 1);
 let glob = require("glob");
-glob = __toESM(glob);
 let node_crypto = require("node:crypto");
-node_crypto = __toESM(node_crypto);
-let __storybook_csf_tools = require("@storybook/csf-tools");
-__storybook_csf_tools = __toESM(__storybook_csf_tools);
-let __tailwindcss_vite = require("@tailwindcss/vite");
-__tailwindcss_vite = __toESM(__tailwindcss_vite);
+let _storybook_csf_tools = require("@storybook/csf-tools");
+let _tailwindcss_vite = require("@tailwindcss/vite");
+_tailwindcss_vite = __toESM(_tailwindcss_vite, 1);
 let vite_plugin_singlefile = require("vite-plugin-singlefile");
-vite_plugin_singlefile = __toESM(vite_plugin_singlefile);
 let node_os = require("node:os");
-node_os = __toESM(node_os);
+node_os = __toESM(node_os, 1);
 let playwright = require("playwright");
-playwright = __toESM(playwright);
 let sharp = require("sharp");
-sharp = __toESM(sharp);
-let __modelcontextprotocol_sdk_server_stdio_js = require("@modelcontextprotocol/sdk/server/stdio.js");
-__modelcontextprotocol_sdk_server_stdio_js = __toESM(__modelcontextprotocol_sdk_server_stdio_js);
-
+sharp = __toESM(sharp, 1);
+let _modelcontextprotocol_sdk_server_stdio_js = require("@modelcontextprotocol/sdk/server/stdio.js");
 //#region src/config.ts
 /**
+* App-specific design system configuration
+*
+* This configuration is read from each app's project.json file
+* under the "style-system" key.
+*/
+/**
 * Default tags for identifying shared/design system components
 */
 const DEFAULT_SHARED_COMPONENT_TAGS = ["style-system"];
@@ -102,7 +96,7 @@ function validateDesignSystemConfig(config, projectName) {
 */
 async function getAppDesignSystemConfig(appPath) {
 	if (!appPath || typeof appPath !== "string") throw new Error("appPath is required and must be a non-empty string");
-	const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
 	const projectJsonPath = node_path.default.join(resolvedAppPath, "project.json");
 	try {
@@ -118,10 +112,10 @@ async function getAppDesignSystemConfig(appPath) {
 		const projectName = project.name ? project.name : node_path.default.basename(resolvedAppPath);
 		if (project["style-system"]) {
 			const validatedConfig = validateDesignSystemConfig(project["style-system"], projectName);
-			__agiflowai_aicode_utils.log.info(`[Config] Loaded and validated style-system config for ${projectName}`);
+			_agiflowai_aicode_utils.log.info(`[Config] Loaded and validated style-system config for ${projectName}`);
 			return validatedConfig;
 		}
-		__agiflowai_aicode_utils.log.info(`[Config] No style-system config found for ${projectName}, using defaults`);
+		_agiflowai_aicode_utils.log.info(`[Config] No style-system config found for ${projectName}, using defaults`);
 		return DEFAULT_CONFIG;
 	} catch (error) {
 		throw new Error(`Failed to read style-system config from ${projectJsonPath}: ${error instanceof Error ? error.message : String(error)}`);
@@ -136,7 +130,7 @@ async function getAppDesignSystemConfig(appPath) {
 * @returns Array of tag names that identify shared components
 */
 async function getSharedComponentTags() {
-	const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	const toolkitYamlPath = node_path.default.join(monorepoRoot, "toolkit.yaml");
 	try {
 		const content = await node_fs.promises.readFile(toolkitYamlPath, "utf-8");
@@ -144,15 +138,15 @@ async function getSharedComponentTags() {
 		if (config?.["style-system"]?.sharedComponentTags?.length) {
 			const tags = config["style-system"].sharedComponentTags;
 			if (Array.isArray(tags) && tags.every((tag) => typeof tag === "string")) {
-				__agiflowai_aicode_utils.log.info(`[Config] Loaded sharedComponentTags from toolkit.yaml: ${tags.join(", ")}`);
+				_agiflowai_aicode_utils.log.info(`[Config] Loaded sharedComponentTags from toolkit.yaml: ${tags.join(", ")}`);
 				return tags;
 			}
-			__agiflowai_aicode_utils.log.warn("[Config] sharedComponentTags in toolkit.yaml is not a valid string array, using defaults");
+			_agiflowai_aicode_utils.log.warn("[Config] sharedComponentTags in toolkit.yaml is not a valid string array, using defaults");
 		}
 	} catch (error) {
-		if (error instanceof Error && "code" in error && error.code !== "ENOENT") __agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
+		if (error instanceof Error && "code" in error && error.code !== "ENOENT") _agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
 	}
-	__agiflowai_aicode_utils.log.info(`[Config] Using default sharedComponentTags: ${DEFAULT_SHARED_COMPONENT_TAGS.join(", ")}`);
+	_agiflowai_aicode_utils.log.info(`[Config] Using default sharedComponentTags: ${DEFAULT_SHARED_COMPONENT_TAGS.join(", ")}`);
 	return DEFAULT_SHARED_COMPONENT_TAGS;
 }
 /**
@@ -164,7 +158,7 @@ async function getSharedComponentTags() {
 * @returns GetCssClassesConfig or undefined if not configured
 */
 async function getGetCssClassesConfig() {
-	const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	const toolkitYamlPath = node_path.default.join(monorepoRoot, "toolkit.yaml");
 	try {
 		const content = await node_fs.promises.readFile(toolkitYamlPath, "utf-8");
@@ -172,14 +166,14 @@ async function getGetCssClassesConfig() {
 		if (config?.["style-system"]?.getCssClasses) {
 			const getCssClassesConfig = config["style-system"].getCssClasses;
 			if (getCssClassesConfig.customService !== void 0 && typeof getCssClassesConfig.customService !== "string") {
-				__agiflowai_aicode_utils.log.warn("[Config] style-system.getCssClasses.customService must be a string, ignoring");
+				_agiflowai_aicode_utils.log.warn("[Config] style-system.getCssClasses.customService must be a string, ignoring");
 				return;
 			}
-			__agiflowai_aicode_utils.log.info(`[Config] Loaded getCssClasses config from toolkit.yaml`);
+			_agiflowai_aicode_utils.log.info(`[Config] Loaded getCssClasses config from toolkit.yaml`);
 			return getCssClassesConfig;
 		}
 	} catch (error) {
-		if (error instanceof Error && "code" in error && error.code !== "ENOENT") __agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
+		if (error instanceof Error && "code" in error && error.code !== "ENOENT") _agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
 	}
 }
 /**
@@ -191,7 +185,7 @@ async function getGetCssClassesConfig() {
 * @returns BundlerConfig or undefined if not configured
 */
 async function getBundlerConfig() {
-	const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	const toolkitYamlPath = node_path.default.join(monorepoRoot, "toolkit.yaml");
 	try {
 		const content = await node_fs.promises.readFile(toolkitYamlPath, "utf-8");
@@ -199,20 +193,38 @@ async function getBundlerConfig() {
 		if (config?.["style-system"]?.bundler) {
 			const bundlerConfig = config["style-system"].bundler;
 			if (bundlerConfig.customService !== void 0 && typeof bundlerConfig.customService !== "string") {
-				__agiflowai_aicode_utils.log.warn("[Config] style-system.bundler.customService must be a string, ignoring");
+				_agiflowai_aicode_utils.log.warn("[Config] style-system.bundler.customService must be a string, ignoring");
 				return;
 			}
-			__agiflowai_aicode_utils.log.info(`[Config] Loaded bundler config from toolkit.yaml`);
+			_agiflowai_aicode_utils.log.info(`[Config] Loaded bundler config from toolkit.yaml`);
 			return bundlerConfig;
 		}
 	} catch (error) {
-		if (error instanceof Error && "code" in error && error.code !== "ENOENT") __agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
+		if (error instanceof Error && "code" in error && error.code !== "ENOENT") _agiflowai_aicode_utils.log.warn(`[Config] Failed to parse toolkit.yaml: ${error.message}`);
 	}
 }
-
 //#endregion
 //#region src/services/CssClasses/BaseCSSClassesService.ts
 /**
+* BaseCSSClassesService
+*
+* DESIGN PATTERNS:
+* - Abstract base class for CSS class extraction services
+* - Template method pattern for extensible extraction logic
+* - Strategy pattern allowing different CSS framework implementations
+*
+* CODING STANDARDS:
+* - Abstract classes define interface contracts for subclasses
+* - Protected methods allow subclass customization
+* - Use async/await for all I/O operations
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Direct instantiation of abstract class
+* - Framework-specific logic in base class
+* - Synchronous file operations
+*/
+/**
 * Abstract base class for CSS class extraction services.
 *
 * Subclasses must implement the `extractClasses` method to provide
@@ -251,10 +263,27 @@ var BaseCSSClassesService = class {
 		}
 	}
 };
-
 //#endregion
 //#region src/services/CssClasses/TailwindCSSClassesService.ts
 /**
+* TailwindCSSClassesService
+*
+* DESIGN PATTERNS:
+* - Extends BaseCSSClassesService for Tailwind-specific extraction
+* - Uses postcss AST parser for robust CSS variable extraction
+* - Parses CSS variables from theme files to generate utility classes
+*
+* CODING STANDARDS:
+* - Implement abstract methods from base class
+* - Use async/await for file operations
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Hardcoding theme paths
+* - Synchronous file operations
+* - Fragile regex-based CSS parsing
+*/
+/**
 * Tailwind CSS class extraction service.
 *
 * Extracts CSS classes from Tailwind theme files by parsing CSS variables
@@ -469,16 +498,30 @@ var TailwindCSSClassesService = class extends BaseCSSClassesService {
 		return result;
 	}
 };
-
 //#endregion
 //#region src/services/CssClasses/types.ts
 /**
 * Default configuration values
 */
 const DEFAULT_STYLE_SYSTEM_CONFIG = { cssFramework: "tailwind" };
-
 //#endregion
 //#region src/services/CssClasses/CSSClassesServiceFactory.ts
+/**
+* CSSClassesServiceFactory
+*
+* DESIGN PATTERNS:
+* - Factory pattern for creating CSS classes service instances
+* - Supports built-in frameworks and custom service loading
+*
+* CODING STANDARDS:
+* - Use async factory method for dynamic service loading
+* - Return typed results
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Synchronous file operations
+* - Hardcoded framework paths
+*/
 /** Valid file extensions for custom service modules */
 const VALID_SERVICE_EXTENSIONS$1 = [
 	".ts",
@@ -540,20 +583,20 @@ var CSSClassesServiceFactory = class {
 	async loadCustomService(config) {
 		const servicePath = config.customServicePath;
 		if (!servicePath) throw new Error("customServicePath is required for custom service loading");
-		const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 		const resolvedPath = node_path.default.resolve(monorepoRoot, servicePath);
 		const normalizedWorkspaceRoot = node_path.default.resolve(monorepoRoot);
 		if (!resolvedPath.startsWith(normalizedWorkspaceRoot + node_path.default.sep)) throw new Error(`Security error: customServicePath "${servicePath}" resolves outside workspace root`);
 		const ext = node_path.default.extname(resolvedPath).toLowerCase();
 		if (!VALID_SERVICE_EXTENSIONS$1.includes(ext)) throw new Error(`Invalid file extension "${ext}" for customServicePath. Expected one of: ${VALID_SERVICE_EXTENSIONS$1.join(", ")}`);
-		__agiflowai_aicode_utils.log.info(`[CSSClassesServiceFactory] Loading custom CSS service from: ${resolvedPath}`);
+		_agiflowai_aicode_utils.log.info(`[CSSClassesServiceFactory] Loading custom CSS service from: ${resolvedPath}`);
 		try {
 			const customModule = await import(resolvedPath);
 			const ServiceClass = customModule.default || customModule.CSSClassesService || customModule.CustomCSSClassesService;
 			if (!ServiceClass) throw new Error(`Custom service module at ${resolvedPath} must export a default class, CSSClassesService, or CustomCSSClassesService that extends BaseCSSClassesService`);
 			const instance = new ServiceClass(config);
 			if (!(instance instanceof BaseCSSClassesService)) throw new Error(`Custom service at ${resolvedPath} must extend BaseCSSClassesService`);
-			__agiflowai_aicode_utils.log.info(`[CSSClassesServiceFactory] Custom CSS service loaded successfully`);
+			_agiflowai_aicode_utils.log.info(`[CSSClassesServiceFactory] Custom CSS service loaded successfully`);
 			return instance;
 		} catch (error) {
 			if (error instanceof Error && error.message.includes("BaseCSSClassesService")) throw error;
@@ -561,10 +604,29 @@ var CSSClassesServiceFactory = class {
 		}
 	}
 };
-
 //#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
+*/
+/**
 * Valid CSS class category values
 */
 const VALID_CATEGORIES = [
@@ -604,7 +666,7 @@ var GetCSSClassesTool = class GetCSSClassesTool {
 	* Creates a new GetCSSClassesTool instance
 	* @param defaultThemePath - Default path to theme CSS file (relative to workspace root)
 	*/
-	constructor(defaultThemePath = "packages/frontend/web-theme/src/agimon-theme.css") {
+	constructor(defaultThemePath) {
 		this.serviceFactory = new CSSClassesServiceFactory();
 		this.defaultThemePath = defaultThemePath;
 	}
@@ -680,7 +742,7 @@ var GetCSSClassesTool = class GetCSSClassesTool {
 	* @returns Absolute path to the theme file
 	*/
 	async resolveThemePath(appPath) {
-		const workspaceRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		const workspaceRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 		if (appPath) {
 			const config = await getAppDesignSystemConfig(appPath);
 			if (config.themePath) {
@@ -688,12 +750,30 @@ var GetCSSClassesTool = class GetCSSClassesTool {
 				return node_path.default.resolve(resolvedAppPath, config.themePath);
 			}
 		}
-		return node_path.default.resolve(workspaceRoot, this.defaultThemePath);
+		if (this.defaultThemePath) return node_path.default.resolve(workspaceRoot, this.defaultThemePath);
+		throw new Error("No theme CSS path configured. Pass --theme-path, or provide style-system.themePath in the target app project.json.");
 	}
 };
-
 //#endregion
 //#region src/services/StoriesIndexService/StoriesIndexService.ts
+/**
+* StoriesIndexService
+*
+* DESIGN PATTERNS:
+* - Service pattern for business logic encapsulation
+* - Single responsibility principle
+* - Caching with file content hashing
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on single domain)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
 var StoriesIndexService = class {
 	componentIndex = /* @__PURE__ */ new Map();
 	monorepoRoot;
@@ -704,7 +784,7 @@ var StoriesIndexService = class {
 	* Creates a new StoriesIndexService instance
 	*/
 	constructor() {
-		this.monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	}
 	/**
 	* Initialize the index by scanning all .stories files.
@@ -712,7 +792,7 @@ var StoriesIndexService = class {
 	*/
 	async initialize() {
 		if (this.initialized && this.lastInitResult) return this.lastInitResult;
-		__agiflowai_aicode_utils.log.info("[StoriesIndexService] Initializing story index...");
+		_agiflowai_aicode_utils.log.info("[StoriesIndexService] Initializing story index...");
 		const storyFiles = await (0, glob.glob)("**/*.stories.{ts,tsx}", {
 			cwd: this.monorepoRoot,
 			ignore: [
@@ -723,7 +803,7 @@ var StoriesIndexService = class {
 			],
 			absolute: true
 		});
-		__agiflowai_aicode_utils.log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
+		_agiflowai_aicode_utils.log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
 		const failures = [];
 		let successCount = 0;
 		const results = await Promise.allSettled(storyFiles.map((filePath) => this.indexStoryFile(filePath)));
@@ -731,7 +811,7 @@ var StoriesIndexService = class {
 		else {
 			const filePath = storyFiles[index];
 			const errorMessage = result.reason instanceof Error ? result.reason.message : String(result.reason);
-			__agiflowai_aicode_utils.log.error(`[StoriesIndexService] Error indexing ${filePath}: ${errorMessage}`);
+			_agiflowai_aicode_utils.log.error(`[StoriesIndexService] Error indexing ${filePath}: ${errorMessage}`);
 			failures.push({
 				filePath,
 				error: errorMessage
@@ -744,8 +824,8 @@ var StoriesIndexService = class {
 			failureCount: failures.length,
 			failures
 		};
-		if (failures.length > 0) __agiflowai_aicode_utils.log.warn(`[StoriesIndexService] Indexed ${successCount}/${storyFiles.length} files successfully. ${failures.length} files failed.`);
-		else __agiflowai_aicode_utils.log.info(`[StoriesIndexService] Indexed ${this.componentIndex.size} components successfully`);
+		if (failures.length > 0) _agiflowai_aicode_utils.log.warn(`[StoriesIndexService] Indexed ${successCount}/${storyFiles.length} files successfully. ${failures.length} files failed.`);
+		else _agiflowai_aicode_utils.log.info(`[StoriesIndexService] Indexed ${this.componentIndex.size} components successfully`);
 		return this.lastInitResult;
 	}
 	/**
@@ -764,13 +844,13 @@ var StoriesIndexService = class {
 	async indexStoryFile(filePath) {
 		const content = await node_fs.promises.readFile(filePath, "utf-8");
 		const fileHash = this.hashContent(content);
-		const csf = (0, __storybook_csf_tools.loadCsf)(content, {
+		const csf = (0, _storybook_csf_tools.loadCsf)(content, {
 			fileName: filePath,
 			makeTitle: (title) => title
 		});
 		await csf.parse();
 		if (!csf.meta?.title) {
-			__agiflowai_aicode_utils.log.warn(`[StoriesIndexService] No valid meta title in ${filePath}`);
+			_agiflowai_aicode_utils.log.warn(`[StoriesIndexService] No valid meta title in ${filePath}`);
 			return;
 		}
 		const stories = csf.stories.map((story) => story.name).filter((name) => !!name);
@@ -883,17 +963,32 @@ var StoriesIndexService = class {
 		return Array.from(tagSet).sort();
 	}
 };
-
 //#endregion
 //#region src/services/AppComponentsService/types.ts
 /**
 * Default configuration values.
 */
 const DEFAULT_APP_COMPONENTS_CONFIG = { pageSize: 50 };
-
 //#endregion
 //#region src/services/AppComponentsService/AppComponentsService.ts
 /**
+* AppComponentsService
+*
+* DESIGN PATTERNS:
+* - Service pattern for business logic encapsulation
+* - Single responsibility principle
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on single domain)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
+/**
 * AppComponentsService handles listing app-specific and package components.
 *
 * Detects components by file path (within app directory) and resolves
@@ -929,7 +1024,7 @@ var AppComponentsService = class {
 		if (input.cursor !== void 0 && typeof input.cursor !== "string") throw new Error("cursor must be a string");
 		const { appPath, cursor } = input;
 		const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
-		const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(monorepoRoot, appPath);
 		try {
 			await node_fs.promises.access(resolvedAppPath);
@@ -943,7 +1038,7 @@ var AppComponentsService = class {
 			this.buildPackageMap(monorepoRoot),
 			storiesIndex.initialize()
 		]);
-		__agiflowai_aicode_utils.log.info(`[AppComponentsService] Found ${workspaceDependencies.length} workspace dependencies for ${appName}`);
+		_agiflowai_aicode_utils.log.info(`[AppComponentsService] Found ${workspaceDependencies.length} workspace dependencies for ${appName}`);
 		const allComponents = storiesIndex.getAllComponents();
 		const { appComponentsArray, packageComponents, totalPackageComponents } = this.categorizeComponents(allComponents, resolvedAppPath, workspaceDependencies, packageMap);
 		const totalComponents = appComponentsArray.length + totalPackageComponents;
@@ -961,7 +1056,7 @@ var AppComponentsService = class {
 			}
 		};
 		if (hasMore) result.nextCursor = this.encodeCursor(offset + totalReturned);
-		__agiflowai_aicode_utils.log.info(`[AppComponentsService] Page ${Math.floor(offset / this.config.pageSize) + 1}: Returned ${totalReturned} of ${totalComponents} total components (hasMore: ${hasMore})`);
+		_agiflowai_aicode_utils.log.info(`[AppComponentsService] Page ${Math.floor(offset / this.config.pageSize) + 1}: Returned ${totalReturned} of ${totalComponents} total components (hasMore: ${hasMore})`);
 		return result;
 	}
 	/**
@@ -975,7 +1070,7 @@ var AppComponentsService = class {
 		try {
 			appName = JSON.parse(await node_fs.promises.readFile(projectJsonPath, "utf-8")).name || appName;
 		} catch (error) {
-			__agiflowai_aicode_utils.log.warn(`[AppComponentsService] Could not read project.json for ${resolvedAppPath}:`, error);
+			_agiflowai_aicode_utils.log.warn(`[AppComponentsService] Could not read project.json for ${resolvedAppPath}:`, error);
 		}
 		return appName;
 	}
@@ -994,7 +1089,7 @@ var AppComponentsService = class {
 			};
 			return Object.entries(allDeps).filter(([_name, version]) => typeof version === "string" && version.startsWith("workspace:")).map(([name]) => name);
 		} catch (error) {
-			__agiflowai_aicode_utils.log.warn(`[AppComponentsService] Could not read package.json for ${resolvedAppPath}:`, error);
+			_agiflowai_aicode_utils.log.warn(`[AppComponentsService] Could not read package.json for ${resolvedAppPath}:`, error);
 			return [];
 		}
 	}
@@ -1031,7 +1126,7 @@ var AppComponentsService = class {
 		for (const [index, result] of results.entries()) if (result.status === "fulfilled" && result.value.name) {
 			const pkgDir = node_path.default.dirname(result.value.pkgJsonPath);
 			packageMap.set(result.value.name, pkgDir);
-		} else if (result.status === "rejected") __agiflowai_aicode_utils.log.debug(`[AppComponentsService] Skipping invalid package.json at ${packageJsonFiles[index]}:`, result.reason);
+		} else if (result.status === "rejected") _agiflowai_aicode_utils.log.debug(`[AppComponentsService] Skipping invalid package.json at ${packageJsonFiles[index]}:`, result.reason);
 		return packageMap;
 	}
 	/**
@@ -1130,12 +1225,11 @@ var AppComponentsService = class {
 			const decoded = Buffer.from(cursor, "base64").toString("utf-8");
 			return { offset: JSON.parse(decoded).offset || 0 };
 		} catch {
-			__agiflowai_aicode_utils.log.debug("[AppComponentsService] Invalid cursor, resetting to offset 0");
+			_agiflowai_aicode_utils.log.debug("[AppComponentsService] Invalid cursor, resetting to offset 0");
 			return { offset: 0 };
 		}
 	}
 };
-
 //#endregion
 //#region src/services/BundlerService/BaseBundlerService.ts
 /**
@@ -1165,10 +1259,27 @@ var BaseBundlerService = class {
 		this.config = config;
 	}
 };
-
 //#endregion
 //#region src/services/BundlerService/ViteReactBundlerService.ts
 /**
+* ViteReactBundlerService
+*
+* DESIGN PATTERNS:
+* - Concrete implementation of BaseBundlerService
+* - Singleton pattern for dev server management
+* - Programmatic Vite build for React component SSR
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on Vite + React)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
+/**
 * Maximum age for story configs in milliseconds (5 minutes).
 * Configs older than this are cleaned up to prevent memory leaks.
 */
@@ -1255,13 +1366,13 @@ function createStoryEntryPlugin(getStoryConfig, generateCode) {
 		enforce: "pre",
 		resolveId(id) {
 			if (id.includes("virtual:story-entry")) {
-				__agiflowai_aicode_utils.log.debug(`[vite-plugin-story-entry] resolveId: ${id}`);
+				_agiflowai_aicode_utils.log.debug(`[vite-plugin-story-entry] resolveId: ${id}`);
 				return `\0${id.replace(/^\//, "")}`;
 			}
 		},
 		load(id) {
 			if (id.includes("virtual:story-entry")) {
-				__agiflowai_aicode_utils.log.debug(`[vite-plugin-story-entry] load: ${id}`);
+				_agiflowai_aicode_utils.log.debug(`[vite-plugin-story-entry] load: ${id}`);
 				const storyId = id.match(/id=([^&]+)/)?.[1];
 				if (storyId) {
 					const config = getStoryConfig(storyId);
@@ -1308,7 +1419,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	constructor(config = {}) {
 		super(config);
-		this.monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	}
 	/**
 	* Get the singleton instance of ViteReactBundlerService.
@@ -1385,14 +1496,14 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	async startDevServer(appPath) {
 		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
 		if (this.isServerRunning() && this.currentAppPath === resolvedAppPath) {
-			__agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Server already running for ${resolvedAppPath}`);
+			_agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Server already running for ${resolvedAppPath}`);
 			return {
 				url: this.serverUrl,
 				port: this.serverPort
 			};
 		}
 		if (this.serverStartPromise) {
-			__agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Server start already in progress, waiting...");
+			_agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Server start already in progress, waiting...");
 			return this.serverStartPromise;
 		}
 		this.serverStartPromise = this.doStartDevServer(resolvedAppPath);
@@ -1411,12 +1522,12 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		const tmpDir = node_path.default.join(resolvedAppPath, ".tmp");
 		try {
 			await node_fs.promises.mkdir(tmpDir, { recursive: true });
-			const { createServer: createServer$1 } = await import("vite");
-			this.server = await createServer$1({
+			const { createServer } = await import("vite");
+			this.server = await createServer({
 				root: tmpDir,
 				base: "/",
 				configFile: false,
-				plugins: [(0, __tailwindcss_vite.default)(), createStoryEntryPlugin((id) => this.storyConfigs.get(id), (opts) => this.generateEntryFile(opts))],
+				plugins: [(0, _tailwindcss_vite.default)(), createStoryEntryPlugin((id) => this.storyConfigs.get(id), (opts) => this.generateEntryFile(opts))],
 				resolve: { alias: { "@": node_path.default.join(resolvedAppPath, "src") } },
 				esbuild: {
 					jsx: "automatic",
@@ -1428,21 +1539,21 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 				}
 			});
 			this.server.middlewares.use(async (req, res, next) => {
-				const url$1 = req.url || "/";
-				const match = url$1.match(/^\/preview\/([^/?]+)/);
+				const url = req.url || "/";
+				const match = url.match(/^\/preview\/([^/?]+)/);
 				if (match) {
 					const storyId = match[1];
 					const config = this.storyConfigs.get(storyId);
 					if (config) try {
 						const htmlTemplate = this.generateHtmlTemplate(`@virtual:story-entry?id=${storyId}`, config.darkMode);
-						const transformedHtml = await this.server?.transformIndexHtml(url$1, htmlTemplate);
+						const transformedHtml = await this.server?.transformIndexHtml(url, htmlTemplate);
 						res.statusCode = 200;
 						res.setHeader("Content-Type", "text/html");
 						res.end(transformedHtml);
 						return;
 					} catch (e) {
 						const err = e;
-						__agiflowai_aicode_utils.log.error(`[ViteMiddleware] Error serving preview: ${err.message}`);
+						_agiflowai_aicode_utils.log.error(`[ViteMiddleware] Error serving preview: ${err.message}`);
 						next(err);
 						return;
 					}
@@ -1457,7 +1568,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			this.serverUrl = url;
 			this.serverPort = port;
 			this.currentAppPath = resolvedAppPath;
-			__agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Vite dev server started at ${url}`);
+			_agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Vite dev server started at ${url}`);
 			return {
 				url,
 				port
@@ -1505,7 +1616,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			this.storyConfigTimestamps.set(storyId, timestamp);
 			const url = `${this.serverUrl}/preview/${storyId}`;
 			const htmlContent = this.generateHtmlTemplate(`@virtual:story-entry?id=${storyId}`, darkMode);
-			__agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Component served at: ${url}`);
+			_agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Component served at: ${url}`);
 			return {
 				url,
 				htmlContent
@@ -1558,11 +1669,11 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async cleanup() {
 		if (this.server) {
-			__agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Closing Vite dev server...");
+			_agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Closing Vite dev server...");
 			try {
 				await this.server.close();
 			} catch (error) {
-				__agiflowai_aicode_utils.log.error(`[ViteReactBundlerService] Error closing server: ${error instanceof Error ? error.message : String(error)}`);
+				_agiflowai_aicode_utils.log.error(`[ViteReactBundlerService] Error closing server: ${error instanceof Error ? error.message : String(error)}`);
 			}
 			this.server = null;
 			this.serverUrl = null;
@@ -1571,7 +1682,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			this.serverStartPromise = null;
 			this.storyConfigs.clear();
 			this.storyConfigTimestamps.clear();
-			__agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Vite dev server closed");
+			_agiflowai_aicode_utils.log.info("[ViteReactBundlerService] Vite dev server closed");
 		}
 	}
 	/**
@@ -1587,14 +1698,14 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			this.storyConfigs.delete(storyId);
 			this.storyConfigTimestamps.delete(storyId);
 		}
-		if (entriesToDelete.length > 0) __agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Cleaned up ${entriesToDelete.length} stale story configs`);
+		if (entriesToDelete.length > 0) _agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Cleaned up ${entriesToDelete.length} stale story configs`);
 		if (this.storyConfigs.size > STORY_CONFIG_MAX_COUNT) {
 			const toRemove = Array.from(this.storyConfigTimestamps.entries()).sort((a, b) => a[1] - b[1]).slice(0, this.storyConfigs.size - STORY_CONFIG_MAX_COUNT);
 			for (const [storyId] of toRemove) {
 				this.storyConfigs.delete(storyId);
 				this.storyConfigTimestamps.delete(storyId);
 			}
-			__agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Removed ${toRemove.length} oldest story configs to stay under limit`);
+			_agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Removed ${toRemove.length} oldest story configs to stay under limit`);
 		}
 	}
 	/**
@@ -1709,7 +1820,7 @@ root.render(wrappedElement);
 				base: "./",
 				configFile: false,
 				plugins: [
-					(0, __tailwindcss_vite.default)(),
+					(0, _tailwindcss_vite.default)(),
 					(0, vite_plugin_singlefile.viteSingleFile)(),
 					createStoryEntryPlugin((id) => buildStoryConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
@@ -1729,8 +1840,8 @@ root.render(wrappedElement);
 				}
 			});
 			const builtHtmlPath = node_path.default.join(outDir, htmlTemplateFileName);
-			__agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Component built to: ${builtHtmlPath}`);
-			await node_fs.promises.unlink(htmlTemplatePath).catch((err) => __agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Failed to cleanup temp file: ${err.message}`));
+			_agiflowai_aicode_utils.log.info(`[ViteReactBundlerService] Component built to: ${builtHtmlPath}`);
+			await node_fs.promises.unlink(htmlTemplatePath).catch((err) => _agiflowai_aicode_utils.log.debug(`[ViteReactBundlerService] Failed to cleanup temp file: ${err.message}`));
 			return builtHtmlPath;
 		} catch (error) {
 			const err = /* @__PURE__ */ new Error(`Failed to build component: ${error instanceof Error ? error.message : String(error)}`);
@@ -1739,9 +1850,26 @@ root.render(wrappedElement);
 		}
 	}
 };
-
 //#endregion
 //#region src/services/BundlerService/BundlerServiceFactory.ts
+/**
+* BundlerServiceFactory
+*
+* DESIGN PATTERNS:
+* - Factory pattern for creating bundler service instances
+* - Registry pattern for bundler implementations
+* - Follows StoriesIndexService factory approach
+*
+* CODING STANDARDS:
+* - Use type-safe factory functions
+* - Provide sensible defaults (ViteReactBundlerService)
+* - Allow user-provided implementations
+* - Document public APIs with JSDoc
+*
+* AVOID:
+* - Hard-coding bundler implementations
+* - Breaking changes to factory interface
+*/
 /** Valid file extensions for custom service modules */
 const VALID_SERVICE_EXTENSIONS = [
 	".ts",
@@ -1766,22 +1894,7 @@ const VALID_SERVICE_EXTENSIONS = [
 function createDefaultBundlerService() {
 	return ViteReactBundlerService.getInstance();
 }
-/**
-* Registry of available bundler service factories.
-* Allows registration of custom bundler implementations by key.
-*
-* @example
-* ```typescript
-* // Register a custom bundler
-* bundlerRegistry.set('webpack-react', () => new WebpackReactBundlerService());
-*
-* // Get a bundler by key
-* const factory = bundlerRegistry.get('webpack-react');
-* const bundler = factory?.() ?? createDefaultBundlerService();
-* ```
-*/
-const bundlerRegistry = /* @__PURE__ */ new Map();
-bundlerRegistry.set("vite-react", createDefaultBundlerService);
+(/* @__PURE__ */ new Map()).set("vite-react", createDefaultBundlerService);
 /** Cached bundler service instance loaded from config */
 let cachedBundlerService = null;
 /**
@@ -1815,28 +1928,28 @@ async function getBundlerServiceFromConfig() {
 		cachedBundlerService = createDefaultBundlerService();
 		return cachedBundlerService;
 	}
-	const monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	const customServicePath = node_path.default.resolve(monorepoRoot, config.customService);
 	const normalizedWorkspaceRoot = node_path.default.resolve(monorepoRoot);
 	if (!customServicePath.startsWith(normalizedWorkspaceRoot + node_path.default.sep)) {
-		__agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Security error: customService path "${config.customService}" resolves outside workspace root`);
+		_agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Security error: customService path "${config.customService}" resolves outside workspace root`);
 		cachedBundlerService = createDefaultBundlerService();
 		return cachedBundlerService;
 	}
 	const ext = node_path.default.extname(customServicePath).toLowerCase();
 	if (!VALID_SERVICE_EXTENSIONS.includes(ext)) {
-		__agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Invalid file extension "${ext}" for customService. Expected one of: ${VALID_SERVICE_EXTENSIONS.join(", ")}`);
+		_agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Invalid file extension "${ext}" for customService. Expected one of: ${VALID_SERVICE_EXTENSIONS.join(", ")}`);
 		cachedBundlerService = createDefaultBundlerService();
 		return cachedBundlerService;
 	}
 	try {
-		__agiflowai_aicode_utils.log.info(`[BundlerServiceFactory] Loading custom bundler service from: ${customServicePath}`);
-		const module$1 = await import(customServicePath);
-		if (module$1.default) {
-			if (typeof module$1.default === "function" && module$1.default.prototype) if (typeof module$1.default.getInstance === "function") cachedBundlerService = module$1.default.getInstance();
-			else cachedBundlerService = new module$1.default();
-			else if (typeof module$1.default === "object") cachedBundlerService = module$1.default;
-		} else if (typeof module$1.getInstance === "function") cachedBundlerService = module$1.getInstance();
+		_agiflowai_aicode_utils.log.info(`[BundlerServiceFactory] Loading custom bundler service from: ${customServicePath}`);
+		const module = await import(customServicePath);
+		if (module.default) {
+			if (typeof module.default === "function" && module.default.prototype) if (typeof module.default.getInstance === "function") cachedBundlerService = module.default.getInstance();
+			else cachedBundlerService = new module.default();
+			else if (typeof module.default === "object") cachedBundlerService = module.default;
+		} else if (typeof module.getInstance === "function") cachedBundlerService = module.getInstance();
 		if (!cachedBundlerService) throw new Error("Custom bundler service module must export a class extending BaseBundlerService as default, an instance as default, or a getInstance() function");
 		const missingMethods = [
 			"getBundlerId",
@@ -1851,19 +1964,35 @@ async function getBundlerServiceFromConfig() {
 			"cleanup"
 		].filter((method) => typeof cachedBundlerService[method] !== "function");
 		if (missingMethods.length > 0) throw new Error(`Custom bundler service must implement BaseBundlerService interface. Missing methods: ${missingMethods.join(", ")}`);
-		__agiflowai_aicode_utils.log.info(`[BundlerServiceFactory] Custom bundler service loaded successfully`);
+		_agiflowai_aicode_utils.log.info(`[BundlerServiceFactory] Custom bundler service loaded successfully`);
 		return cachedBundlerService;
 	} catch (error) {
 		const message = error instanceof Error ? error.message : String(error);
-		__agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Failed to load custom bundler service: ${message}`);
-		__agiflowai_aicode_utils.log.info("[BundlerServiceFactory] Falling back to default ViteReactBundlerService");
+		_agiflowai_aicode_utils.log.error(`[BundlerServiceFactory] Failed to load custom bundler service: ${message}`);
+		_agiflowai_aicode_utils.log.info("[BundlerServiceFactory] Falling back to default ViteReactBundlerService");
 		cachedBundlerService = createDefaultBundlerService();
 		return cachedBundlerService;
 	}
 }
-
 //#endregion
 //#region src/utils/screenshot.ts
+/**
+* Screenshot utility using Playwright
+*
+* DESIGN PATTERNS:
+* - Utility function for browser automation
+* - Factory pattern for browser selection
+* - Options pattern for configuration
+*
+* CODING STANDARDS:
+* - Use async/await for browser operations
+* - Clean up resources (close browser) in finally block
+* - Support multiple browsers (chromium, firefox, webkit)
+*
+* AVOID:
+* - Leaving browser instances open
+* - Hardcoding viewport sizes
+*/
 const browsers = {
 	chromium: playwright.chromium,
 	firefox: playwright.firefox,
@@ -1947,10 +2076,28 @@ async function takeScreenshot(options) {
 		if (browser) await browser.close();
 	}
 }
-
 //#endregion
 //#region src/services/ThemeService/BaseThemeService.ts
 /**
+* BaseThemeService
+*
+* DESIGN PATTERNS:
+* - Abstract base class for theme listing services
+* - Template method pattern for extensible theme extraction
+* - Strategy pattern allowing different theme source implementations
+*
+* CODING STANDARDS:
+* - Abstract classes define interface contracts for subclasses
+* - Protected methods allow subclass customization
+* - Use async/await for all I/O operations
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Direct instantiation of abstract class
+* - Source-specific logic in base class
+* - Synchronous file operations
+*/
+/**
 * Abstract base class for theme listing services.
 *
 * Subclasses must implement the `listThemes` method to provide
@@ -1989,10 +2136,27 @@ var BaseThemeService = class {
 		}
 	}
 };
-
 //#endregion
 //#region src/services/ThemeService/CSSThemeService.ts
 /**
+* CSSThemeService
+*
+* DESIGN PATTERNS:
+* - Extends BaseThemeService for CSS-based theme extraction
+* - Uses postcss AST parser for robust CSS parsing
+* - Extracts theme names from CSS class selectors
+*
+* CODING STANDARDS:
+* - Implement abstract methods from base class
+* - Use async/await for file operations
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Hardcoding theme paths
+* - Synchronous file operations
+* - Fragile regex-based CSS parsing
+*/
+/**
 * CSS-based theme service implementation.
 *
 * Extracts themes from CSS files by parsing class selectors that contain
@@ -2014,7 +2178,7 @@ var CSSThemeService = class extends BaseThemeService {
 	*/
 	constructor(config) {
 		super(config);
-		this.monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 	}
 	/**
 	* Get the source identifier for this service
@@ -2041,7 +2205,7 @@ var CSSThemeService = class extends BaseThemeService {
 			return this.extractThemesFromCSS(cssFilePath);
 		}));
 		for (const [index, result] of results.entries()) if (result.status === "fulfilled") themes.push(...result.value);
-		else __agiflowai_aicode_utils.log.warn(`[CSSThemeService] Could not process ${cssFilePaths[index]}:`, result.reason);
+		else _agiflowai_aicode_utils.log.warn(`[CSSThemeService] Could not process ${cssFilePaths[index]}:`, result.reason);
 		const uniqueThemes = this.deduplicateThemes(themes);
 		return {
 			themes: uniqueThemes.sort((a, b) => a.name.localeCompare(b.name)),
@@ -2102,7 +2266,7 @@ var CSSThemeService = class extends BaseThemeService {
 		} catch (error) {
 			throw new Error(`Failed to parse CSS file ${cssFilePath}: ${error instanceof Error ? error.message : String(error)}`);
 		}
-		__agiflowai_aicode_utils.log.info(`[CSSThemeService] Found ${themes.length} themes in ${fileName}`);
+		_agiflowai_aicode_utils.log.info(`[CSSThemeService] Found ${themes.length} themes in ${fileName}`);
 		return themes;
 	}
 	/**
@@ -2119,10 +2283,26 @@ var CSSThemeService = class extends BaseThemeService {
 		});
 	}
 };
-
 //#endregion
 //#region src/services/ThemeService/ThemeService.ts
 /**
+* ThemeService
+*
+* DESIGN PATTERNS:
+* - Service pattern for business logic encapsulation
+* - App-specific theme configuration from project.json
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on single domain)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
+/**
 * ThemeService handles theme configuration and CSS generation.
 *
 * Provides methods for accessing theme CSS, generating theme wrappers,
@@ -2143,10 +2323,10 @@ var ThemeService = class {
 	* @param config - Design system configuration
 	*/
 	constructor(config) {
-		this.monorepoRoot = __agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = _agiflowai_aicode_utils.TemplatesManagerService.getWorkspaceRootSync();
 		this.config = config;
-		__agiflowai_aicode_utils.log.info(`[ThemeService] Using theme provider: ${this.config.themeProvider}`);
-		__agiflowai_aicode_utils.log.info(`[ThemeService] Design system type: ${this.config.type}`);
+		_agiflowai_aicode_utils.log.info(`[ThemeService] Using theme provider: ${this.config.themeProvider}`);
+		_agiflowai_aicode_utils.log.info(`[ThemeService] Design system type: ${this.config.type}`);
 	}
 	/**
 	* Get design system configuration
@@ -2208,7 +2388,7 @@ export default WrappedComponent;
 			try {
 				return await node_fs.promises.readFile(cssFile, "utf-8");
 			} catch (error) {
-				__agiflowai_aicode_utils.log.warn(`[ThemeService] Could not read CSS file ${cssFile}:`, error);
+				_agiflowai_aicode_utils.log.warn(`[ThemeService] Could not read CSS file ${cssFile}:`, error);
 				return "";
 			}
 		}))).filter(Boolean).join("\n");
@@ -2271,7 +2451,7 @@ export default WrappedComponent;
 			for (const [index, result] of results.entries()) if (result.status === "fulfilled") {
 				themes.push(result.value);
 				if (result.value.name === "lightTheme" || result.value.name === "agimonTheme") activeBrand = result.value.name;
-			} else __agiflowai_aicode_utils.log.warn(`[ThemeService] Failed to process theme file ${themeFiles[index]}:`, result.reason);
+			} else _agiflowai_aicode_utils.log.warn(`[ThemeService] Failed to process theme file ${themeFiles[index]}:`, result.reason);
 			return {
 				themes: themes.sort((a, b) => a.name.localeCompare(b.name)),
 				activeBrand
@@ -2281,7 +2461,6 @@ export default WrappedComponent;
 		}
 	}
 };
-
 //#endregion
 //#region src/services/ThemeService/types.ts
 /**
@@ -2292,10 +2471,25 @@ const DEFAULT_THEME_SERVICE_CONFIG = {
 	cssFiles: [],
 	customServicePath: void 0
 };
-
 //#endregion
 //#region src/services/ThemeService/ThemeServiceFactory.ts
 /**
+* ThemeServiceFactory
+*
+* DESIGN PATTERNS:
+* - Factory pattern for creating theme service instances
+* - Supports built-in CSS theme extraction and custom service loading
+*
+* CODING STANDARDS:
+* - Use async factory method for dynamic service loading
+* - Return typed results
+* - Throw descriptive errors with context
+*
+* AVOID:
+* - Synchronous file operations
+* - Hardcoded service paths
+*/
+/**
 * Factory for creating theme service instances.
 *
 * Supports the built-in CSSThemeService and custom service implementations
@@ -2363,10 +2557,28 @@ var ThemeServiceFactory = class {
 		}
 	}
 };
-
 //#endregion
 //#region src/services/ComponentRendererService/ComponentRendererService.ts
 /**
+* ComponentRendererService
+*
+* DESIGN PATTERNS:
+* - Service pattern for business logic encapsulation
+* - Service composition (uses BundlerService and ThemeService)
+* - Dependency injection for bundler service (allows custom implementations)
+* - HTML template generation with theme provider wrapping
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on single domain)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
+/**
 * ComponentRendererService handles rendering React components to images.
 *
 * Uses BundlerService for building/serving components and ThemeService
@@ -2433,17 +2645,17 @@ var ComponentRendererService = class ComponentRendererService {
 	async renderComponent(componentInfo, options = {}) {
 		const { storyName = componentInfo.stories[0] || "Default", args = {}, darkMode = false, width = 1280, height = 800 } = options;
 		try {
-			__agiflowai_aicode_utils.log.info(`[ComponentRendererService] Rendering ${componentInfo.title} - ${storyName}`);
+			_agiflowai_aicode_utils.log.info(`[ComponentRendererService] Rendering ${componentInfo.title} - ${storyName}`);
 			await node_fs.promises.mkdir(this.tmpDir, { recursive: true });
 			const designSystemConfig = this.themeService.getConfig();
-			__agiflowai_aicode_utils.log.info(`[ComponentRendererService] Using theme provider: ${designSystemConfig.themeProvider}`);
-			__agiflowai_aicode_utils.log.info(`[ComponentRendererService] Design system type: ${designSystemConfig.type}`);
-			if (!await this.themeService.validateThemeProvider()) __agiflowai_aicode_utils.log.warn(`[ComponentRendererService] Theme provider path may not exist: ${designSystemConfig.themeProvider}`);
+			_agiflowai_aicode_utils.log.info(`[ComponentRendererService] Using theme provider: ${designSystemConfig.themeProvider}`);
+			_agiflowai_aicode_utils.log.info(`[ComponentRendererService] Design system type: ${designSystemConfig.type}`);
+			if (!await this.themeService.validateThemeProvider()) _agiflowai_aicode_utils.log.warn(`[ComponentRendererService] Theme provider path may not exist: ${designSystemConfig.themeProvider}`);
 			const bundlerService = this.getBundlerService();
 			let componentUrl;
 			let htmlFilePath;
 			if (bundlerService.isServerRunning()) {
-				__agiflowai_aicode_utils.log.info("[ComponentRendererService] Using dev server for fast rendering");
+				_agiflowai_aicode_utils.log.info("[ComponentRendererService] Using dev server for fast rendering");
 				try {
 					const result = await bundlerService.serveComponent({
 						componentPath: componentInfo.filePath,
@@ -2457,9 +2669,9 @@ var ComponentRendererService = class ComponentRendererService {
 					});
 					componentUrl = result.url;
 					htmlFilePath = result.htmlFilePath;
-					__agiflowai_aicode_utils.log.info(`[ComponentRendererService] Component served at: ${componentUrl}`);
+					_agiflowai_aicode_utils.log.info(`[ComponentRendererService] Component served at: ${componentUrl}`);
 				} catch (devServerError) {
-					__agiflowai_aicode_utils.log.warn(`[ComponentRendererService] Dev server failed, falling back to static build: ${devServerError instanceof Error ? devServerError.message : String(devServerError)}`);
+					_agiflowai_aicode_utils.log.warn(`[ComponentRendererService] Dev server failed, falling back to static build: ${devServerError instanceof Error ? devServerError.message : String(devServerError)}`);
 					const result = await bundlerService.prerenderComponent({
 						componentPath: componentInfo.filePath,
 						storyName,
@@ -2472,10 +2684,10 @@ var ComponentRendererService = class ComponentRendererService {
 					});
 					componentUrl = `file://${result.htmlFilePath}`;
 					htmlFilePath = result.htmlFilePath;
-					__agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
+					_agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
 				}
 			} else {
-				__agiflowai_aicode_utils.log.info("[ComponentRendererService] No dev server running, using static build");
+				_agiflowai_aicode_utils.log.info("[ComponentRendererService] No dev server running, using static build");
 				const result = await bundlerService.prerenderComponent({
 					componentPath: componentInfo.filePath,
 					storyName,
@@ -2488,7 +2700,7 @@ var ComponentRendererService = class ComponentRendererService {
 				});
 				componentUrl = `file://${result.htmlFilePath}`;
 				htmlFilePath = result.htmlFilePath;
-				__agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
+				_agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
 			}
 			const timestamp = Date.now();
 			const imageName = `component-${componentInfo.title.split("/").pop()}-${timestamp}.png`;
@@ -2508,12 +2720,12 @@ var ComponentRendererService = class ComponentRendererService {
 				thumbnailQuality: 80,
 				base64: false
 			});
-			__agiflowai_aicode_utils.log.info(`[ComponentRendererService] Screenshot saved to: ${imagePath}`);
+			_agiflowai_aicode_utils.log.info(`[ComponentRendererService] Screenshot saved to: ${imagePath}`);
 			let html = "";
 			if (htmlFilePath) {
 				html = await node_fs.promises.readFile(htmlFilePath, "utf-8");
-				__agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML file kept at: ${htmlFilePath}`);
-			} else __agiflowai_aicode_utils.log.warn("[ComponentRendererService] No HTML file path available, returning empty HTML content");
+				_agiflowai_aicode_utils.log.info(`[ComponentRendererService] HTML file kept at: ${htmlFilePath}`);
+			} else _agiflowai_aicode_utils.log.warn("[ComponentRendererService] No HTML file path available, returning empty HTML content");
 			return {
 				imagePath,
 				html,
@@ -2555,18 +2767,18 @@ var ComponentRendererService = class ComponentRendererService {
 			}));
 			for (const result of statResults) if (result.status === "fulfilled") componentFiles.push(result.value);
 			const oldFiles = componentFiles.filter((f) => now - f.mtime > olderThanMs);
-			await Promise.all(oldFiles.map((file) => node_fs.promises.unlink(file.path).catch((err) => __agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
+			await Promise.all(oldFiles.map((file) => node_fs.promises.unlink(file.path).catch((err) => _agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
 			let deletedCount = oldFiles.length;
 			const remainingFiles = componentFiles.filter((f) => now - f.mtime <= olderThanMs);
 			if (remainingFiles.length > keepCount) {
 				remainingFiles.sort((a, b) => a.mtime - b.mtime);
 				const toDelete = remainingFiles.slice(0, remainingFiles.length - keepCount);
-				await Promise.all(toDelete.map((file) => node_fs.promises.unlink(file.path).catch((err) => __agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
+				await Promise.all(toDelete.map((file) => node_fs.promises.unlink(file.path).catch((err) => _agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
 				deletedCount += toDelete.length;
 			}
-			if (deletedCount > 0) __agiflowai_aicode_utils.log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
+			if (deletedCount > 0) _agiflowai_aicode_utils.log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
 		} catch (error) {
-			__agiflowai_aicode_utils.log.error("[ComponentRendererService] Cleanup error:", error);
+			_agiflowai_aicode_utils.log.error("[ComponentRendererService] Cleanup error:", error);
 		}
 	}
 	/**
@@ -2580,11 +2792,10 @@ var ComponentRendererService = class ComponentRendererService {
 			const bundlerService = this.getBundlerService();
 			if (!bundlerService.isServerRunning()) await bundlerService.cleanup();
 		} catch (error) {
-			__agiflowai_aicode_utils.log.error("[ComponentRendererService] Dispose error:", error);
+			_agiflowai_aicode_utils.log.error("[ComponentRendererService] Dispose error:", error);
 		}
 	}
 };
-
 //#endregion
 //#region src/services/GetUiComponentService/types.ts
 /**
@@ -2596,10 +2807,26 @@ const DEFAULT_GET_UI_COMPONENT_CONFIG = {
 	defaultWidth: 1280,
 	defaultHeight: 800
 };
-
 //#endregion
 //#region src/services/GetUiComponentService/GetUiComponentService.ts
 /**
+* GetUiComponentService
+*
+* DESIGN PATTERNS:
+* - Service pattern for business logic encapsulation
+* - Single responsibility principle
+*
+* CODING STANDARDS:
+* - Use async/await for asynchronous operations
+* - Throw descriptive errors for error cases
+* - Keep methods focused and well-named
+* - Document complex logic with comments
+*
+* AVOID:
+* - Mixing concerns (keep focused on single domain)
+* - Direct tool implementation (services should be tool-agnostic)
+*/
+/**
 * GetUiComponentService handles rendering UI component previews.
 *
 * Locates components in the stories index, renders them with app-specific
@@ -2651,7 +2878,7 @@ var GetUiComponentService = class {
 			if (/javascript:|expression\(|url\(/i.test(input.selector)) throw new Error("selector contains potentially malicious content");
 		}
 		const { componentName, appPath, storyName = this.config.defaultStoryName, darkMode = this.config.defaultDarkMode } = input;
-		__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Starting for component: ${componentName}, appPath: ${appPath}, storyName: ${storyName}`);
+		_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Starting for component: ${componentName}, appPath: ${appPath}, storyName: ${storyName}`);
 		const storiesIndex = this.storiesIndexFactory();
 		let designSystemConfig;
 		try {
@@ -2661,10 +2888,10 @@ var GetUiComponentService = class {
 		}
 		const componentInfo = storiesIndex.findComponentByName(componentName);
 		if (!componentInfo) throw new Error(`Component "${componentName}" not found in stories index. Ensure the component has a .stories.tsx file and has been indexed.`);
-		__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Found component: ${componentInfo.title}`);
+		_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Found component: ${componentInfo.title}`);
 		const validStoryName = this.resolveStoryName(storyName, componentInfo.stories);
-		__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Using theme provider: ${designSystemConfig.themeProvider}`);
-		__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Design system type: ${designSystemConfig.type}`);
+		_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Using theme provider: ${designSystemConfig.themeProvider}`);
+		_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Design system type: ${designSystemConfig.type}`);
 		const renderer = this.rendererFactory(designSystemConfig, appPath);
 		try {
 			const renderResult = await renderer.renderComponent(componentInfo, {
@@ -2673,9 +2900,9 @@ var GetUiComponentService = class {
 				height: this.config.defaultHeight,
 				darkMode
 			});
-			__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Component rendered to: ${renderResult.imagePath}`);
+			_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Component rendered to: ${renderResult.imagePath}`);
 			const storyFileContent = await this.readStoryFile(componentInfo.filePath);
-			__agiflowai_aicode_utils.log.info("[GetUiComponentService] Completed successfully");
+			_agiflowai_aicode_utils.log.info("[GetUiComponentService] Completed successfully");
 			return {
 				imagePath: renderResult.imagePath,
 				format: "png",
@@ -2699,9 +2926,9 @@ var GetUiComponentService = class {
 	*/
 	resolveStoryName(requestedStory, availableStories) {
 		if (availableStories.includes(requestedStory)) return requestedStory;
-		__agiflowai_aicode_utils.log.warn(`[GetUiComponentService] Story "${requestedStory}" not found, available stories: ${availableStories.join(", ")}`);
+		_agiflowai_aicode_utils.log.warn(`[GetUiComponentService] Story "${requestedStory}" not found, available stories: ${availableStories.join(", ")}`);
 		const fallbackStory = availableStories[0] || "Default";
-		__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Using fallback story: ${fallbackStory}`);
+		_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Using fallback story: ${fallbackStory}`);
 		return fallbackStory;
 	}
 	/**
@@ -2713,15 +2940,14 @@ var GetUiComponentService = class {
 	async readStoryFile(filePath) {
 		try {
 			const content = await node_fs.promises.readFile(filePath, "utf-8");
-			__agiflowai_aicode_utils.log.info(`[GetUiComponentService] Story file read successfully (${content.length} chars)`);
+			_agiflowai_aicode_utils.log.info(`[GetUiComponentService] Story file read successfully (${content.length} chars)`);
 			return content;
 		} catch (error) {
-			__agiflowai_aicode_utils.log.warn(`[GetUiComponentService] Warning: Could not read story file: ${error instanceof Error ? error.message : String(error)}`);
+			_agiflowai_aicode_utils.log.warn(`[GetUiComponentService] Warning: Could not read story file: ${error instanceof Error ? error.message : String(error)}`);
 			return `// Could not read file: ${filePath}\n// Error: ${error instanceof Error ? error.message : String(error)}`;
 		}
 	}
 };
-
 //#endregion
 //#region src/tools/GetComponentVisualTool.ts
 /**
@@ -2823,7 +3049,6 @@ var GetComponentVisualTool = class GetComponentVisualTool {
 		}
 	}
 };
-
 //#endregion
 //#region src/tools/ListAppComponentsTool.ts
 /**
@@ -2898,7 +3123,6 @@ var ListAppComponentsTool = class ListAppComponentsTool {
 		}
 	}
 };
-
 //#endregion
 //#region src/tools/ListThemesTool.ts
 /**
@@ -2963,9 +3187,28 @@ var ListThemesTool = class ListThemesTool {
 		}
 	}
 };
-
 //#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 = class ListSharedComponentsTool {
 	static TOOL_NAME = "list_shared_components";
 	static PAGE_SIZE = 50;
@@ -3045,7 +3288,7 @@ var ListSharedComponentsTool = class ListSharedComponentsTool {
 				}
 			};
 			if (hasMore) result.nextCursor = this.encodeCursor(offset + paginatedComponents.length);
-			__agiflowai_aicode_utils.log.info(`[ListSharedComponentsTool] Tags: [${filterTags.join(", ")}], Page ${Math.floor(offset / ListSharedComponentsTool.PAGE_SIZE) + 1}: Returned ${paginatedComponents.length} of ${totalComponents} total components (hasMore: ${hasMore})`);
+			_agiflowai_aicode_utils.log.info(`[ListSharedComponentsTool] Tags: [${filterTags.join(", ")}], Page ${Math.floor(offset / ListSharedComponentsTool.PAGE_SIZE) + 1}: Returned ${paginatedComponents.length} of ${totalComponents} total components (hasMore: ${hasMore})`);
 			return { content: [{
 				type: "text",
 				text: `${ListSharedComponentsTool.COMPONENT_REUSE_INSTRUCTION}\n\n${JSON.stringify(result, null, 2)}`
@@ -3061,9 +3304,28 @@ var ListSharedComponentsTool = class ListSharedComponentsTool {
 		}
 	}
 };
-
+//#endregion
+//#region package.json
+var version = "0.0.13";
+//#endregion
+//#region src/metadata.ts
+const STYLE_SYSTEM_CLI_NAME = "style-system";
+const STYLE_SYSTEM_SERVER_NAME = "style-system";
+const STYLE_SYSTEM_VERSION = version;
 //#endregion
 //#region src/server/index.ts
+/**
+* MCP Server Setup
+*
+* DESIGN PATTERNS:
+* - Factory pattern for server creation
+* - Tool registration pattern
+*
+* CODING STANDARDS:
+* - Register all tools, resources, and prompts here
+* - Keep server setup modular and extensible
+* - Import tools from ../tools/ and register them in the handlers
+*/
 const TOOL_CAPABILITIES_META_KEY = "agiflowai/capabilities";
 function withCapabilities(definition, capabilities) {
 	return {
@@ -3074,10 +3336,10 @@ function withCapabilities(definition, capabilities) {
 		}
 	};
 }
-function createServer(themePath = "packages/frontend/web-theme/src/agimon-theme.css") {
-	const server = new __modelcontextprotocol_sdk_server_index_js.Server({
-		name: "style-system-mcp",
-		version: "0.1.0"
+function createServer(themePath) {
+	const server = new _modelcontextprotocol_sdk_server_index_js.Server({
+		name: STYLE_SYSTEM_SERVER_NAME,
+		version: STYLE_SYSTEM_VERSION
 	}, {
 		capabilities: { tools: {} },
 		instructions: "Use this MCP when you work on the frontend or design. You can use this to list supported themes, get the correct tailwind classes supported by the repo, list design system components, and get visual + detailed implementation of components."
@@ -3087,7 +3349,7 @@ function createServer(themePath = "packages/frontend/web-theme/src/agimon-theme.
 	const getComponentVisualTool = new GetComponentVisualTool();
 	const listSharedComponentsTool = new ListSharedComponentsTool();
 	const listAppComponentsTool = new ListAppComponentsTool();
-	server.setRequestHandler(__modelcontextprotocol_sdk_types_js.ListToolsRequestSchema, async () => {
+	server.setRequestHandler(_modelcontextprotocol_sdk_types_js.ListToolsRequestSchema, async () => {
 		return { tools: [
 			withCapabilities(listThemesTool.getDefinition(), [
 				"themes",
@@ -3117,7 +3379,7 @@ function createServer(themePath = "packages/frontend/web-theme/src/agimon-theme.
 			])
 		] };
 	});
-	server.setRequestHandler(__modelcontextprotocol_sdk_types_js.CallToolRequestSchema, async (request) => {
+	server.setRequestHandler(_modelcontextprotocol_sdk_types_js.CallToolRequestSchema, 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);
@@ -3134,10 +3396,25 @@ function createServer(themePath = "packages/frontend/web-theme/src/agimon-theme.
 	});
 	return server;
 }
-
 //#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
 */
@@ -3148,9 +3425,9 @@ var StdioTransportHandler = class {
 		this.server = server;
 	}
 	async start() {
-		this.transport = new __modelcontextprotocol_sdk_server_stdio_js.StdioServerTransport();
+		this.transport = new _modelcontextprotocol_sdk_server_stdio_js.StdioServerTransport();
 		await this.server.connect(this.transport);
-		__agiflowai_aicode_utils.log.info("style-system-mcp MCP server started on stdio");
+		_agiflowai_aicode_utils.log.info(`${STYLE_SYSTEM_SERVER_NAME} MCP server started on stdio`);
 	}
 	async stop() {
 		if (this.transport) {
@@ -3159,119 +3436,130 @@ var StdioTransportHandler = class {
 		}
 	}
 };
-
 //#endregion
-Object.defineProperty(exports, 'BaseBundlerService', {
-  enumerable: true,
-  get: function () {
-    return BaseBundlerService;
-  }
+Object.defineProperty(exports, "BaseBundlerService", {
+	enumerable: true,
+	get: function() {
+		return BaseBundlerService;
+	}
+});
+Object.defineProperty(exports, "BaseCSSClassesService", {
+	enumerable: true,
+	get: function() {
+		return BaseCSSClassesService;
+	}
+});
+Object.defineProperty(exports, "CSSClassesServiceFactory", {
+	enumerable: true,
+	get: function() {
+		return CSSClassesServiceFactory;
+	}
 });
-Object.defineProperty(exports, 'BaseCSSClassesService', {
-  enumerable: true,
-  get: function () {
-    return BaseCSSClassesService;
-  }
+Object.defineProperty(exports, "ComponentRendererService", {
+	enumerable: true,
+	get: function() {
+		return ComponentRendererService;
+	}
 });
-Object.defineProperty(exports, 'CSSClassesServiceFactory', {
-  enumerable: true,
-  get: function () {
-    return CSSClassesServiceFactory;
-  }
+Object.defineProperty(exports, "DEFAULT_STYLE_SYSTEM_CONFIG", {
+	enumerable: true,
+	get: function() {
+		return DEFAULT_STYLE_SYSTEM_CONFIG;
+	}
 });
-Object.defineProperty(exports, 'ComponentRendererService', {
-  enumerable: true,
-  get: function () {
-    return ComponentRendererService;
-  }
+Object.defineProperty(exports, "GetCSSClassesTool", {
+	enumerable: true,
+	get: function() {
+		return GetCSSClassesTool;
+	}
 });
-Object.defineProperty(exports, 'DEFAULT_STYLE_SYSTEM_CONFIG', {
-  enumerable: true,
-  get: function () {
-    return DEFAULT_STYLE_SYSTEM_CONFIG;
-  }
+Object.defineProperty(exports, "GetComponentVisualTool", {
+	enumerable: true,
+	get: function() {
+		return GetComponentVisualTool;
+	}
 });
-Object.defineProperty(exports, 'GetCSSClassesTool', {
-  enumerable: true,
-  get: function () {
-    return GetCSSClassesTool;
-  }
+Object.defineProperty(exports, "ListAppComponentsTool", {
+	enumerable: true,
+	get: function() {
+		return ListAppComponentsTool;
+	}
 });
-Object.defineProperty(exports, 'GetComponentVisualTool', {
-  enumerable: true,
-  get: function () {
-    return GetComponentVisualTool;
-  }
+Object.defineProperty(exports, "ListSharedComponentsTool", {
+	enumerable: true,
+	get: function() {
+		return ListSharedComponentsTool;
+	}
 });
-Object.defineProperty(exports, 'ListAppComponentsTool', {
-  enumerable: true,
-  get: function () {
-    return ListAppComponentsTool;
-  }
+Object.defineProperty(exports, "ListThemesTool", {
+	enumerable: true,
+	get: function() {
+		return ListThemesTool;
+	}
 });
-Object.defineProperty(exports, 'ListSharedComponentsTool', {
-  enumerable: true,
-  get: function () {
-    return ListSharedComponentsTool;
-  }
+Object.defineProperty(exports, "STYLE_SYSTEM_CLI_NAME", {
+	enumerable: true,
+	get: function() {
+		return STYLE_SYSTEM_CLI_NAME;
+	}
 });
-Object.defineProperty(exports, 'ListThemesTool', {
-  enumerable: true,
-  get: function () {
-    return ListThemesTool;
-  }
+Object.defineProperty(exports, "STYLE_SYSTEM_VERSION", {
+	enumerable: true,
+	get: function() {
+		return STYLE_SYSTEM_VERSION;
+	}
 });
-Object.defineProperty(exports, 'StdioTransportHandler', {
-  enumerable: true,
-  get: function () {
-    return StdioTransportHandler;
-  }
+Object.defineProperty(exports, "StdioTransportHandler", {
+	enumerable: true,
+	get: function() {
+		return StdioTransportHandler;
+	}
 });
-Object.defineProperty(exports, 'StoriesIndexService', {
-  enumerable: true,
-  get: function () {
-    return StoriesIndexService;
-  }
+Object.defineProperty(exports, "StoriesIndexService", {
+	enumerable: true,
+	get: function() {
+		return StoriesIndexService;
+	}
 });
-Object.defineProperty(exports, 'TailwindCSSClassesService', {
-  enumerable: true,
-  get: function () {
-    return TailwindCSSClassesService;
-  }
+Object.defineProperty(exports, "TailwindCSSClassesService", {
+	enumerable: true,
+	get: function() {
+		return TailwindCSSClassesService;
+	}
 });
-Object.defineProperty(exports, 'ThemeService', {
-  enumerable: true,
-  get: function () {
-    return ThemeService;
-  }
+Object.defineProperty(exports, "ThemeService", {
+	enumerable: true,
+	get: function() {
+		return ThemeService;
+	}
 });
-Object.defineProperty(exports, 'ViteReactBundlerService', {
-  enumerable: true,
-  get: function () {
-    return ViteReactBundlerService;
-  }
+Object.defineProperty(exports, "ViteReactBundlerService", {
+	enumerable: true,
+	get: function() {
+		return ViteReactBundlerService;
+	}
 });
-Object.defineProperty(exports, '__toESM', {
-  enumerable: true,
-  get: function () {
-    return __toESM;
-  }
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
 });
-Object.defineProperty(exports, 'createDefaultBundlerService', {
-  enumerable: true,
-  get: function () {
-    return createDefaultBundlerService;
-  }
+Object.defineProperty(exports, "createDefaultBundlerService", {
+	enumerable: true,
+	get: function() {
+		return createDefaultBundlerService;
+	}
+});
+Object.defineProperty(exports, "createServer", {
+	enumerable: true,
+	get: function() {
+		return createServer;
+	}
 });
-Object.defineProperty(exports, 'createServer', {
-  enumerable: true,
-  get: function () {
-    return createServer;
-  }
+Object.defineProperty(exports, "getBundlerServiceFromConfig", {
+	enumerable: true,
+	get: function() {
+		return getBundlerServiceFromConfig;
+	}
 });
-Object.defineProperty(exports, 'getBundlerServiceFromConfig', {
-  enumerable: true,
-  get: function () {
-    return getBundlerServiceFromConfig;
-  }
-});