@agiflowai/style-system 0.0.3 → 0.0.5

package/dist/cli.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_stdio = require('./stdio-BlNvX94v.cjs');
+const require_stdio = require('./stdio-D3tBpCoD.cjs');
 let __agiflowai_aicode_utils = require("@agiflowai/aicode-utils");
 __agiflowai_aicode_utils = require_stdio.__toESM(__agiflowai_aicode_utils);
 let commander = require("commander");

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { a as ListAppComponentsTool, i as ListThemesTool, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, r as ListSharedComponentsTool, t as StdioTransportHandler, u as getBundlerServiceFromConfig } from "./stdio-CGaoEmM8.js";
+import { a as ListAppComponentsTool, i as ListThemesTool, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, r as ListSharedComponentsTool, t as StdioTransportHandler, u as getBundlerServiceFromConfig } from "./stdio-DvPtx0WS.js";
 import { print } from "@agiflowai/aicode-utils";
 import { Command } from "commander";
 

package/dist/index.cjs

@@ -1,4 +1,4 @@
-const require_stdio = require('./stdio-BlNvX94v.cjs');
+const require_stdio = require('./stdio-D3tBpCoD.cjs');
 
 exports.BaseBundlerService = require_stdio.BaseBundlerService;
 exports.BaseCSSClassesService = require_stdio.BaseCSSClassesService;

package/dist/index.d.cts

@@ -641,19 +641,25 @@ declare class ComponentRendererService {
    */
   renderComponent(componentInfo: ComponentInfo, options?: RenderOptions): Promise<RenderResult>;
   /**
-   * Maximum number of screenshot files to keep in temp directory.
+   * Default maximum number of screenshot files to keep in temp directory.
    * Prevents disk space issues on long-running servers.
    */
-  private static readonly MAX_TEMP_FILES;
+  private static readonly DEFAULT_MAX_TEMP_FILES;
+  /**
+   * Number of recent files to keep when cleaning up on dispose.
+   */
+  private static readonly DISPOSE_KEEP_COUNT;
   /**
    * Clean up old rendered files.
    * Removes files older than the specified duration and enforces a max file count.
    * @param olderThanMs - Remove files older than this duration (default: 1 hour)
+   * @param keepCount - Maximum number of recent files to keep (default: 100)
    */
-  cleanup(olderThanMs?: number): Promise<void>;
+  cleanup(olderThanMs?: number, keepCount?: number): Promise<void>;
   /**
-   * Cleanup bundler server and temp files.
+   * Cleanup bundler server resources and old temp files.
    * Called on service shutdown.
+   * Keeps the most recent files for caching purposes.
    */
   dispose(): Promise<void>;
 }

package/dist/index.d.ts

@@ -641,19 +641,25 @@ declare class ComponentRendererService {
    */
   renderComponent(componentInfo: ComponentInfo, options?: RenderOptions): Promise<RenderResult>;
   /**
-   * Maximum number of screenshot files to keep in temp directory.
+   * Default maximum number of screenshot files to keep in temp directory.
    * Prevents disk space issues on long-running servers.
    */
-  private static readonly MAX_TEMP_FILES;
+  private static readonly DEFAULT_MAX_TEMP_FILES;
+  /**
+   * Number of recent files to keep when cleaning up on dispose.
+   */
+  private static readonly DISPOSE_KEEP_COUNT;
   /**
    * Clean up old rendered files.
    * Removes files older than the specified duration and enforces a max file count.
    * @param olderThanMs - Remove files older than this duration (default: 1 hour)
+   * @param keepCount - Maximum number of recent files to keep (default: 100)
    */
-  cleanup(olderThanMs?: number): Promise<void>;
+  cleanup(olderThanMs?: number, keepCount?: number): Promise<void>;
   /**
-   * Cleanup bundler server and temp files.
+   * Cleanup bundler server resources and old temp files.
    * Called on service shutdown.
+   * Keeps the most recent files for caching purposes.
    */
   dispose(): Promise<void>;
 }

package/dist/index.js

