@agimon-ai/style-system 0.2.7 → 0.2.9

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_stdio = require("./stdio-ShOKq0YW.cjs");
+const require_stdio = require("./stdio-C5EE-217.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/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$1, k as resolveStyleSystemThemePath, o as STYLE_SYSTEM_VERSION, r as generateRestrictedClassesConfig, s as createContainer, t as StdioTransportHandler } from "./stdio-DPLw-UKB.mjs";
+import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, N as DEFAULT_STYLE_SYSTEM_CONFIG, P as TailwindCSSClassesService, R as log, 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-DkNzur0U.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
 import { z } from "zod";

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_stdio = require("./stdio-ShOKq0YW.cjs");
+const require_stdio = require("./stdio-C5EE-217.cjs");
 let node_fs = require("node:fs");
 let node_path = require("node:path");
 node_path = require_stdio.__toESM(node_path, 1);
@@ -8,10 +8,6 @@ let node_crypto = require("node:crypto");
 const STORY_FILE_PATTERN = /\.stories\.(?:ts|tsx)$/;
 const STORY_EXPORT_PATTERN = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 const UTF8_ENCODING = "utf8";
-function isContained(root, candidate) {
-	const relative = node_path.default.relative(root, candidate);
-	return relative === "" || !relative.startsWith(`..${node_path.default.sep}`) && relative !== ".." && !node_path.default.isAbsolute(relative);
-}
 /** Builds and owns disposable, self-contained HTML previews for exact story exports. */
 var StoryPreviewService = class {
 	workspaceRoot;
@@ -54,7 +50,8 @@ var StoryPreviewService = class {
 		});
 		const htmlFilePath = await node_fs.promises.realpath(result.htmlFilePath);
 		const artifactDirectory = node_path.default.dirname(htmlFilePath);
-		if (!isContained(node_path.default.join(appPath, ".tmp"), artifactDirectory)) throw new Error("Bundler returned a preview artifact outside the project temporary directory");
+		const artifactRoot = node_path.default.join(appPath, ".tmp");
+		if (!require_stdio.isContained(artifactRoot, artifactDirectory)) throw new Error("Bundler returned a preview artifact outside the project temporary directory");
 		const handle = (0, node_crypto.randomUUID)();
 		const html = await node_fs.promises.readFile(htmlFilePath, UTF8_ENCODING);
 		this.previews.set(handle, { artifactDirectory });
@@ -85,7 +82,7 @@ var StoryPreviewService = class {
 		if (!inputPath) throw new Error(`${field} is required`);
 		const candidate = node_path.default.isAbsolute(inputPath) ? inputPath : node_path.default.resolve(root, inputPath);
 		const canonical = await node_fs.promises.realpath(candidate);
-		if (!isContained(root, canonical)) throw new Error(`${field} must remain inside the workspace root`);
+		if (!require_stdio.isContained(root, canonical)) throw new Error(`${field} must remain inside the workspace root`);
 		return canonical;
 	}
 };

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-DPLw-UKB.mjs";
+import { A as STYLE_SYSTEM_TYPES, C as getAppDesignSystemConfig, D as resolveAppDesignSystemConfig, E as resetStyleSystemConfigCache, F as BaseCSSClassesService, I as TemplatesManagerService, L as isContained, 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-DkNzur0U.mjs";
 import { promises } from "node:fs";
 import path from "node:path";
 import { createHash, randomUUID } from "node:crypto";
@@ -6,10 +6,6 @@ import { createHash, randomUUID } from "node:crypto";
 const STORY_FILE_PATTERN = /\.stories\.(?:ts|tsx)$/;
 const STORY_EXPORT_PATTERN = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 const UTF8_ENCODING = "utf8";
-function isContained(root, candidate) {
-	const relative = path.relative(root, candidate);
-	return relative === "" || !relative.startsWith(`..${path.sep}`) && relative !== ".." && !path.isAbsolute(relative);
-}
 /** Builds and owns disposable, self-contained HTML previews for exact story exports. */
 var StoryPreviewService = class {
 	workspaceRoot;
@@ -52,7 +48,8 @@ var StoryPreviewService = class {
 		});
 		const htmlFilePath = await promises.realpath(result.htmlFilePath);
 		const artifactDirectory = path.dirname(htmlFilePath);
-		if (!isContained(path.join(appPath, ".tmp"), artifactDirectory)) throw new Error("Bundler returned a preview artifact outside the project temporary directory");
+		const artifactRoot = path.join(appPath, ".tmp");
+		if (!isContained(artifactRoot, artifactDirectory)) throw new Error("Bundler returned a preview artifact outside the project temporary directory");
 		const handle = randomUUID();
 		const html = await promises.readFile(htmlFilePath, UTF8_ENCODING);
 		this.previews.set(handle, { artifactDirectory });

package/dist/{stdio-ShOKq0YW.cjs → stdio-C5EE-217.cjs}

@@ -130,6 +130,11 @@ const log = {
 };
 //#endregion
 //#region src/utils/fsHelpers.ts
+/** True when candidate is root itself or inside it (sibling prefixes like `<root>-evil` are outside). */
+function isContained(root, candidate) {
+	const relative = node_path.default.relative(root, candidate);
+	return relative === "" || !relative.startsWith(`..${node_path.default.sep}`) && relative !== ".." && !node_path.default.isAbsolute(relative);
+}
 async function pathExists(filePath) {
 	try {
 		await node_fs_promises.access(filePath);
@@ -1860,9 +1865,7 @@ function validateCssFiles(cssFiles, workspaceRoot) {
 	for (const cssFile of cssFiles) {
 		if (typeof cssFile !== "string") throw new Error("CSS file path must be a string");
 		if (cssFile.includes("..")) throw new Error(`CSS file path "${cssFile}" must not contain path traversal sequences (..)`);
-		if (node_path.default.isAbsolute(cssFile)) {
-			if (!node_path.default.normalize(cssFile).startsWith(workspaceRoot)) throw new Error(`CSS file path "${cssFile}" must be within workspace boundaries`);
-		}
+		if (node_path.default.isAbsolute(cssFile) && !isContained(workspaceRoot, node_path.default.normalize(cssFile))) throw new Error(`CSS file path "${cssFile}" must be within workspace boundaries`);
 		const ext = node_path.default.extname(cssFile).toLowerCase();
 		if (!SUPPORTED_CSS_EXTENSIONS.includes(ext)) throw new Error(`CSS file "${cssFile}" must have a valid CSS extension (${SUPPORTED_CSS_EXTENSIONS_LABEL})`);
 	}
@@ -2130,8 +2133,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		validateCssFiles(cssFiles, this.monorepoRoot);
 		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
+		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
 		if (this.currentAppPath !== resolvedAppPath) throw new Error(`Dev server is running for ${this.currentAppPath} but requested ${resolvedAppPath}.`);
 		const tmpDir = node_path.default.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
@@ -2178,8 +2181,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		validateCssFiles(cssFiles, this.monorepoRoot);
 		const resolvedAppPath = node_path.default.isAbsolute(appPath) ? appPath : node_path.default.join(this.monorepoRoot, appPath);
+		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
 		const tmpDir = node_path.default.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
 			await node_fs.promises.mkdir(tmpDir, { recursive: true });
@@ -2205,7 +2208,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Subclasses can override to add platform-specific aliases (e.g., react-native-web).
 	*/
 	getViteResolveConfig(appPath) {
-		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => node_path.default.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
+		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(appPath);
+		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => node_path.default.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
 		return { alias: [
 			{
 				find: APP_SOURCE_ALIAS_PATTERN,
@@ -2217,7 +2221,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			},
 			{
 				find: /^@agimonai\/frontend-web-theme\/modules\/(.*)$/,
-				replacement: `${node_path.default.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", "web-theme", APP_SOURCE_DIR$1, "modules")}/$1`
+				replacement: `${node_path.default.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", "web-theme", APP_SOURCE_DIR$1, "modules")}/$1`
 			}
 		] };
 	}
@@ -2313,17 +2317,18 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async generateWrapperCss(appPath, cssFiles) {
 		const resolvedCssFiles = cssFiles.length > 0 ? cssFiles : await this.getDefaultCssFiles(appPath);
+		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(appPath);
 		const cssImportStatements = resolvedCssFiles.map((cssFile) => {
 			if (node_path.default.isAbsolute(cssFile)) return `@import '${cssFile}';`;
 			if (cssFile.startsWith(PACKAGE_IMPORT_PREFIX) || cssFile.startsWith(TAILWIND_IMPORT_PREFIX)) return `@import '${cssFile}';`;
-			if (cssFile.startsWith(WORKSPACE_PACKAGE_DIR_PREFIX) || cssFile.startsWith(WORKSPACE_APP_DIR_PREFIX)) return `@import '${node_path.default.join(this.monorepoRoot, cssFile)}';`;
+			if (cssFile.startsWith(WORKSPACE_PACKAGE_DIR_PREFIX) || cssFile.startsWith(WORKSPACE_APP_DIR_PREFIX)) return `@import '${node_path.default.join(workspaceRoot, cssFile)}';`;
 			return `@import '${node_path.default.join(appPath, cssFile)}';`;
 		}).join("\n");
 		return `${resolvedCssFiles.length === 0 ? "@import 'tailwindcss';\n" : ""}${cssImportStatements}
 
 /* Tailwind v4 source configuration for component scanning */
-@source "${node_path.default.join(this.monorepoRoot, WORKSPACE_APP_DIR_PREFIX)}";
-@source "${node_path.default.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend")}";
+@source "${node_path.default.join(workspaceRoot, WORKSPACE_APP_DIR_PREFIX)}";
+@source "${node_path.default.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend")}";
 @source "${node_path.default.join(appPath, APP_SOURCE_DIR$1)}";
 `;
 	}
@@ -2473,6 +2478,8 @@ mount();
 	async buildComponent(options) {
 		const { appPath, darkMode, tmpDir, cssFiles } = options;
 		const timestamp = Date.now();
+		const htmlTemplateFileName = `${BUILD_HTML_FILE_PREFIX}${timestamp}${HTML_FILE_EXTENSION}`;
+		const htmlTemplatePath = node_path.default.join(tmpDir, htmlTemplateFileName);
 		try {
 			const wrapperCssPath = node_path.default.join(tmpDir, TAILWIND_WRAPPER_CSS_FILE);
 			const wrapperCssContent = await this.generateWrapperCss(appPath, cssFiles);
@@ -2480,8 +2487,6 @@ mount();
 			const storyId = `${STORY_ID_BUILD_PREFIX}${timestamp}`;
 			const virtualModuleId = `${VIRTUAL_STORY_ENTRY_SCRIPT_PREFIX}${storyId}`;
 			const htmlTemplate = this.generateHtmlTemplate(virtualModuleId, darkMode);
-			const htmlTemplateFileName = `${BUILD_HTML_FILE_PREFIX}${timestamp}${HTML_FILE_EXTENSION}`;
-			const htmlTemplatePath = node_path.default.join(tmpDir, htmlTemplateFileName);
 			await node_fs.promises.writeFile(htmlTemplatePath, htmlTemplate, UTF8_ENCODING$1);
 			const { build } = await import("vite");
 			const outDir = node_path.default.join(tmpDir, `${BUILD_OUTPUT_DIR_PREFIX}${timestamp}`);
@@ -2517,12 +2522,13 @@ mount();
 			});
 			const builtHtmlPath = node_path.default.join(outDir, htmlTemplateFileName);
 			log.info(`[ViteReactBundlerService] Component built to: ${builtHtmlPath}`);
-			await node_fs.promises.unlink(htmlTemplatePath).catch((err) => 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)}`);
 			err.cause = error;
 			throw err;
+		} finally {
+			await node_fs.promises.unlink(htmlTemplatePath).catch((err) => log.debug(`[ViteReactBundlerService] Failed to cleanup temp file: ${err.message}`));
 		}
 	}
 };
@@ -4963,7 +4969,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.6";
+var version = "0.2.8";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";
@@ -5439,6 +5445,12 @@ Object.defineProperty(exports, "hasStyleSystemProjectConfig", {
 		return hasStyleSystemProjectConfig;
 	}
 });
+Object.defineProperty(exports, "isContained", {
+	enumerable: true,
+	get: function() {
+		return isContained;
+	}
+});
 Object.defineProperty(exports, "log", {
 	enumerable: true,
 	get: function() {

package/dist/{stdio-DPLw-UKB.mjs → stdio-DkNzur0U.mjs}

@@ -104,6 +104,11 @@ const log = {
 };
 //#endregion
 //#region src/utils/fsHelpers.ts
+/** True when candidate is root itself or inside it (sibling prefixes like `<root>-evil` are outside). */
+function isContained(root, candidate) {
+	const relative = path.relative(root, candidate);
+	return relative === "" || !relative.startsWith(`..${path.sep}`) && relative !== ".." && !path.isAbsolute(relative);
+}
 async function pathExists(filePath) {
 	try {
 		await fs.access(filePath);
@@ -1834,9 +1839,7 @@ function validateCssFiles(cssFiles, workspaceRoot) {
 	for (const cssFile of cssFiles) {
 		if (typeof cssFile !== "string") throw new Error("CSS file path must be a string");
 		if (cssFile.includes("..")) throw new Error(`CSS file path "${cssFile}" must not contain path traversal sequences (..)`);
-		if (path.isAbsolute(cssFile)) {
-			if (!path.normalize(cssFile).startsWith(workspaceRoot)) throw new Error(`CSS file path "${cssFile}" must be within workspace boundaries`);
-		}
+		if (path.isAbsolute(cssFile) && !isContained(workspaceRoot, path.normalize(cssFile))) throw new Error(`CSS file path "${cssFile}" must be within workspace boundaries`);
 		const ext = path.extname(cssFile).toLowerCase();
 		if (!SUPPORTED_CSS_EXTENSIONS.includes(ext)) throw new Error(`CSS file "${cssFile}" must have a valid CSS extension (${SUPPORTED_CSS_EXTENSIONS_LABEL})`);
 	}
@@ -2104,8 +2107,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		validateCssFiles(cssFiles, this.monorepoRoot);
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
+		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
 		if (this.currentAppPath !== resolvedAppPath) throw new Error(`Dev server is running for ${this.currentAppPath} but requested ${resolvedAppPath}.`);
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
@@ -2152,8 +2155,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateStoryName(storyName);
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
-		validateCssFiles(cssFiles, this.monorepoRoot);
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
+		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
 			await promises.mkdir(tmpDir, { recursive: true });
@@ -2179,7 +2182,8 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Subclasses can override to add platform-specific aliases (e.g., react-native-web).
 	*/
 	getViteResolveConfig(appPath) {
-		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => path.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
+		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(appPath);
+		const frontendPackagePath = (packageDir, sourcePath = "index.ts") => path.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", packageDir, APP_SOURCE_DIR$1, sourcePath);
 		return { alias: [
 			{
 				find: APP_SOURCE_ALIAS_PATTERN,
@@ -2191,7 +2195,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 			},
 			{
 				find: /^@agimonai\/frontend-web-theme\/modules\/(.*)$/,
-				replacement: `${path.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", "web-theme", APP_SOURCE_DIR$1, "modules")}/$1`
+				replacement: `${path.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend", "web-theme", APP_SOURCE_DIR$1, "modules")}/$1`
 			}
 		] };
 	}