@@ -1,3 +1,3 @@
-import { _ as TailwindCSSClassesService, a as ListAppComponentsTool, c as ThemeService, d as ViteReactBundlerService, f as BaseBundlerService, g as DEFAULT_STYLE_SYSTEM_CONFIG, h as CSSClassesServiceFactory, i as ListThemesTool, l as createDefaultBundlerService, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, p as StoriesIndexService, r as ListSharedComponentsTool, s as ComponentRendererService, t as StdioTransportHandler, u as getBundlerServiceFromConfig, v as BaseCSSClassesService } from "./stdio-CGaoEmM8.js";
+import { _ as TailwindCSSClassesService, a as ListAppComponentsTool, c as ThemeService, d as ViteReactBundlerService, f as BaseBundlerService, g as DEFAULT_STYLE_SYSTEM_CONFIG, h as CSSClassesServiceFactory, i as ListThemesTool, l as createDefaultBundlerService, m as GetCSSClassesTool, n as createServer, o as GetComponentVisualTool, p as StoriesIndexService, r as ListSharedComponentsTool, s as ComponentRendererService, t as StdioTransportHandler, u as getBundlerServiceFromConfig, v as BaseCSSClassesService } from "./stdio-DvPtx0WS.js";
 
 export { BaseBundlerService, BaseCSSClassesService, CSSClassesServiceFactory, ComponentRendererService, DEFAULT_STYLE_SYSTEM_CONFIG, GetCSSClassesTool, GetComponentVisualTool, ListAppComponentsTool, ListSharedComponentsTool, ListThemesTool, StdioTransportHandler, StoriesIndexService, TailwindCSSClassesService, ThemeService, ViteReactBundlerService, createDefaultBundlerService, createServer, getBundlerServiceFromConfig };

package/dist/{stdio-BlNvX94v.cjs → stdio-D3tBpCoD.cjs}

@@ -733,11 +733,11 @@ var StoriesIndexService = class {
 		__agiflowai_aicode_utils.log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
 		const failures = [];
 		let successCount = 0;
-		for (const filePath of storyFiles) try {
-			await this.indexStoryFile(filePath);
-			successCount++;
-		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : String(error);
+		const results = await Promise.allSettled(storyFiles.map((filePath) => this.indexStoryFile(filePath)));
+		for (const [index, result] of results.entries()) if (result.status === "fulfilled") successCount++;
+		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}`);
 			failures.push({
 				filePath,
@@ -943,12 +943,14 @@ var AppComponentsService = class {
 		} catch {
 			throw new Error(`App path does not exist: ${resolvedAppPath}`);
 		}
-		const appName = await this.getAppName(resolvedAppPath);
-		const workspaceDependencies = await this.getWorkspaceDependencies(resolvedAppPath);
-		__agiflowai_aicode_utils.log.info(`[AppComponentsService] Found ${workspaceDependencies.length} workspace dependencies for ${appName}`);
-		const packageMap = await this.buildPackageMap(monorepoRoot);
 		const storiesIndex = new StoriesIndexService();
-		await storiesIndex.initialize();
+		const [appName, workspaceDependencies, packageMap] = await Promise.all([
+			this.getAppName(resolvedAppPath),
+			this.getWorkspaceDependencies(resolvedAppPath),
+			this.buildPackageMap(monorepoRoot),
+			storiesIndex.initialize()
+		]);
+		__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;
@@ -1026,16 +1028,17 @@ var AppComponentsService = class {
 		} catch (error) {
 			throw new Error(`Failed to scan for package.json files in ${monorepoRoot}: ${error instanceof Error ? error.message : String(error)}`);
 		}
-		for (const pkgJsonPath of packageJsonFiles) try {
+		const results = await Promise.allSettled(packageJsonFiles.map(async (pkgJsonPath) => {
 			const content = await node_fs.promises.readFile(pkgJsonPath, "utf-8");
-			const pkgJson = JSON.parse(content);
-			if (pkgJson.name) {
-				const pkgDir = node_path.default.dirname(pkgJsonPath);
-				packageMap.set(pkgJson.name, pkgDir);
-			}
-		} catch (error) {
-			__agiflowai_aicode_utils.log.debug(`[AppComponentsService] Skipping invalid package.json at ${pkgJsonPath}:`, error);
-		}
+			return {
+				pkgJsonPath,
+				name: JSON.parse(content).name
+			};
+		}));
+		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);
 		return packageMap;
 	}
 	/**
@@ -2040,13 +2043,12 @@ var CSSThemeService = class extends BaseThemeService {
 		const cssFilePaths = this.resolveCSSFilePaths();
 		if (cssFilePaths.length === 0) throw new Error("No theme CSS files configured. Set themePath or cssFiles in project.json style-system config.");
 		const themes = [];
-		for (const cssFilePath of cssFilePaths) try {
+		const results = await Promise.allSettled(cssFilePaths.map(async (cssFilePath) => {
 			await this.validatePath(cssFilePath);
-			const fileThemes = await this.extractThemesFromCSS(cssFilePath);
-			themes.push(...fileThemes);
-		} catch (error) {
-			__agiflowai_aicode_utils.log.warn(`[CSSThemeService] Could not process ${cssFilePath}:`, error);
-		}
+			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);
 		const uniqueThemes = this.deduplicateThemes(themes);
 		return {
 			themes: uniqueThemes.sort((a, b) => a.name.localeCompare(b.name)),
@@ -2209,13 +2211,14 @@ export default WrappedComponent;
 	*/
 	async getInlineStyles(darkMode = false) {
 		const cssFiles = await this.getThemeCSS();
-		let styles = "";
-		for (const cssFile of cssFiles) try {
-			const content = await node_fs.promises.readFile(cssFile, "utf-8");
-			styles += content + "\n";
-		} catch (error) {
-			__agiflowai_aicode_utils.log.warn(`[ThemeService] Could not read CSS file ${cssFile}:`, error);
-		}
+		let styles = (await Promise.all(cssFiles.map(async (cssFile) => {
+			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);
+				return "";
+			}
+		}))).filter(Boolean).join("\n");
 		if (darkMode && styles) styles = `.dark { ${styles} }`;
 		return styles;
 	}
@@ -2261,19 +2264,21 @@ export default WrappedComponent;
 			const themeFiles = (await node_fs.promises.readdir(configsPath)).filter((file) => file.endsWith(".json"));
 			const themes = [];
 			let activeBrand;
-			for (const file of themeFiles) {
+			const results = await Promise.allSettled(themeFiles.map(async (file) => {
 				const filePath = node_path.default.join(configsPath, file);
 				const content = await node_fs.promises.readFile(filePath, "utf-8");
 				const themeData = JSON.parse(content);
-				const themeName = file.replace(".json", "");
-				themes.push({
-					name: themeName,
+				return {
+					name: file.replace(".json", ""),
 					fileName: file,
 					path: filePath,
 					colors: themeData.colors || themeData
-				});
-				if (themeName === "lightTheme" || themeName === "agimonTheme") activeBrand = themeName;
-			}
+				};
+			}));
+			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);
 			return {
 				themes: themes.sort((a, b) => a.name.localeCompare(b.name)),
 				activeBrand
@@ -2529,44 +2534,44 @@ var ComponentRendererService = class ComponentRendererService {
 		}
 	}
 	/**
-	* Maximum number of screenshot files to keep in temp directory.
+	* Default maximum number of screenshot files to keep in temp directory.
 	* Prevents disk space issues on long-running servers.
 	*/
-	static MAX_TEMP_FILES = 100;
+	static DEFAULT_MAX_TEMP_FILES = 100;
+	/**
+	* Number of recent files to keep when cleaning up on dispose.
+	*/
+	static DISPOSE_KEEP_COUNT = 20;
 	/**
 	* Clean up old rendered files.
 	* Removes files older than the specified duration and enforces a max file count.
 	* @param olderThanMs - Remove files older than this duration (default: 1 hour)
+	* @param keepCount - Maximum number of recent files to keep (default: 100)
 	*/
-	async cleanup(olderThanMs = 36e5) {
+	async cleanup(olderThanMs = 36e5, keepCount = ComponentRendererService.DEFAULT_MAX_TEMP_FILES) {
 		try {
 			const files = await node_fs.promises.readdir(this.tmpDir);
 			const now = Date.now();
 			const componentFiles = [];
-			for (const file of files) if (file.startsWith("component-")) {
+			const componentFileNames = files.filter((f) => f.startsWith("component-"));
+			const statResults = await Promise.allSettled(componentFileNames.map(async (file) => {
 				const filePath = node_path.default.join(this.tmpDir, file);
-				try {
-					const stats = await node_fs.promises.stat(filePath);
-					componentFiles.push({
-						name: file,
-						path: filePath,
-						mtime: stats.mtimeMs
-					});
-				} catch {}
-			}
-			let deletedCount = 0;
-			for (const file of componentFiles) if (now - file.mtime > olderThanMs) {
-				await node_fs.promises.unlink(file.path).catch((err) => __agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err));
-				deletedCount++;
-			}
+				return {
+					name: file,
+					path: filePath,
+					mtime: (await node_fs.promises.stat(filePath)).mtimeMs
+				};
+			}));
+			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))));
+			let deletedCount = oldFiles.length;
 			const remainingFiles = componentFiles.filter((f) => now - f.mtime <= olderThanMs);
-			if (remainingFiles.length > ComponentRendererService.MAX_TEMP_FILES) {
+			if (remainingFiles.length > keepCount) {
 				remainingFiles.sort((a, b) => a.mtime - b.mtime);
-				const toDelete = remainingFiles.slice(0, remainingFiles.length - ComponentRendererService.MAX_TEMP_FILES);
-				for (const file of toDelete) {
-					await node_fs.promises.unlink(file.path).catch((err) => __agiflowai_aicode_utils.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err));
-					deletedCount++;
-				}
+				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))));
+				deletedCount += toDelete.length;
 			}
 			if (deletedCount > 0) __agiflowai_aicode_utils.log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
 		} catch (error) {
@@ -2574,12 +2579,13 @@ var ComponentRendererService = class ComponentRendererService {
 		}
 	}
 	/**
-	* Cleanup bundler server and temp files.
+	* Cleanup bundler server resources and old temp files.
 	* Called on service shutdown.
+	* Keeps the most recent files for caching purposes.
 	*/
 	async dispose() {
 		try {
-			await this.cleanup(0);
+			await this.cleanup(0, ComponentRendererService.DISPOSE_KEEP_COUNT);
 			const bundlerService = this.getBundlerService();
 			if (!bundlerService.isServerRunning()) await bundlerService.cleanup();
 		} catch (error) {
@@ -2656,16 +2662,16 @@ var GetUiComponentService = class {
 		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}`);
 		const storiesIndex = this.storiesIndexFactory();