@@ -2287,17 +2291,18 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async generateWrapperCss(appPath, cssFiles) {
 		const resolvedCssFiles = cssFiles.length > 0 ? cssFiles : await this.getDefaultCssFiles(appPath);
+		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(appPath);
 		const cssImportStatements = resolvedCssFiles.map((cssFile) => {
 			if (path.isAbsolute(cssFile)) return `@import '${cssFile}';`;
 			if (cssFile.startsWith(PACKAGE_IMPORT_PREFIX) || cssFile.startsWith(TAILWIND_IMPORT_PREFIX)) return `@import '${cssFile}';`;
-			if (cssFile.startsWith(WORKSPACE_PACKAGE_DIR_PREFIX) || cssFile.startsWith(WORKSPACE_APP_DIR_PREFIX)) return `@import '${path.join(this.monorepoRoot, cssFile)}';`;
+			if (cssFile.startsWith(WORKSPACE_PACKAGE_DIR_PREFIX) || cssFile.startsWith(WORKSPACE_APP_DIR_PREFIX)) return `@import '${path.join(workspaceRoot, cssFile)}';`;
 			return `@import '${path.join(appPath, cssFile)}';`;
 		}).join("\n");
 		return `${resolvedCssFiles.length === 0 ? "@import 'tailwindcss';\n" : ""}${cssImportStatements}
 
 /* Tailwind v4 source configuration for component scanning */
-@source "${path.join(this.monorepoRoot, WORKSPACE_APP_DIR_PREFIX)}";
-@source "${path.join(this.monorepoRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend")}";
+@source "${path.join(workspaceRoot, WORKSPACE_APP_DIR_PREFIX)}";
+@source "${path.join(workspaceRoot, WORKSPACE_PACKAGE_DIR_PREFIX, "frontend")}";
 @source "${path.join(appPath, APP_SOURCE_DIR$1)}";
 `;
 	}