+		let designSystemConfig;
 		try {
-			await storiesIndex.initialize();
+			[, designSystemConfig] = await Promise.all([storiesIndex.initialize(), getAppDesignSystemConfig(appPath)]);
 		} catch (error) {
-			throw new Error(`Failed to initialize stories index: ${error instanceof Error ? error.message : String(error)}`);
+			throw new Error(`Failed to initialize stories index or design system config: ${error instanceof Error ? error.message : String(error)}`);
 		}
 		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}`);
 		const validStoryName = this.resolveStoryName(storyName, componentInfo.stories);
-		const designSystemConfig = await getAppDesignSystemConfig(appPath);
 		__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);
@@ -3029,11 +3035,9 @@ var ListSharedComponentsTool = class ListSharedComponentsTool {
 			const { cursor, tags: inputTags } = input;
 			const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
 			const storiesIndex = new StoriesIndexService();
-			await storiesIndex.initialize();
+			const [, defaultTags] = await Promise.all([storiesIndex.initialize(), getSharedComponentTags()]);
 			const availableTags = storiesIndex.getAllTags();
-			let filterTags;
-			if (inputTags !== void 0) filterTags = inputTags;
-			else filterTags = await getSharedComponentTags();
+			const filterTags = inputTags !== void 0 ? inputTags : defaultTags;
 			const allComponentNames = storiesIndex.getComponentsByTags(filterTags.length > 0 ? filterTags : void 0).map((component) => component.title.split("/").pop() || component.title).filter((name, index, self) => self.indexOf(name) === index).sort();
 			const totalComponents = allComponentNames.length;
 			const paginatedComponents = allComponentNames.slice(offset, offset + ListSharedComponentsTool.PAGE_SIZE);

package/dist/{stdio-CGaoEmM8.js → stdio-DvPtx0WS.js}

@@ -694,11 +694,11 @@ var StoriesIndexService = class {
 		log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
 		const failures = [];
 		let successCount = 0;
-		for (const filePath of storyFiles) try {
-			await this.indexStoryFile(filePath);
-			successCount++;
-		} catch (error) {
-			const errorMessage = error instanceof Error ? error.message : String(error);
+		const results = await Promise.allSettled(storyFiles.map((filePath) => this.indexStoryFile(filePath)));
+		for (const [index, result] of results.entries()) if (result.status === "fulfilled") successCount++;
+		else {
+			const filePath = storyFiles[index];
+			const errorMessage = result.reason instanceof Error ? result.reason.message : String(result.reason);
 			log.error(`[StoriesIndexService] Error indexing ${filePath}: ${errorMessage}`);
 			failures.push({
 				filePath,
@@ -904,12 +904,14 @@ var AppComponentsService = class {
 		} catch {
 			throw new Error(`App path does not exist: ${resolvedAppPath}`);
 		}
-		const appName = await this.getAppName(resolvedAppPath);
-		const workspaceDependencies = await this.getWorkspaceDependencies(resolvedAppPath);
-		log.info(`[AppComponentsService] Found ${workspaceDependencies.length} workspace dependencies for ${appName}`);
-		const packageMap = await this.buildPackageMap(monorepoRoot);
 		const storiesIndex = new StoriesIndexService();
-		await storiesIndex.initialize();
+		const [appName, workspaceDependencies, packageMap] = await Promise.all([
+			this.getAppName(resolvedAppPath),
+			this.getWorkspaceDependencies(resolvedAppPath),
+			this.buildPackageMap(monorepoRoot),
+			storiesIndex.initialize()
+		]);
+		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;
@@ -987,16 +989,17 @@ var AppComponentsService = class {
 		} catch (error) {
 			throw new Error(`Failed to scan for package.json files in ${monorepoRoot}: ${error instanceof Error ? error.message : String(error)}`);
 		}
-		for (const pkgJsonPath of packageJsonFiles) try {
+		const results = await Promise.allSettled(packageJsonFiles.map(async (pkgJsonPath) => {
 			const content = await promises.readFile(pkgJsonPath, "utf-8");
-			const pkgJson = JSON.parse(content);
-			if (pkgJson.name) {
-				const pkgDir = path.dirname(pkgJsonPath);
-				packageMap.set(pkgJson.name, pkgDir);
-			}
-		} catch (error) {
-			log.debug(`[AppComponentsService] Skipping invalid package.json at ${pkgJsonPath}:`, error);
-		}
+			return {
+				pkgJsonPath,
+				name: JSON.parse(content).name
+			};
+		}));
+		for (const [index, result] of results.entries()) if (result.status === "fulfilled" && result.value.name) {
+			const pkgDir = path.dirname(result.value.pkgJsonPath);
+			packageMap.set(result.value.name, pkgDir);
+		} else if (result.status === "rejected") log.debug(`[AppComponentsService] Skipping invalid package.json at ${packageJsonFiles[index]}:`, result.reason);
 		return packageMap;
 	}
 	/**
@@ -2001,13 +2004,12 @@ var CSSThemeService = class extends BaseThemeService {
 		const cssFilePaths = this.resolveCSSFilePaths();
 		if (cssFilePaths.length === 0) throw new Error("No theme CSS files configured. Set themePath or cssFiles in project.json style-system config.");
 		const themes = [];
-		for (const cssFilePath of cssFilePaths) try {
+		const results = await Promise.allSettled(cssFilePaths.map(async (cssFilePath) => {
 			await this.validatePath(cssFilePath);
-			const fileThemes = await this.extractThemesFromCSS(cssFilePath);
-			themes.push(...fileThemes);
-		} catch (error) {
-			log.warn(`[CSSThemeService] Could not process ${cssFilePath}:`, error);
-		}
+			return this.extractThemesFromCSS(cssFilePath);
+		}));
+		for (const [index, result] of results.entries()) if (result.status === "fulfilled") themes.push(...result.value);
+		else 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)),
@@ -2170,13 +2172,14 @@ export default WrappedComponent;
 	*/
 	async getInlineStyles(darkMode = false) {
 		const cssFiles = await this.getThemeCSS();
-		let styles = "";
-		for (const cssFile of cssFiles) try {
-			const content = await promises.readFile(cssFile, "utf-8");
-			styles += content + "\n";
-		} catch (error) {
-			log.warn(`[ThemeService] Could not read CSS file ${cssFile}:`, error);
-		}
+		let styles = (await Promise.all(cssFiles.map(async (cssFile) => {
+			try {
+				return await promises.readFile(cssFile, "utf-8");
+			} catch (error) {
+				log.warn(`[ThemeService] Could not read CSS file ${cssFile}:`, error);
+				return "";
+			}
+		}))).filter(Boolean).join("\n");
 		if (darkMode && styles) styles = `.dark { ${styles} }`;
 		return styles;
 	}
@@ -2222,19 +2225,21 @@ export default WrappedComponent;
 			const themeFiles = (await promises.readdir(configsPath)).filter((file) => file.endsWith(".json"));
 			const themes = [];
 			let activeBrand;
-			for (const file of themeFiles) {
+			const results = await Promise.allSettled(themeFiles.map(async (file) => {
 				const filePath = path.join(configsPath, file);
 				const content = await promises.readFile(filePath, "utf-8");
 				const themeData = JSON.parse(content);
-				const themeName = file.replace(".json", "");
-				themes.push({
-					name: themeName,
+				return {
+					name: file.replace(".json", ""),
 					fileName: file,
 					path: filePath,
 					colors: themeData.colors || themeData
-				});
-				if (themeName === "lightTheme" || themeName === "agimonTheme") activeBrand = themeName;
-			}
+				};
+			}));
+			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 log.warn(`[ThemeService] Failed to process theme file ${themeFiles[index]}:`, result.reason);
 			return {
 				themes: themes.sort((a, b) => a.name.localeCompare(b.name)),
 				activeBrand
@@ -2490,44 +2495,44 @@ var ComponentRendererService = class ComponentRendererService {
 		}
 	}
 	/**
-	* Maximum number of screenshot files to keep in temp directory.
+	* Default maximum number of screenshot files to keep in temp directory.
 	* Prevents disk space issues on long-running servers.
 	*/
-	static MAX_TEMP_FILES = 100;
+	static DEFAULT_MAX_TEMP_FILES = 100;
+	/**
+	* Number of recent files to keep when cleaning up on dispose.
+	*/
+	static DISPOSE_KEEP_COUNT = 20;
 	/**
 	* Clean up old rendered files.
 	* Removes files older than the specified duration and enforces a max file count.
 	* @param olderThanMs - Remove files older than this duration (default: 1 hour)
+	* @param keepCount - Maximum number of recent files to keep (default: 100)
 	*/
-	async cleanup(olderThanMs = 36e5) {
+	async cleanup(olderThanMs = 36e5, keepCount = ComponentRendererService.DEFAULT_MAX_TEMP_FILES) {
 		try {
 			const files = await promises.readdir(this.tmpDir);
 			const now = Date.now();
 			const componentFiles = [];
-			for (const file of files) if (file.startsWith("component-")) {
+			const componentFileNames = files.filter((f) => f.startsWith("component-"));
+			const statResults = await Promise.allSettled(componentFileNames.map(async (file) => {
 				const filePath = path.join(this.tmpDir, file);
-				try {
-					const stats = await promises.stat(filePath);
-					componentFiles.push({
-						name: file,
-						path: filePath,
-						mtime: stats.mtimeMs
-					});
-				} catch {}
-			}
-			let deletedCount = 0;
-			for (const file of componentFiles) if (now - file.mtime > olderThanMs) {
-				await promises.unlink(file.path).catch((err) => log.warn("[ComponentRendererService] Failed to delete file:", file.path, err));
-				deletedCount++;
-			}
+				return {
+					name: file,
+					path: filePath,
+					mtime: (await promises.stat(filePath)).mtimeMs
+				};
+			}));
+			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) => promises.unlink(file.path).catch((err) => 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 > ComponentRendererService.MAX_TEMP_FILES) {
+			if (remainingFiles.length > keepCount) {
 				remainingFiles.sort((a, b) => a.mtime - b.mtime);
-				const toDelete = remainingFiles.slice(0, remainingFiles.length - ComponentRendererService.MAX_TEMP_FILES);
-				for (const file of toDelete) {
-					await promises.unlink(file.path).catch((err) => log.warn("[ComponentRendererService] Failed to delete file:", file.path, err));
-					deletedCount++;
-				}
+				const toDelete = remainingFiles.slice(0, remainingFiles.length - keepCount);
+				await Promise.all(toDelete.map((file) => promises.unlink(file.path).catch((err) => log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
+				deletedCount += toDelete.length;
 			}
 			if (deletedCount > 0) log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
 		} catch (error) {
@@ -2535,12 +2540,13 @@ var ComponentRendererService = class ComponentRendererService {
 		}
 	}
 	/**
-	* Cleanup bundler server and temp files.
+	* Cleanup bundler server resources and old temp files.
 	* Called on service shutdown.
+	* Keeps the most recent files for caching purposes.
 	*/
 	async dispose() {
 		try {
-			await this.cleanup(0);
+			await this.cleanup(0, ComponentRendererService.DISPOSE_KEEP_COUNT);
 			const bundlerService = this.getBundlerService();
 			if (!bundlerService.isServerRunning()) await bundlerService.cleanup();
 		} catch (error) {
@@ -2617,16 +2623,16 @@ var GetUiComponentService = class {
 		const { componentName, appPath, storyName = this.config.defaultStoryName, darkMode = this.config.defaultDarkMode } = input;
 		log.info(`[GetUiComponentService] Starting for component: ${componentName}, appPath: ${appPath}, storyName: ${storyName}`);
 		const storiesIndex = this.storiesIndexFactory();
+		let designSystemConfig;
 		try {
-			await storiesIndex.initialize();
+			[, designSystemConfig] = await Promise.all([storiesIndex.initialize(), getAppDesignSystemConfig(appPath)]);
 		} catch (error) {
-			throw new Error(`Failed to initialize stories index: ${error instanceof Error ? error.message : String(error)}`);
+			throw new Error(`Failed to initialize stories index or design system config: ${error instanceof Error ? error.message : String(error)}`);
 		}
 		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.`);
 		log.info(`[GetUiComponentService] Found component: ${componentInfo.title}`);
 		const validStoryName = this.resolveStoryName(storyName, componentInfo.stories);