@@ -2447,6 +2452,8 @@ mount();
 	async buildComponent(options) {
 		const { appPath, darkMode, tmpDir, cssFiles } = options;
 		const timestamp = Date.now();
+		const htmlTemplateFileName = `${BUILD_HTML_FILE_PREFIX}${timestamp}${HTML_FILE_EXTENSION}`;
+		const htmlTemplatePath = path.join(tmpDir, htmlTemplateFileName);
 		try {
 			const wrapperCssPath = path.join(tmpDir, TAILWIND_WRAPPER_CSS_FILE);
 			const wrapperCssContent = await this.generateWrapperCss(appPath, cssFiles);
@@ -2454,8 +2461,6 @@ mount();
 			const storyId = `${STORY_ID_BUILD_PREFIX}${timestamp}`;
 			const virtualModuleId = `${VIRTUAL_STORY_ENTRY_SCRIPT_PREFIX}${storyId}`;
 			const htmlTemplate = this.generateHtmlTemplate(virtualModuleId, darkMode);
-			const htmlTemplateFileName = `${BUILD_HTML_FILE_PREFIX}${timestamp}${HTML_FILE_EXTENSION}`;
-			const htmlTemplatePath = path.join(tmpDir, htmlTemplateFileName);
 			await promises.writeFile(htmlTemplatePath, htmlTemplate, UTF8_ENCODING$1);
 			const { build } = await import("vite");
 			const outDir = path.join(tmpDir, `${BUILD_OUTPUT_DIR_PREFIX}${timestamp}`);
@@ -2491,12 +2496,13 @@ mount();
 			});
 			const builtHtmlPath = path.join(outDir, htmlTemplateFileName);
 			log.info(`[ViteReactBundlerService] Component built to: ${builtHtmlPath}`);