-		const designSystemConfig = await getAppDesignSystemConfig(appPath);
 		log.info(`[GetUiComponentService] Using theme provider: ${designSystemConfig.themeProvider}`);
 		log.info(`[GetUiComponentService] Design system type: ${designSystemConfig.type}`);
 		const renderer = this.rendererFactory(designSystemConfig, appPath);
@@ -2990,11 +2996,9 @@ var ListSharedComponentsTool = class ListSharedComponentsTool {
 			const { cursor, tags: inputTags } = input;
 			const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
 			const storiesIndex = new StoriesIndexService();
-			await storiesIndex.initialize();
+			const [, defaultTags] = await Promise.all([storiesIndex.initialize(), getSharedComponentTags()]);
 			const availableTags = storiesIndex.getAllTags();
-			let filterTags;
-			if (inputTags !== void 0) filterTags = inputTags;
-			else filterTags = await getSharedComponentTags();
+			const filterTags = inputTags !== void 0 ? inputTags : defaultTags;
 			const allComponentNames = storiesIndex.getComponentsByTags(filterTags.length > 0 ? filterTags : void 0).map((component) => component.title.split("/").pop() || component.title).filter((name, index, self) => self.indexOf(name) === index).sort();
 			const totalComponents = allComponentNames.length;
 			const paginatedComponents = allComponentNames.slice(offset, offset + ListSharedComponentsTool.PAGE_SIZE);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agiflowai/style-system",
   "description": "MCP server for exploring themes, Tailwind CSS classes, and UI components from Storybook with standalone component rendering capabilities",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "license": "AGPL-3.0",
   "keywords": [
     "mcp",
@@ -22,7 +22,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.24.0",
+    "@modelcontextprotocol/sdk": "1.25.2",
     "@storybook/csf-tools": "^8.6.14",
     "@tailwindcss/vite": "^4.1.16",
     "chalk": "5.6.2",
@@ -38,7 +38,7 @@
     "tailwindcss": "^4.1.11",
     "vite": "^7.1.12",
     "vite-plugin-singlefile": "^2.3.0",
-    "@agiflowai/aicode-utils": "1.0.10"
+    "@agiflowai/aicode-utils": "1.0.12"
   },
   "devDependencies": {
     "@babel/parser": "^7.28.5",