-			await promises.unlink(htmlTemplatePath).catch((err) => 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)}`);
 			err.cause = error;
 			throw err;
+		} finally {
+			await promises.unlink(htmlTemplatePath).catch((err) => log.debug(`[ViteReactBundlerService] Failed to cleanup temp file: ${err.message}`));
 		}
 	}
 };
@@ -4937,7 +4943,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.6";
+var version = "0.2.8";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";
@@ -5209,4 +5215,4 @@ var StdioTransportHandler = class {
 	}
 };
 //#endregion
-export { STYLE_SYSTEM_TYPES as A, getAppDesignSystemConfig as C, resolveAppDesignSystemConfig as D, resetStyleSystemConfigCache as E, BaseCSSClassesService as F, TemplatesManagerService as I, log as L, CSSClassesServiceFactory as M, DEFAULT_STYLE_SYSTEM_CONFIG as N, StyleSystemConfigLoader as O, TailwindCSSClassesService as P, BaseBundlerService as S, hasStyleSystemProjectConfig as T, ThemeService as _, STYLE_SYSTEM_CLI_NAME as a, getBundlerServiceFromConfig as b, createStyleSystemModule as c, ListSharedComponentsTool as d, GetComponentVisualTool as f, ComponentRendererService as g, GetUiComponentService as h, createServer as i, StoriesIndexService as j, resolveStyleSystemThemePath as k, PolishComponentTool as l, ListThemesTool as m, extractCustomTokenNames as n, STYLE_SYSTEM_VERSION as o, GetCSSClassesTool as p, generateRestrictedClassesConfig as r, createContainer as s, StdioTransportHandler as t, ListAppComponentsTool as u, createDefaultBundlerService as v, getSharedComponentTags as w, ViteReactBundlerService as x, getBundlerService as y };
+export { STYLE_SYSTEM_TYPES as A, getAppDesignSystemConfig as C, resolveAppDesignSystemConfig as D, resetStyleSystemConfigCache as E, BaseCSSClassesService as F, TemplatesManagerService as I, isContained as L, CSSClassesServiceFactory as M, DEFAULT_STYLE_SYSTEM_CONFIG as N, StyleSystemConfigLoader as O, TailwindCSSClassesService as P, log as R, BaseBundlerService as S, hasStyleSystemProjectConfig as T, ThemeService as _, STYLE_SYSTEM_CLI_NAME as a, getBundlerServiceFromConfig as b, createStyleSystemModule as c, ListSharedComponentsTool as d, GetComponentVisualTool as f, ComponentRendererService as g, GetUiComponentService as h, createServer as i, StoriesIndexService as j, resolveStyleSystemThemePath as k, PolishComponentTool as l, ListThemesTool as m, extractCustomTokenNames as n, STYLE_SYSTEM_VERSION as o, GetCSSClassesTool as p, generateRestrictedClassesConfig as r, createContainer as s, StdioTransportHandler as t, ListAppComponentsTool as u, createDefaultBundlerService as v, getSharedComponentTags as w, ViteReactBundlerService as x, getBundlerService as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agimon-ai/style-system",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
   "keywords": [
     "design-system",
@@ -61,8 +61,8 @@
     "tailwindcss": "4.3.3",
     "vite": "8.1.5",
     "vite-plugin-singlefile": "^2.3.3",
-    "@agimon-ai/foundation-validator": "0.27.7",
-    "@agimon-ai/foundation-exec": "0.27.7"
+    "@agimon-ai/foundation-exec": "0.27.9",
+    "@agimon-ai/foundation-validator": "0.27.9"
   },
   "devDependencies": {
     "@babel/parser": "8.0.0",