@agimon-ai/po-style-system-tooling 0.2.14-alpha.2 → 0.2.14-alpha.21

package/dist/{stdio-Dgaj2-_8.mjs → stdio-DBEflKj3.mjs}

@@ -2,10 +2,11 @@ import { createRequire } from "node:module";
 import { Container, ContainerModule, inject, injectable, optional } from "inversify";
 import { accessSync, existsSync, promises, readFileSync, readdirSync } from "node:fs";
 import * as path$1 from "node:path";
-import path, { basename, dirname } from "node:path";
+import path, { dirname } from "node:path";
 import os, * as os$1 from "node:os";
 import pino from "pino";
 import * as fs from "node:fs/promises";
+import { writeFile } from "node:fs/promises";
 import * as yaml from "js-yaml";
 import postcss from "postcss";
 import { createHash, randomUUID } from "node:crypto";
@@ -13,18 +14,36 @@ import { loadCsf } from "storybook/internal/csf-tools";
 import { glob } from "glob";
 import { z } from "zod";
 import { chromium, firefox, webkit } from "playwright";
-import sharp from "sharp";
 import tailwindcss from "@tailwindcss/vite";
 import { viteSingleFile } from "vite-plugin-singlefile";
 import { fileURLToPath } from "node:url";
 import react from "@vitejs/plugin-react";
-import { execSync, spawn } from "node:child_process";
-import { registerManagedProcess } from "@agimon-ai/foundation-exec";
 import { Server } from "@modelcontextprotocol/server";
 import { serveStdio } from "@modelcontextprotocol/server/stdio";
 //#region \0rolldown/runtime.js
 var __require = /* #__PURE__ */ (() => createRequire(import.meta.url))();
 //#endregion
+//#region src/container/types.ts
+const STYLE_SYSTEM_TYPES = {
+	ListThemesTool: Symbol.for("StyleSystem:ListThemesTool"),
+	GetCSSClassesTool: Symbol.for("StyleSystem:GetCSSClassesTool"),
+	GetComponentVisualTool: Symbol.for("StyleSystem:GetComponentVisualTool"),
+	ListSharedComponentsTool: Symbol.for("StyleSystem:ListSharedComponentsTool"),
+	ListAppComponentsTool: Symbol.for("StyleSystem:ListAppComponentsTool"),
+	ThemeServiceFactory: Symbol.for("StyleSystem:ThemeServiceFactory"),
+	CSSClassesServiceFactory: Symbol.for("StyleSystem:CSSClassesServiceFactory"),
+	StoriesIndexService: Symbol.for("StyleSystem:StoriesIndexService"),
+	GetUiComponentService: Symbol.for("StyleSystem:GetUiComponentService"),
+	AppComponentsService: Symbol.for("StyleSystem:AppComponentsService"),
+	StoriesIndexFactory: Symbol.for("StyleSystem:StoriesIndexFactory"),
+	RendererFactory: Symbol.for("StyleSystem:RendererFactory"),
+	StyleSystemConfigLoader: Symbol.for("StyleSystem:StyleSystemConfigLoader"),
+	WorkspaceRoot: Symbol.for("StyleSystem:WorkspaceRoot"),
+	DefaultThemePath: Symbol.for("StyleSystem:DefaultThemePath"),
+	GetUiComponentServiceConfig: Symbol.for("StyleSystem:GetUiComponentServiceConfig"),
+	AppComponentsServiceConfig: Symbol.for("StyleSystem:AppComponentsServiceConfig")
+};
+//#endregion
 //#region src/services/ThemeService/BaseThemeService.ts
 /**
 * BaseThemeService
@@ -95,12 +114,23 @@ const logger = pino({
 	mkdir: true,
 	sync: true
 }));
-const log = {
-	debug: (msg, ...args) => logger.debug({ args }, msg),
-	info: (msg, ...args) => logger.info({ args }, msg),
-	warn: (msg, ...args) => logger.warn({ args }, msg),
-	error: (msg, ...args) => logger.error({ args }, msg)
-};
+function createLog(directory) {
+	const target = directory === void 0 ? logger : pino({
+		level: "debug",
+		timestamp: pino.stdTimeFunctions.isoTime
+	}, pino.destination({
+		dest: path$1.join(directory, "style-system.log"),
+		mkdir: true,
+		sync: true
+	}));
+	return {
+		debug: (msg, ...args) => target.debug({ args }, msg),
+		info: (msg, ...args) => target.info({ args }, msg),
+		warn: (msg, ...args) => target.warn({ args }, msg),
+		error: (msg, ...args) => target.error({ args }, msg)
+	};
+}
+const log = createLog();
 //#endregion
 //#region src/utils/fsHelpers.ts
 /** True when candidate is root itself or inside it (sibling prefixes like `<root>-evil` are outside). */
@@ -248,9 +278,9 @@ var CSSThemeService = class extends BaseThemeService {
 	* Creates a new CSSThemeService instance
 	* @param config - Theme service configuration with themePath or cssFiles
 	*/
-	constructor(config) {
+	constructor(config, workspaceRoot) {
 		super(config);
-		this.monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
+		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 	}
 	/**
 	* Get the source identifier for this service
@@ -366,6 +396,18 @@ const DEFAULT_THEME_SERVICE_CONFIG = {
 	customServicePath: void 0
 };
 //#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateMetadata.js
+function __decorateMetadata(k, v) {
+	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+}
+//#endregion
+//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+//#endregion
 //#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -392,6 +434,10 @@ function __decorate(decorators, target, key, desc) {
 * - Hardcoded service paths
 */
 let ThemeServiceFactory = class ThemeServiceFactory {
+	workspaceRoot;
+	constructor(workspaceRoot) {
+		this.workspaceRoot = workspaceRoot;
+	}
 	/**
 	* Create a theme service based on configuration.
 	*
@@ -409,7 +455,7 @@ let ThemeServiceFactory = class ThemeServiceFactory {
 			...config
 		};
 		if (resolvedConfig.customServicePath) return this.loadCustomService(resolvedConfig);
-		return new CSSThemeService(resolvedConfig);
+		return new CSSThemeService(resolvedConfig, this.workspaceRoot);
 	}
 	/**
 	* Load a custom theme service from user-specified path.
@@ -436,7 +482,12 @@ let ThemeServiceFactory = class ThemeServiceFactory {
 		}
 	}
 };
-ThemeServiceFactory = __decorate([injectable()], ThemeServiceFactory);
+ThemeServiceFactory = __decorate([
+	injectable(),
+	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.WorkspaceRoot)),
+	__decorateParam(0, optional()),
+	__decorateMetadata("design:paramtypes", [String])
+], ThemeServiceFactory);
 //#endregion
 //#region src/services/CssClasses/BaseCSSClassesService.ts
 /**
@@ -764,6 +815,10 @@ const VALID_SERVICE_EXTENSIONS$1 = [
 	".cjs"
 ];
 let CSSClassesServiceFactory = class CSSClassesServiceFactory {
+	workspaceRoot;
+	constructor(workspaceRoot) {
+		this.workspaceRoot = workspaceRoot;
+	}
 	/**
 	* Create a CSS classes service based on configuration.
 	*
@@ -804,7 +859,7 @@ let CSSClassesServiceFactory = class CSSClassesServiceFactory {
 	async loadCustomService(config) {
 		const servicePath = config.customServicePath;
 		if (!servicePath) throw new Error("customServicePath is required for custom service loading");
-		const monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 		const resolvedPath = path.resolve(monorepoRoot, servicePath);
 		const normalizedWorkspaceRoot = path.resolve(monorepoRoot);
 		if (!resolvedPath.startsWith(normalizedWorkspaceRoot + path.sep)) throw new Error(`Security error: customServicePath "${servicePath}" resolves outside workspace root`);
@@ -825,12 +880,12 @@ let CSSClassesServiceFactory = class CSSClassesServiceFactory {
 		}
 	}
 };
-CSSClassesServiceFactory = __decorate([injectable()], CSSClassesServiceFactory);
-//#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateMetadata.js
-function __decorateMetadata(k, v) {
-	if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-}
+CSSClassesServiceFactory = __decorate([
+	injectable(),
+	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.WorkspaceRoot)),
+	__decorateParam(0, optional()),
+	__decorateMetadata("design:paramtypes", [String])
+], CSSClassesServiceFactory);
 //#endregion
 //#region src/services/StoriesIndexService/StoriesIndexService.ts
 /**
@@ -885,6 +940,7 @@ let StoriesIndexService = class StoriesIndexService {
 	*/
 	async initialize() {
 		if (this.initialized && this.lastInitResult) return this.lastInitResult;
+		if (this.config.workspaceRoot) this.monorepoRoot = await promises.realpath(this.monorepoRoot);
 		log.info("[StoriesIndexService] Initializing story index...");
 		const storyFiles = await this.findStoryFiles();
 		log.info(`[StoriesIndexService] Found ${storyFiles.length} story files`);
@@ -956,6 +1012,7 @@ let StoriesIndexService = class StoriesIndexService {
 	* parse is shared by content hash across service instances and concurrent rules.
 	*/
 	async indexStoryFile(filePath) {
+		await this.assertContainedStory(filePath);
 		const content = await promises.readFile(filePath, "utf-8");
 		const fileHash = this.hashContent(content);
 		const cached = storyParseCache.get(filePath);
@@ -982,12 +1039,19 @@ let StoriesIndexService = class StoriesIndexService {
 		});
 		if (component) this.storeComponent(component);
 	}
+	async assertContainedStory(filePath) {
+		if (!this.config.workspaceRoot) return;
+		const [root, story] = await Promise.all([promises.realpath(this.monorepoRoot), promises.realpath(filePath)]);
+		if (!isContained(root, story)) throw new Error("Story must remain inside the configured workspace root.");
+	}
 	storeComponent(component) {
 		this.componentIndex.set(component.title, component);
 		this.componentFileIndex.set(path.resolve(component.filePath), component);
 	}
 	parseStoryFile(filePath, content, fileHash) {
-		const csf = loadCsf(content, {
+		const alias = /^export\s+default\s+([A-Za-z_$][\w$]*)\s*;?\s*$/m.exec(content)?.[1];
+		const parsable = alias ? content.replace(new RegExp(`^export\\s+(const|let|var)\\s+(${alias.replaceAll("$", "\\$")})\\b`, "m"), "$1 $2") : content;
+		const csf = loadCsf(parsable, {
 			fileName: filePath,
 			makeTitle: (title) => title
 		});
@@ -1081,6 +1145,7 @@ let StoriesIndexService = class StoriesIndexService {
 	* @returns True if file was updated, false if unchanged
 	*/
 	async refreshFile(filePath) {
+		await this.assertContainedStory(filePath);
 		const content = await promises.readFile(filePath, "utf-8");
 		const newHash = this.hashContent(content);
 		const existingComponent = Array.from(this.componentIndex.values()).find((c) => c.filePath === filePath);
@@ -1120,27 +1185,6 @@ let StoriesIndexService = class StoriesIndexService {
 };
 StoriesIndexService = __decorate([injectable(), __decorateMetadata("design:paramtypes", [Object])], StoriesIndexService);
 //#endregion
-//#region src/container/types.ts
-const STYLE_SYSTEM_TYPES = {
-	ListThemesTool: Symbol.for("StyleSystem:ListThemesTool"),
-	GetCSSClassesTool: Symbol.for("StyleSystem:GetCSSClassesTool"),
-	GetComponentVisualTool: Symbol.for("StyleSystem:GetComponentVisualTool"),
-	ListSharedComponentsTool: Symbol.for("StyleSystem:ListSharedComponentsTool"),
-	ListAppComponentsTool: Symbol.for("StyleSystem:ListAppComponentsTool"),
-	PolishComponentTool: Symbol.for("StyleSystem:PolishComponentTool"),
-	ThemeServiceFactory: Symbol.for("StyleSystem:ThemeServiceFactory"),
-	CSSClassesServiceFactory: Symbol.for("StyleSystem:CSSClassesServiceFactory"),
-	StoriesIndexService: Symbol.for("StyleSystem:StoriesIndexService"),
-	GetUiComponentService: Symbol.for("StyleSystem:GetUiComponentService"),
-	AppComponentsService: Symbol.for("StyleSystem:AppComponentsService"),
-	StoriesIndexFactory: Symbol.for("StyleSystem:StoriesIndexFactory"),
-	RendererFactory: Symbol.for("StyleSystem:RendererFactory"),
-	StyleSystemConfigLoader: Symbol.for("StyleSystem:StyleSystemConfigLoader"),
-	DefaultThemePath: Symbol.for("StyleSystem:DefaultThemePath"),
-	GetUiComponentServiceConfig: Symbol.for("StyleSystem:GetUiComponentServiceConfig"),
-	AppComponentsServiceConfig: Symbol.for("StyleSystem:AppComponentsServiceConfig")
-};
-//#endregion
 //#region src/config/types.ts
 /**
 * Style system configuration types.
@@ -1306,9 +1350,9 @@ const EXPO_APP_CONFIG_FILE = "app.json";
 * values, and warns when it is the one that resolves.
 */
 async function resolveStyleSystemThemePath(input) {
-	const hostRoot = TemplatesManagerService.getWorkspaceRootSync();
+	const hostRoot = input.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 	const resolvedAppPath = input.appPath ? path.isAbsolute(input.appPath) ? path.normalize(input.appPath) : path.join(hostRoot, input.appPath) : hostRoot;
-	const monorepoRoot = input.appPath ? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath) : hostRoot;
+	const monorepoRoot = input.workspaceRoot ?? (input.appPath ? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath) : hostRoot);
 	const workspaceCandidate = path.join(monorepoRoot, input.themePath);
 	const candidates = path.isAbsolute(input.themePath) ? [input.themePath] : [workspaceCandidate, path.resolve(resolvedAppPath, input.themePath)];
 	const uniqueCandidates = [...new Set(candidates)];
@@ -1358,19 +1402,23 @@ function isNotFound(error) {
 	return error instanceof Error && "code" in error && error.code === "ENOENT";
 }
 let StyleSystemConfigLoader = class StyleSystemConfigLoader {
+	workspaceRoot;
 	/**
 	* Promises rather than values, so concurrent resolves de-duplicate. Several
 	* callers hit config from inside Promise.all/allSettled.
 	*/
 	rootPromises = /* @__PURE__ */ new Map();
 	projectCache = /* @__PURE__ */ new Map();
+	constructor(workspaceRoot) {
+		this.workspaceRoot = workspaceRoot;
+	}
 	/** Drop all cached config state. */
 	invalidate() {
 		this.rootPromises.clear();
 		this.projectCache.clear();
 	}
 	/** Load and cache the workspace root config. */
-	async loadRoot(workspaceRoot = TemplatesManagerService.getWorkspaceRootSync()) {
+	async loadRoot(workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync()) {
 		let pending = this.rootPromises.get(workspaceRoot);
 		if (!pending) {
 			pending = this.readRoot(workspaceRoot);
@@ -1386,8 +1434,8 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 	/** Resolve the merged configuration for a project. */
 	async resolveProject(appPath) {
 		if (!appPath || typeof appPath !== "string") throw new Error("appPath is required and must be a non-empty string");
-		const resolvedAppPath = path.isAbsolute(appPath) ? path.normalize(appPath) : path.join(TemplatesManagerService.getWorkspaceRootSync(), appPath);
-		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath);
+		const resolvedAppPath = path.isAbsolute(appPath) ? path.normalize(appPath) : path.join(this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), appPath);
+		const workspaceRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath);
 		const cached = this.projectCache.get(resolvedAppPath);
 		if (cached) return cached;
 		const pending = this.readProject(resolvedAppPath, workspaceRoot);
@@ -1454,7 +1502,12 @@ let StyleSystemConfigLoader = class StyleSystemConfigLoader {
 		};
 	}
 };
-StyleSystemConfigLoader = __decorate([injectable()], StyleSystemConfigLoader);
+StyleSystemConfigLoader = __decorate([
+	injectable(),
+	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.WorkspaceRoot)),
+	__decorateParam(0, optional()),
+	__decorateMetadata("design:paramtypes", [String])
+], StyleSystemConfigLoader);
 //#endregion
 //#region src/config/index.ts
 /**
@@ -1552,6 +1605,17 @@ const browserLaunchConfigs = [
 ];
 const STORY_ROOT_SELECTOR = "#root";
 const VITE_ERROR_OVERLAY_SELECTOR = "vite-error-overlay";
+const STORY_MOUNT_TIMEOUT_MS = 1e4;
+/**
+* Runs in the page (this package has no DOM types): resolves once web fonts and every image the
+* story rendered have loaded (or failed), then two frames have painted.
+*/
+const FONTS_IMAGES_AND_TWO_FRAMES = `Promise.all([
+  document.fonts.ready,
+  ...Array.from(document.images, (image) =>
+    image.complete ? null : new Promise((resolve) => { image.addEventListener('load', resolve, { once: true }); image.addEventListener('error', resolve, { once: true }); }),
+  ),
+]).then(() => new Promise((resolve) => requestAnimationFrame(() => requestAnimationFrame(resolve))))`;
 /**
 * Attempts to launch a browser, trying multiple configurations in order of preference.
 * @returns Launched browser instance
@@ -1573,26 +1637,39 @@ async function launchBrowserWithFallback() {
 	throw new Error(`No browser available. Tried:\n${errors.join("\n")}\n\nPlease install Chrome, or run 'npx playwright install chromium'`);
 }
 async function takeScreenshot(options) {
-	const { url, output, width = 1280, height = 800, fullPage = false, browser: browserName = "chromium", waitTime = 1e3, darkMode = false, mobile = false, generateThumbnail = false, thumbnailWidth = 400, thumbnailQuality = 80, base64 = false } = options;
+	const { url, output, width = 1280, height = 800, fullPage = false, browser: browserName = "chromium", waitTime = 1e3, darkMode = false, mobile = false, generateThumbnail = false, thumbnailWidth = 400, thumbnailQuality = 80, base64 = false, sharedBrowser } = options;
 	let browser = null;
+	let context = null;
+	let release;
 	try {
-		if (browserName === "chromium") browser = await launchBrowserWithFallback();
+		if (sharedBrowser) {
+			const borrowed = await sharedBrowser();
+			if ("browser" in borrowed) {
+				browser = borrowed.browser;
+				release = () => borrowed.release();
+			} else browser = borrowed;
+		} else if (browserName === "chromium") browser = await launchBrowserWithFallback();
 		else {
 			const browserType = browsers[browserName];
 			if (!browserType) throw new Error(`Unsupported browser: ${browserName}`);
 			browser = await browserType.launch({ headless: true });
 		}
-		const page = await (await browser.newContext({
+		context = await browser.newContext({
 			viewport: {
 				width,
 				height
 			},
 			colorScheme: darkMode ? "dark" : "light",
 			isMobile: mobile
-		})).newPage();
+		});
+		const page = await context.newPage();
 		const runtimeErrors = [];
-		page.on("pageerror", (error) => runtimeErrors.push(error.stack ?? error.message));
-		await page.goto(url, { waitUntil: "networkidle" });
+		page.on("pageerror", (error) => runtimeErrors.push(error.stack || error.message || String(error)));
+		await page.goto(url, { waitUntil: "load" });
+		if (await page.waitForSelector(`${STORY_ROOT_SELECTOR} > *, ${VITE_ERROR_OVERLAY_SELECTOR}`, {
+			state: "attached",
+			timeout: STORY_MOUNT_TIMEOUT_MS
+		}).then(() => true).catch(() => false)) await page.evaluate(FONTS_IMAGES_AND_TWO_FRAMES);
 		if (waitTime > 0) await page.waitForTimeout(waitTime);
 		const hasViteErrorOverlay = await page.locator(VITE_ERROR_OVERLAY_SELECTOR).count();
 		const renderedChildCount = await page.locator(`${STORY_ROOT_SELECTOR} > *`).count();
@@ -1604,7 +1681,27 @@ async function takeScreenshot(options) {
 			path: output,
 			fullPage
 		});
-		const screenshotMetadata = await sharp(screenshotBuffer).metadata();
+		const screenshotMetadata = await page.evaluate(`(async () => {
+      const bytes = Uint8Array.from(atob(${JSON.stringify(screenshotBuffer.toString("base64"))}), (char) => char.charCodeAt(0));
+      const image = await createImageBitmap(new Blob([bytes]));
+      try {
+        const result = { width: image.width, height: image.height };
+        if (${generateThumbnail}) {
+          const width = ${JSON.stringify(thumbnailWidth)};
+          const quality = ${JSON.stringify(thumbnailQuality)};
+          if (!Number.isSafeInteger(width) || width <= 0 || !Number.isInteger(quality) || quality < 1 || quality > 100)
+            throw new Error('Invalid thumbnail width or quality.');
+          const canvas = document.createElement('canvas');
+          canvas.width = width;
+          canvas.height = Math.max(1, Math.round(image.height * width / image.width));
+          canvas.getContext('2d').drawImage(image, 0, 0, canvas.width, canvas.height);
+          result.thumbnail = canvas.toDataURL('image/jpeg', quality / 100).split(',')[1];
+        }
+        return result;
+      } finally {
+        image.close();
+      }
+    })()`);
 		const result = {
 			imagePath: output,
 			width: screenshotMetadata.width ?? width,
@@ -1613,13 +1710,18 @@ async function takeScreenshot(options) {
 		if (generateThumbnail) {
 			const ext = path.extname(output);
 			const thumbnailPath = output.replace(ext, `-thumb${ext}`);
-			await sharp(screenshotBuffer).resize(thumbnailWidth).jpeg({ quality: thumbnailQuality }).toFile(thumbnailPath.replace(ext, ".jpg"));
+			await writeFile(thumbnailPath.replace(ext, ".jpg"), Buffer.from(screenshotMetadata.thumbnail, "base64"));
 			result.thumbnailPath = thumbnailPath.replace(ext, ".jpg");
 		}
 		if (base64) result.base64 = screenshotBuffer.toString("base64");
 		return result;
 	} finally {
-		if (browser) await browser.close();
+		try {
+			if (sharedBrowser) await context?.close();
+			else if (browser) await browser.close();
+		} finally {
+			release?.();
+		}
 	}
 }
 //#endregion
@@ -1869,6 +1971,37 @@ function createStoryEntryPlugin(getStoryConfig, generateCode) {
 		}
 	};
 }
+/** Where a package the app depends on is installed, resolved from the app rather than from this tool. */
+function appPackageDir(appPath, packageName) {
+	return path.dirname(createRequire(path.join(appPath, "package.json")).resolve(`${packageName}/package.json`));
+}
+/**
+* React and react-dom are peers of this tool: every story bundle takes the app's own pair, so the
+* story, the generated entry and any workspace package it imports share one React that matches its
+* react-dom. A pair resolved from the tool fails in the browser with React error #527.
+*/
+function appReactAliases(appPath) {
+	const reactDir = appPackageDir(appPath, "react");
+	const reactDomDir = appPackageDir(appPath, "react-dom");
+	return [
+		{
+			find: /^react$/,
+			replacement: reactDir
+		},
+		{
+			find: /^react\/(.*)$/,
+			replacement: path.join(reactDir, "$1")
+		},
+		{
+			find: /^react-dom$/,
+			replacement: reactDomDir
+		},
+		{
+			find: /^react-dom\/(.*)$/,
+			replacement: path.join(reactDomDir, "$1")
+		}
+	];
+}
 /**
 * Helper to create a Vite plugin that resolves the module specifiers TanStack Start's
 * `tanstackStart()` plugin normally provides to inert client-safe stubs, so stories in TanStack
@@ -1909,6 +2042,7 @@ function createTanStackStartStubPlugin() {
 * ```
 */
 var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerService {
+	workspaceRoot;
 	static instance = null;
 	server = null;
 	monorepoRoot;
@@ -1925,9 +2059,10 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Use getInstance() for singleton access.
 	* @param config - Service configuration options
 	*/
-	constructor(config = {}) {
+	constructor(config = {}, workspaceRoot) {
 		super(config);
-		this.monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
+		this.workspaceRoot = workspaceRoot;
+		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 	}
 	/**
 	* Get the singleton instance of ViteReactBundlerService.
@@ -2028,6 +2163,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	*/
 	async doStartDevServer(resolvedAppPath) {
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
+		let createdServer;
 		try {
 			await promises.mkdir(tmpDir, { recursive: true });
 			const { createServer } = await import("vite");
@@ -2042,6 +2178,33 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					tailwindcss(),
 					createTanStackStartStubPlugin(),
 					...this.getAdditionalVitePlugins(resolvedAppPath),
+					{
+						name: "style-system-preview-html",
+						configureServer: (server) => {
+							server.middlewares.use(async (req, res, next) => {
+								const url = req.url || "/";
+								const match = url.match(PREVIEW_ROUTE_PATTERN);
+								if (match) {
+									const storyId = match[1];
+									const config = this.storyConfigs.get(storyId);
+									if (config) try {
+										const htmlTemplate = this.generateHtmlTemplate(`${VIRTUAL_STORY_ENTRY_SCRIPT_PREFIX}${storyId}`, config.darkMode);
+										const transformedHtml = await server.transformIndexHtml(url, htmlTemplate);
+										res.statusCode = HTTP_STATUS_OK;
+										res.setHeader(CONTENT_TYPE_HEADER, TEXT_HTML_CONTENT_TYPE);
+										res.end(transformedHtml);
+										return;
+									} catch (e) {
+										const err = e;
+										log.error(`[ViteMiddleware] Error serving preview: ${err.message}`);
+										next(err);
+										return;
+									}
+								}
+								next();
+							});
+						}
+					},
 					createStoryEntryPlugin((id) => this.storyConfigs.get(id), (opts) => this.generateEntryFile(opts))
 				],
 				resolve: this.getViteResolveConfig(resolvedAppPath),
@@ -2053,28 +2216,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 					open: false
 				}
 			});
-			this.server.middlewares.use(async (req, res, next) => {
-				const url = req.url || "/";
-				const match = url.match(PREVIEW_ROUTE_PATTERN);
-				if (match) {
-					const storyId = match[1];
-					const config = this.storyConfigs.get(storyId);
-					if (config) try {
-						const htmlTemplate = this.generateHtmlTemplate(`${VIRTUAL_STORY_ENTRY_SCRIPT_PREFIX}${storyId}`, config.darkMode);
-						const transformedHtml = await this.server?.transformIndexHtml(url, htmlTemplate);
-						res.statusCode = HTTP_STATUS_OK;
-						res.setHeader(CONTENT_TYPE_HEADER, TEXT_HTML_CONTENT_TYPE);
-						res.end(transformedHtml);
-						return;
-					} catch (e) {
-						const err = e;
-						log.error(`[ViteMiddleware] Error serving preview: ${err.message}`);
-						next(err);
-						return;
-					}
-				}
-				next();
-			});
+			createdServer = this.server;
 			await this.server.listen();
 			const address = this.server.httpServer?.address();
 			if (!address || typeof address === "string") throw new Error("Failed to start Vite dev server. Ensure no other process is using the port.");
@@ -2089,6 +2231,15 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 				port
 			};
 		} catch (error) {
+			try {
+				await createdServer?.close();
+			} catch (closeError) {
+				log.warn(`[ViteReactBundlerService] Failed to close server after startup failure: ${String(closeError)}`);
+			}
+			this.server = null;
+			this.serverUrl = null;
+			this.serverPort = null;
+			this.currentAppPath = null;
 			const err = /* @__PURE__ */ new Error(`Failed to start dev server for ${resolvedAppPath}: ${error instanceof Error ? error.message : String(error)}`);
 			err.cause = error;
 			throw err;
@@ -2107,7 +2258,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		validateCssFiles(cssFiles, this.workspaceRoot ?? 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 {
@@ -2155,7 +2306,7 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 		validateComponentPath(componentPath);
 		validateArgsSize(args);
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(this.monorepoRoot, appPath);
-		validateCssFiles(cssFiles, TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
+		validateCssFiles(cssFiles, this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(resolvedAppPath));
 		const tmpDir = path.join(resolvedAppPath, TMP_DIR_NAME);
 		try {
 			await promises.mkdir(tmpDir, { recursive: true });
@@ -2181,9 +2332,10 @@ var ViteReactBundlerService = class ViteReactBundlerService extends BaseBundlerS
 	* Subclasses can override to add platform-specific aliases (e.g., react-native-web).
 	*/
 	getViteResolveConfig(appPath) {
-		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync(appPath);
+		const workspaceRoot = this.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: [
+			...appReactAliases(appPath),
 			{
 				find: APP_SOURCE_ALIAS_PATTERN,
 				replacement: `${path.join(appPath, APP_SOURCE_DIR$1)}/`
@@ -2290,7 +2442,7 @@ 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 workspaceRoot = this.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}';`;
@@ -2512,20 +2664,16 @@ mount();
 *
 * Extends ViteReactBundlerService with React Native → web aliases
 * so native-ui components can be rendered in a browser via Playwright.
-* Uses React Native Web and the app's real Unistyles web runtime.
+* Uses the app's own React Native Web and Unistyles web runtime.
 *
-* All shim paths resolve relative to this package — no monorepo-root assumptions.
+* Shim paths resolve relative to this package; React, react-dom and
+* react-native-web are peers and always resolve from the app.
 */
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const require$1 = createRequire(import.meta.url);
-const REACT_PACKAGE = "react";
-const REACT_DOM_PACKAGE = "react-dom";
 const REACT_NATIVE_PACKAGE = "react-native";
 const REACT_NATIVE_WEB_PACKAGE = "react-native-web";
-const REACT_NATIVE_INDEX_SUBPATH = "react-native/index.js";
 const REACT_NATIVE_UNISTYLES_PACKAGE = "react-native-unistyles";
 const REACT_NATIVE_UNISTYLES_BABEL_PLUGIN = "react-native-unistyles/plugin";
-const REACT_NATIVE_REANIMATED_PACKAGE = "react-native-reanimated";
 const REACT_NATIVE_REANIMATED_BABEL_PLUGIN = "react-native-reanimated/plugin";
 const BABEL_CORE_PACKAGE = "@babel/core";
 const BABEL_PLUGIN_SYNTAX_JSX = "@babel/plugin-syntax-jsx";
@@ -2539,8 +2687,7 @@ const APP_SOURCE_ALIAS = "@";
 const APP_SOURCE_DIR = "src";
 const VITE_PLUGIN_ENFORCE_PRE = "pre";
 const VITE_REACT_NATIVE_BUNDLER_ID = "vite-react-native";
-const REACT_NATIVE_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native";
-const REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME = "vite-redirect-react-native-reanimated";
+const REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME = "vite-react-native-optimize-deps";
 const EXPO_ICONS_REDIRECT_PLUGIN_NAME = "vite-redirect-expo-vector-icons";
 const NATIVE_BABEL_TRANSFORM_PLUGIN_NAME = "vite-react-native-babel";
 const EXPO_VECTOR_ICONS_RESOLVED_MODULE_PREFIX = `\0virtual:style-system-expo-vector-icons`;
@@ -2551,10 +2698,8 @@ const EXPO_VECTOR_ICONS_SHIM_FILE = "expo-vector-icons.ts";
 const EXPO_SYMBOLS_SHIM_FILE = "expo-symbols.ts";
 const REQUIRED_REACT_NATIVE_SHIM_FILES = [EXPO_VECTOR_ICONS_SHIM_FILE, EXPO_SYMBOLS_SHIM_FILE];
 const PACKAGE_JSON_SUBPATH = "package.json";
-const REACT_NATIVE_WEB_DIST_INDEX = "dist/index.js";
 const REACT_NATIVE_UNISTYLES_WEB_INDEX = "lib/module/index.js";
 const REACT_NATIVE_UNISTYLES_NATIVE_COMPONENTS = "lib/module/components/native";
-const REACT_NATIVE_REANIMATED_WEB_INDEX = "lib/module/index.js";
 const EXPO_VECTOR_ICONS_GLYPHMAP_DIR = "build/vendor/react-native-vector-icons/glyphmaps";
 const EXPO_VECTOR_ICONS_FONT_DIR = "build/vendor/react-native-vector-icons/Fonts";
 const GLYPHMAP_EXTENSION = ".json";
@@ -2573,6 +2718,8 @@ const REACT_NATIVE_DEV_GLOBAL = "__DEV__";
 const REACT_NATIVE_DEV_VALUE = "false";
 const REACT_NATIVE_GLOBAL = "global";
 const REACT_NATIVE_GLOBAL_VALUE = "globalThis";
+const EXPO_OS_DEFINE = "process.env.EXPO_OS";
+const EXPO_OS_WEB_VALUE = JSON.stringify("web");
 const VITE_RESOLVE_EXTENSIONS = [
 	".web.tsx",
 	".web.ts",
@@ -2595,18 +2742,13 @@ const SHIMS_DIR_CANDIDATES = [
 	path.resolve(__dirname, "../src/shims")
 ];
 const SHIMS_DIR = resolveShimsDir();
-const REACT_NATIVE_WEB_DIR = resolvePackageDir(REACT_NATIVE_WEB_PACKAGE);
 function resolveExistingDir(candidates, label, isValidDir = () => true) {
 	const existing = candidates.find((candidate) => existsSync(candidate) && isValidDir(candidate));
 	if (existing) return existing;
 	throw new Error(`Could not resolve ${label}. Tried: ${candidates.join(", ")}`);
 }
-function resolvePackageDir(packageName) {
-	return dirname(require$1.resolve(`${packageName}/${PACKAGE_JSON_SUBPATH}`));
-}
 function resolvePackageDirFrom(fromPath, packageName) {
-	const fromRequire = createRequire(path.join(fromPath, PACKAGE_JSON_SUBPATH));
-	return dirname(fromRequire.resolve(`${packageName}/${PACKAGE_JSON_SUBPATH}`));
+	return appPackageDir(fromPath, packageName);
 }
 function resolvePackageSubpathFrom(fromPath, subpath) {
 	return createRequire(path.join(fromPath, PACKAGE_JSON_SUBPATH)).resolve(subpath);
@@ -2701,6 +2843,7 @@ function createNativeBabelTransformPlugin(appPath) {
 		name: NATIVE_BABEL_TRANSFORM_PLUGIN_NAME,
 		enforce: VITE_PLUGIN_ENFORCE_PRE,
 		async transform(code, id) {
+			id = id.split(VITE_QUERY_SEPARATOR)[0] ?? id;
 			const isFlowModule = toViteImportPath(id).includes("/@react-native-segmented-control/segmented-control/");
 			const isSupportedNodeModule = isFlowModule || id.includes(REACT_NATIVE_MARKDOWN_DISPLAY_PATH_SEGMENT);
 			if (id.includes(NODE_MODULES_PATH_SEGMENT) && !isSupportedNodeModule || !BABEL_TRANSFORM_EXTENSION_PATTERN.test(id)) return null;
@@ -2842,24 +2985,20 @@ var ViteReactNativeBundlerService = class ViteReactNativeBundlerService extends
 		return VITE_REACT_NATIVE_BUNDLER_ID;
 	}
 	getAdditionalVitePlugins(appPath) {
-		const reactNativeWebEntry = path.join(REACT_NATIVE_WEB_DIR, REACT_NATIVE_WEB_DIST_INDEX);
-		const reactNativeReanimatedEntry = appPath ? path.join(resolvePackageDirFrom(appPath, REACT_NATIVE_REANIMATED_PACKAGE), REACT_NATIVE_REANIMATED_WEB_INDEX) : null;
 		return [
 			{
-				name: REACT_NATIVE_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				resolveId(source) {
-					if (source === REACT_NATIVE_PACKAGE || source === REACT_NATIVE_INDEX_SUBPATH) return reactNativeWebEntry;
-					return null;
-				}
-			},
-			{
-				name: REACT_NATIVE_REANIMATED_REDIRECT_PLUGIN_NAME,
-				enforce: VITE_PLUGIN_ENFORCE_PRE,
-				resolveId(source) {
-					if (source === REACT_NATIVE_REANIMATED_PACKAGE) return reactNativeReanimatedEntry;
-					return null;
-				}
+				name: REACT_NATIVE_OPTIMIZE_DEPS_PLUGIN_NAME,
+				config: (config) => ({ optimizeDeps: {
+					rolldownOptions: { resolve: { extensions: config.resolve?.extensions } },
+					exclude: [
+						"@react-native-segmented-control/segmented-control",
+						SAFE_AREA_CONTEXT_PACKAGE,
+						"expo-haptics",
+						"expo-modules-core",
+						"react-native-gesture-handler"
+					],
+					include: ["react-native-gesture-handler > hoist-non-react-statics", "react-native-gesture-handler > invariant"]
+				} })
 			},
 			createExpoTypeDeclarationStubPlugin(),
 			createSvgComponentPlugin(),
@@ -2895,7 +3034,8 @@ const styleSystemSafeAreaMetrics = {
 	getViteDefineConfig() {
 		return {
 			[REACT_NATIVE_DEV_GLOBAL]: REACT_NATIVE_DEV_VALUE,
-			[REACT_NATIVE_GLOBAL]: REACT_NATIVE_GLOBAL_VALUE
+			[REACT_NATIVE_GLOBAL]: REACT_NATIVE_GLOBAL_VALUE,
+			[EXPO_OS_DEFINE]: EXPO_OS_WEB_VALUE
 		};
 	}
 	generatePreviewStyles() {
@@ -2920,38 +3060,18 @@ const styleSystemSafeAreaMetrics = {
 	getViteResolveConfig(appPath) {
 		const reactNativeUnistylesDir = resolvePackageDirFrom(appPath, REACT_NATIVE_UNISTYLES_PACKAGE);
 		const reactNativeUnistylesEntry = path.join(reactNativeUnistylesDir, REACT_NATIVE_UNISTYLES_WEB_INDEX);
-		const reactDir = resolvePackageDirFrom(appPath, REACT_PACKAGE);
-		const reactDomDir = resolvePackageDirFrom(appPath, REACT_DOM_PACKAGE);
+		const reactNativeWebDir = resolvePackageDirFrom(appPath, REACT_NATIVE_WEB_PACKAGE);
 		return {
 			extensions: [...VITE_RESOLVE_EXTENSIONS],
 			alias: [
-				{
-					find: /^react$/,
-					replacement: reactDir
-				},
-				{
-					find: /^react\/(.*)$/,
-					replacement: path.join(reactDir, "$1")
-				},
-				{
-					find: /^react-dom$/,
-					replacement: reactDomDir
-				},
-				{
-					find: /^react-dom\/(.*)$/,
-					replacement: path.join(reactDomDir, "$1")
-				},
+				...appReactAliases(appPath),
 				{
 					find: APP_SOURCE_ALIAS,
 					replacement: path.join(appPath, APP_SOURCE_DIR)
 				},
 				{
-					find: REACT_NATIVE_PACKAGE,
-					replacement: REACT_NATIVE_WEB_DIR
-				},
-				{
-					find: REACT_NATIVE_INDEX_SUBPATH,
-					replacement: path.join(REACT_NATIVE_WEB_DIR, REACT_NATIVE_WEB_DIST_INDEX)
+					find: /^react-native$/,
+					replacement: reactNativeWebDir
 				},
 				{
 					find: /^react-native-unistyles\/components\/native\/(.+)$/,
@@ -3014,8 +3134,8 @@ const VALID_SERVICE_EXTENSIONS = [
 * await bundler.startDevServer('apps/my-app');
 * ```
 */
-function createDefaultBundlerService() {
-	return ViteReactBundlerService.getInstance();
+function createDefaultBundlerService(workspaceRoot) {
+	return workspaceRoot ? new ViteReactBundlerService({}, workspaceRoot) : ViteReactBundlerService.getInstance();
 }
 /**
 * Registry of available bundler service factories.
@@ -3050,13 +3170,17 @@ bundlerRegistry.set("vite-react-native", () => ViteReactNativeBundlerService.get
 * const bundler = getBundlerService('unknown'); // Returns ViteReactBundlerService
 * ```
 */
-function getBundlerService(key) {
+function getBundlerService(key, workspaceRoot) {
+	if (workspaceRoot) {
+		if (key === "vite-react-native") return new ViteReactNativeBundlerService({}, workspaceRoot);
+		if (key === "vite-react") return new ViteReactBundlerService({}, workspaceRoot);
+	}
 	const factory = bundlerRegistry.get(key);
 	if (factory) return factory();
-	return createDefaultBundlerService();
+	return createDefaultBundlerService(workspaceRoot);
 }
 /** Cached bundler service instance loaded from config */
-let cachedBundlerService = null;
+let cachedDefaultBundlerService = null;
 /**
 * Get bundler service based on the workspace style-system.config.yaml.
 *
@@ -3080,25 +3204,31 @@ let cachedBundlerService = null;
 * await bundler.startDevServer('apps/my-app');
 * ```
 */
-async function getBundlerServiceFromConfig() {
-	if (cachedBundlerService) return cachedBundlerService;
-	const config = await getBundlerConfig();
+async function getBundlerServiceFromConfig(options) {
+	if (options) return loadBundlerServiceFromConfig(options);
+	cachedDefaultBundlerService ??= await loadBundlerServiceFromConfig();
+	return cachedDefaultBundlerService;
+}
+async function loadBundlerServiceFromConfig(options) {
+	let cachedBundlerService = null;
+	const fallback = options?.defaultFactory ?? (() => createDefaultBundlerService(options?.workspaceRoot));
+	const config = options ? (await (options.configLoader ?? new StyleSystemConfigLoader(options.workspaceRoot)).loadRoot()).bundler : await getBundlerConfig();
 	if (!config?.customService) {
-		cachedBundlerService = createDefaultBundlerService();
+		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
-	const monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
+	const monorepoRoot = options?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 	const customServicePath = path.resolve(monorepoRoot, config.customService);
 	const normalizedWorkspaceRoot = path.resolve(monorepoRoot);
 	if (!customServicePath.startsWith(normalizedWorkspaceRoot + path.sep)) {
 		log.error(`[BundlerServiceFactory] Security error: customService path "${config.customService}" resolves outside workspace root`);
-		cachedBundlerService = createDefaultBundlerService();
+		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
 	const ext = path.extname(customServicePath).toLowerCase();
 	if (!VALID_SERVICE_EXTENSIONS.includes(ext)) {
 		log.error(`[BundlerServiceFactory] Invalid file extension "${ext}" for customService. Expected one of: ${VALID_SERVICE_EXTENSIONS.join(", ")}`);
-		cachedBundlerService = createDefaultBundlerService();
+		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
 	try {
@@ -3130,7 +3260,7 @@ async function getBundlerServiceFromConfig() {
 		const message = error instanceof Error ? error.message : String(error);
 		log.error(`[BundlerServiceFactory] Failed to load custom bundler service: ${message}`);
 		log.info("[BundlerServiceFactory] Falling back to default ViteReactBundlerService");
-		cachedBundlerService = createDefaultBundlerService();
+		cachedBundlerService = fallback();
 		return cachedBundlerService;
 	}
 }
@@ -3175,8 +3305,8 @@ var ThemeService = class {
 	* Creates a new ThemeService instance
 	* @param config - Design system configuration
 	*/
-	constructor(config) {
-		this.monorepoRoot = TemplatesManagerService.getWorkspaceRootSync();
+	constructor(config, workspaceRoot) {
+		this.monorepoRoot = workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 		this.config = config;
 		if (this.config.themeProvider) log.info(`[ThemeService] Using theme provider: ${this.config.themeProvider}`);
 		log.info(`[ThemeService] Design system type: ${this.config.type}`);
@@ -3339,7 +3469,8 @@ export { WrappedComponent };
 */
 const DEFAULT_RENDER_WIDTH = 1280;
 const DEFAULT_RENDER_HEIGHT = 800;
-const SCREENSHOT_WAIT_TIME_MS = 2e3;
+/** Settle time after the readiness check in takeScreenshot (mount, fonts, two frames). */
+const SCREENSHOT_WAIT_TIME_MS = 100;
 const DEFAULT_CLEANUP_AGE_MS = 36e5;
 const COMPONENT_FILE_PREFIX = "component-";
 const FILE_URL_PREFIX = "file://";
@@ -3379,6 +3510,9 @@ var ComponentRendererService = class ComponentRendererService {
 	themeService;
 	appPath;
 	bundlerFactory;
+	log;
+	preserveOutput;
+	sharedBrowser;
 	/**
 	* Creates a new ComponentRendererService instance
 	* @param designSystemConfig - Design system configuration
@@ -3388,8 +3522,12 @@ var ComponentRendererService = class ComponentRendererService {
 	constructor(designSystemConfig, appPath, options = {}) {
 		if (!appPath) throw new Error("appPath is required for ComponentRendererService");
 		this.appPath = appPath;
-		this.tmpDir = path.join(os.tmpdir(), "style-system");
-		this.themeService = new ThemeService(designSystemConfig);
+		this.sharedBrowser = options.sharedBrowser;
+		this.tmpDir = options.temporaryDirectory ?? path.join(os.tmpdir(), "style-system");
+		this.preserveOutput = options.temporaryDirectory !== void 0;
+		if (options.temporaryDirectory !== void 0 && !path.isAbsolute(options.temporaryDirectory)) throw new Error("Renderer temporary directory must be absolute.");
+		this.log = log;
+		this.themeService = new ThemeService(designSystemConfig, options.workspaceRoot);
 		if (options.bundlerFactory) this.bundlerFactory = options.bundlerFactory;
 		else if (designSystemConfig.bundler) this.bundlerFactory = () => getBundlerService(designSystemConfig.bundler);
 		else this.bundlerFactory = createDefaultBundlerService;
@@ -3412,17 +3550,25 @@ var ComponentRendererService = class ComponentRendererService {
 	async renderComponent(componentInfo, options = {}) {
 		const { storyName = componentInfo.stories[0] || "Default", args = {}, darkMode = false, width = DEFAULT_RENDER_WIDTH, height = DEFAULT_RENDER_HEIGHT } = options;
 		try {
-			log.info(`[ComponentRendererService] Rendering ${componentInfo.title} - ${storyName}`);
-			await promises.mkdir(this.tmpDir, { recursive: true });
+			await promises.mkdir(this.tmpDir, {
+				recursive: true,
+				mode: 448
+			});
+			if (this.preserveOutput) {
+				const info = await promises.lstat(this.tmpDir);
+				if (!info.isDirectory() || info.isSymbolicLink() || await promises.realpath(this.tmpDir) !== this.tmpDir) throw new Error("Unsafe renderer temporary directory.");
+				if (this.log === log) this.log = createLog(this.tmpDir);
+			}
+			this.log.info(`[ComponentRendererService] Rendering ${componentInfo.title} - ${storyName}`);
 			const designSystemConfig = this.themeService.getConfig();
-			log.info(`[ComponentRendererService] Using theme provider: ${designSystemConfig.themeProvider}`);
-			log.info(`[ComponentRendererService] Design system type: ${designSystemConfig.type}`);
-			if (!await this.themeService.validateThemeProvider()) log.warn(`[ComponentRendererService] Theme provider path may not exist: ${designSystemConfig.themeProvider}`);
+			this.log.info(`[ComponentRendererService] Using theme provider: ${designSystemConfig.themeProvider}`);
+			this.log.info(`[ComponentRendererService] Design system type: ${designSystemConfig.type}`);
+			if (!await this.themeService.validateThemeProvider()) this.log.warn(`[ComponentRendererService] Theme provider path may not exist: ${designSystemConfig.themeProvider}`);
 			const bundlerService = this.getBundlerService();
 			let componentUrl;
 			let htmlFilePath;
 			if (bundlerService.isServerRunning()) {
-				log.info("[ComponentRendererService] Using dev server for fast rendering");
+				this.log.info("[ComponentRendererService] Using dev server for fast rendering");
 				try {
 					const result = await bundlerService.serveComponent({
 						componentPath: componentInfo.filePath,
@@ -3437,9 +3583,9 @@ var ComponentRendererService = class ComponentRendererService {
 					});
 					componentUrl = result.url;
 					htmlFilePath = result.htmlFilePath;
-					log.info(`[ComponentRendererService] Component served at: ${componentUrl}`);
+					this.log.info(`[ComponentRendererService] Component served at: ${componentUrl}`);
 				} catch (devServerError) {
-					log.warn(`[ComponentRendererService] Dev server failed, falling back to static build: ${devServerError instanceof Error ? devServerError.message : String(devServerError)}`);
+					this.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,
@@ -3453,10 +3599,10 @@ var ComponentRendererService = class ComponentRendererService {
 					});
 					componentUrl = `${FILE_URL_PREFIX}${result.htmlFilePath}`;
 					htmlFilePath = result.htmlFilePath;
-					log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
+					this.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
 				}
 			} else {
-				log.info("[ComponentRendererService] No dev server running, using static build");
+				this.log.info("[ComponentRendererService] No dev server running, using static build");
 				const result = await bundlerService.prerenderComponent({
 					componentPath: componentInfo.filePath,
 					storyName,
@@ -3470,7 +3616,7 @@ var ComponentRendererService = class ComponentRendererService {
 				});
 				componentUrl = `${FILE_URL_PREFIX}${result.htmlFilePath}`;
 				htmlFilePath = result.htmlFilePath;
-				log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
+				this.log.info(`[ComponentRendererService] HTML built to: ${htmlFilePath}`);
 			}
 			const timestamp = Date.now();
 			const imageName = `${COMPONENT_FILE_PREFIX}${componentInfo.title.split("/").pop()}-${timestamp}-${randomUUID()}.png`;
@@ -3480,20 +3626,21 @@ var ComponentRendererService = class ComponentRendererService {
 				output: imagePath,
 				width,
 				height,
-				fullPage: true,
+				fullPage: false,
 				browser: "chromium",
 				waitTime: SCREENSHOT_WAIT_TIME_MS,
 				darkMode,
 				mobile: false,
 				generateThumbnail: false,
-				base64: false
+				base64: false,
+				sharedBrowser: this.sharedBrowser
 			});
-			log.info(`[ComponentRendererService] Screenshot saved to: ${imagePath}`);
+			this.log.info(`[ComponentRendererService] Screenshot saved to: ${imagePath}`);
 			let html = "";
 			if (htmlFilePath) {
 				html = await promises.readFile(htmlFilePath, "utf-8");
-				log.info(`[ComponentRendererService] HTML file kept at: ${htmlFilePath}`);
-			} else log.warn("[ComponentRendererService] No HTML file path available, returning empty HTML content");
+				this.log.info(`[ComponentRendererService] HTML file kept at: ${htmlFilePath}`);
+			} else this.log.warn("[ComponentRendererService] No HTML file path available, returning empty HTML content");
 			return {
 				imagePath,
 				html,
@@ -3536,20 +3683,20 @@ var ComponentRendererService = class ComponentRendererService {
 				};
 			}));
 			for (const result of statResults) if (result.status === "fulfilled") componentFiles.push(result.value);
-			else log.warn("[ComponentRendererService] Failed to inspect component file during cleanup:", result.reason);
+			else this.log.warn("[ComponentRendererService] Failed to inspect component file during cleanup:", result.reason);
 			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))));
+			await Promise.all(oldFiles.map((file) => promises.unlink(file.path).catch((err) => this.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) => promises.unlink(file.path).catch((err) => log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
+				await Promise.all(toDelete.map((file) => promises.unlink(file.path).catch((err) => this.log.warn("[ComponentRendererService] Failed to delete file:", file.path, err))));
 				deletedCount += toDelete.length;
 			}
-			if (deletedCount > 0) log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
+			if (deletedCount > 0) this.log.info(`[ComponentRendererService] Cleaned up ${deletedCount} temp files`);
 		} catch (error) {
-			log.error("[ComponentRendererService] Cleanup error:", error);
+			this.log.error("[ComponentRendererService] Cleanup error:", error);
 		}
 	}
 	/**
@@ -3559,11 +3706,11 @@ var ComponentRendererService = class ComponentRendererService {
 	*/
 	async dispose() {
 		try {
-			await this.cleanup(void 0, ComponentRendererService.DISPOSE_KEEP_COUNT);
+			if (!this.preserveOutput) await this.cleanup(void 0, ComponentRendererService.DISPOSE_KEEP_COUNT);
 			const bundlerService = this.getBundlerService();
 			if (!bundlerService.isServerRunning()) await bundlerService.cleanup();
 		} catch (error) {
-			log.error("[ComponentRendererService] Dispose error:", error);
+			this.log.error("[ComponentRendererService] Dispose error:", error);
 		}
 	}
 };
@@ -3579,13 +3726,6 @@ const DEFAULT_GET_UI_COMPONENT_CONFIG = {
 	defaultHeight: 800
 };
 //#endregion
-//#region \0@oxc-project+runtime@0.153.0/helpers/esm/decorateParam.js
-function __decorateParam(paramIndex, decorator) {
-	return function(target, key) {
-		decorator(target, key, paramIndex);
-	};
-}
-//#endregion
 //#region src/services/GetUiComponentService/GetUiComponentService.ts
 /**
 * GetUiComponentService
@@ -3610,6 +3750,7 @@ const NATIVE_DEFAULT_VIEWPORT = {
 	height: 852
 };
 let GetUiComponentService = class GetUiComponentService {
+	configLoader;
 	config;
 	storiesIndexFactory;
 	rendererFactory;
@@ -3619,7 +3760,8 @@ let GetUiComponentService = class GetUiComponentService {
 	* @param storiesIndexFactory - Factory for creating StoriesIndexService (for DI/testing)
 	* @param rendererFactory - Factory for creating ComponentRendererService (for DI/testing)
 	*/
-	constructor(config = {}, storiesIndexFactory = () => new StoriesIndexService(), rendererFactory = (c, p) => new ComponentRendererService(c, p)) {
+	constructor(config = {}, storiesIndexFactory = () => new StoriesIndexService(), rendererFactory = (c, p) => new ComponentRendererService(c, p), configLoader) {
+		this.configLoader = configLoader;
 		this.config = {
 			...DEFAULT_GET_UI_COMPONENT_CONFIG,
 			...config
@@ -3651,7 +3793,7 @@ let GetUiComponentService = class GetUiComponentService {
 		const storiesIndex = this.storiesIndexFactory();
 		let designSystemConfig;
 		try {
-			[, designSystemConfig] = await Promise.all([storiesIndex.initialize(), getAppDesignSystemConfig(appPath)]);
+			[, designSystemConfig] = await Promise.all([storiesIndex.initialize(), this.configLoader ? this.configLoader.resolveProject(appPath).then((resolved) => resolved.config) : getAppDesignSystemConfig(appPath)]);
 		} catch (error) {
 			throw new Error(`Failed to initialize stories index or design system config: ${error instanceof Error ? error.message : String(error)}`);
 		}
@@ -3751,10 +3893,13 @@ GetUiComponentService = __decorate([
 	__decorateParam(1, optional()),
 	__decorateParam(2, inject(STYLE_SYSTEM_TYPES.RendererFactory)),
 	__decorateParam(2, optional()),
+	__decorateParam(3, inject(STYLE_SYSTEM_TYPES.StyleSystemConfigLoader)),
+	__decorateParam(3, optional()),
 	__decorateMetadata("design:paramtypes", [
 		Object,
 		Object,
-		Object
+		Object,
+		typeof StyleSystemConfigLoader === "undefined" ? Object : StyleSystemConfigLoader
 	])
 ], GetUiComponentService);
 //#endregion
@@ -3783,12 +3928,14 @@ const DEFAULT_APP_COMPONENTS_CONFIG = { pageSize: 50 };
 * - Direct tool implementation (services should be tool-agnostic)
 */
 let AppComponentsService = class AppComponentsService {
+	workspaceRoot;
 	config;
 	/**
 	* Creates a new AppComponentsService instance.
 	* @param config - Service configuration options
 	*/
-	constructor(config = {}) {
+	constructor(config = {}, workspaceRoot) {
+		this.workspaceRoot = workspaceRoot;
 		this.config = {
 			...DEFAULT_APP_COMPONENTS_CONFIG,
 			...config
@@ -3805,14 +3952,14 @@ let AppComponentsService = class AppComponentsService {
 		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 = TemplatesManagerService.getWorkspaceRootSync();
+		const monorepoRoot = this.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync();
 		const resolvedAppPath = path.isAbsolute(appPath) ? appPath : path.join(monorepoRoot, appPath);
 		try {
 			await promises.access(resolvedAppPath);
 		} catch {
 			throw new Error(`App path does not exist: ${resolvedAppPath}`);
 		}
-		const storiesIndex = new StoriesIndexService();
+		const storiesIndex = new StoriesIndexService({ workspaceRoot: monorepoRoot });
 		const [appName, workspaceDependencies, packageMap] = await Promise.all([
 			this.getAppName(resolvedAppPath),
 			this.getWorkspaceDependencies(resolvedAppPath),
@@ -4015,18 +4162,42 @@ AppComponentsService = __decorate([
 	injectable(),
 	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.AppComponentsServiceConfig)),
 	__decorateParam(0, optional()),
-	__decorateMetadata("design:paramtypes", [Object])
+	__decorateParam(1, inject(STYLE_SYSTEM_TYPES.WorkspaceRoot)),
+	__decorateParam(1, optional()),
+	__decorateMetadata("design:paramtypes", [Object, String])
 ], AppComponentsService);
 //#endregion
 //#region src/tools/ListThemesTool.ts
+/**
+* ListThemesTool
+*
+* DESIGN PATTERNS:
+* - Tool pattern with getDefinition() and execute() methods
+* - Factory pattern for service creation
+* - JSON Schema validation for inputs
+*
+* CODING STANDARDS:
+* - Implement Tool interface from ../types
+* - Use TOOL_NAME constant with snake_case (e.g., 'list_themes')
+* - Return CallToolResult with content array
+* - Handle errors with isError flag
+* - Delegate complex logic to services
+*
+* AVOID:
+* - Complex business logic in execute method
+* - Unhandled promise rejections
+* - Missing input validation
+*/
 var _ListThemesTool;
 let ListThemesTool = class ListThemesTool {
 	static {
 		_ListThemesTool = this;
 	}
+	configLoader;
 	static TOOL_NAME = "list_themes";
 	serviceFactory;
-	constructor(serviceFactory) {
+	constructor(serviceFactory, configLoader) {
+		this.configLoader = configLoader;
 		this.serviceFactory = serviceFactory;
 	}
 	getDefinition() {
@@ -4048,12 +4219,13 @@ let ListThemesTool = class ListThemesTool {
 			let themePath;
 			let cssFiles;
 			if (input.appPath) {
-				const appConfig = await getAppDesignSystemConfig(input.appPath);
+				const appConfig = this.configLoader ? (await this.configLoader.resolveProject(input.appPath)).config : await getAppDesignSystemConfig(input.appPath);
 				themePath = appConfig.themePath ? await resolveStyleSystemThemePath({
 					appPath: input.appPath,
-					themePath: appConfig.themePath
+					themePath: appConfig.themePath,
+					workspaceRoot: this.configLoader?.workspaceRoot
 				}) : void 0;
-				cssFiles = themePath ? void 0 : appConfig.cssFiles;
+				cssFiles = themePath ? void 0 : appConfig.cssFiles?.map((file) => path.resolve(this.configLoader?.workspaceRoot ?? TemplatesManagerService.getWorkspaceRootSync(), input.appPath, file));
 			}
 			const result = await (await this.serviceFactory.createService({
 				themePath,
@@ -4077,7 +4249,9 @@ let ListThemesTool = class ListThemesTool {
 ListThemesTool = _ListThemesTool = __decorate([
 	injectable(),
 	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.ThemeServiceFactory)),
-	__decorateMetadata("design:paramtypes", [typeof ThemeServiceFactory === "undefined" ? Object : ThemeServiceFactory])
+	__decorateParam(1, inject(STYLE_SYSTEM_TYPES.StyleSystemConfigLoader)),
+	__decorateParam(1, optional()),
+	__decorateMetadata("design:paramtypes", [typeof ThemeServiceFactory === "undefined" ? Object : ThemeServiceFactory, typeof StyleSystemConfigLoader === "undefined" ? Object : StyleSystemConfigLoader])
 ], ListThemesTool);
 //#endregion
 //#region src/tools/GetCSSClassesTool.ts
@@ -4104,6 +4278,7 @@ let GetCSSClassesTool = class GetCSSClassesTool {
 	static {
 		_GetCSSClassesTool = this;
 	}
+	configLoader;
 	static TOOL_NAME = "get_css_classes";
 	static CSS_REUSE_INSTRUCTION = "IMPORTANT: Always reuse these existing CSS classes from the theme as much as possible instead of creating custom styles. This ensures design consistency and reduces CSS bloat.";
 	serviceFactory;
@@ -4113,7 +4288,8 @@ let GetCSSClassesTool = class GetCSSClassesTool {
 	* @param serviceFactory - Injected CSSClassesServiceFactory
 	* @param defaultThemePath - Default path to theme CSS file (relative to workspace root)
 	*/
-	constructor(serviceFactory, defaultThemePath) {
+	constructor(serviceFactory, defaultThemePath, configLoader) {
+		this.configLoader = configLoader;
 		this.serviceFactory = serviceFactory;
 		this.defaultThemePath = defaultThemePath;
 	}
@@ -4158,7 +4334,7 @@ let GetCSSClassesTool = class GetCSSClassesTool {
 			const category = input.category || "all";
 			if (!isValidCategory(category)) throw new Error(`Invalid category: '${category}'. Must be one of: ${VALID_CATEGORIES.join(", ")}`);
 			const themePath = await this.resolveThemePath(input.appPath);
-			const workspaceConfig = await getGetCssClassesConfig();
+			const workspaceConfig = this.configLoader ? (await this.configLoader.loadRoot()).getCssClasses : await getGetCssClassesConfig();
 			const result = await (await this.serviceFactory.createService({ customServicePath: workspaceConfig?.customService })).extractClasses(category, themePath);
 			return { content: [{
 				type: "text",
@@ -4187,13 +4363,17 @@ let GetCSSClassesTool = class GetCSSClassesTool {
 	*/
 	async resolveThemePath(appPath) {
 		if (appPath) {
-			const config = await getAppDesignSystemConfig(appPath);
+			const config = this.configLoader ? (await this.configLoader.resolveProject(appPath)).config : await getAppDesignSystemConfig(appPath);
 			if (config.themePath) return await resolveStyleSystemThemePath({
 				appPath,
-				themePath: config.themePath
+				themePath: config.themePath,
+				workspaceRoot: this.configLoader?.workspaceRoot
 			});
 		}
-		if (this.defaultThemePath) return await resolveStyleSystemThemePath({ themePath: this.defaultThemePath });
+		if (this.defaultThemePath) return await resolveStyleSystemThemePath({
+			themePath: this.defaultThemePath,
+			workspaceRoot: this.configLoader?.workspaceRoot
+		});
 		throw new Error("No theme CSS path configured. Pass --theme-path, or set themePath in the target app style-system.config.yaml.");
 	}
 };
@@ -4202,156 +4382,15 @@ GetCSSClassesTool = _GetCSSClassesTool = __decorate([
 	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.CSSClassesServiceFactory)),
 	__decorateParam(1, inject(STYLE_SYSTEM_TYPES.DefaultThemePath)),
 	__decorateParam(1, optional()),
-	__decorateMetadata("design:paramtypes", [typeof CSSClassesServiceFactory === "undefined" ? Object : CSSClassesServiceFactory, String])
+	__decorateParam(2, inject(STYLE_SYSTEM_TYPES.StyleSystemConfigLoader)),
+	__decorateParam(2, optional()),
+	__decorateMetadata("design:paramtypes", [
+		typeof CSSClassesServiceFactory === "undefined" ? Object : CSSClassesServiceFactory,
+		String,
+		typeof StyleSystemConfigLoader === "undefined" ? Object : StyleSystemConfigLoader
+	])
 ], GetCSSClassesTool);
 //#endregion
-//#region src/services/AntigravityCliService.ts
-const DEFAULT_MODEL = "gemini-3.6-flash-high";
-const DEFAULT_TIMEOUT = 18e5;
-const MAX_BUFFER = 104857600;
-const FAILURE_SNIPPET_LENGTH = 400;
-const ANTIGRAVITY_CLI_COMMAND = "agy";
-const ANTIGRAVITY_PROVIDER_NAME = "antigravity";
-const ANTIGRAVITY_UNAVAILABLE_MESSAGE = "Antigravity CLI not found. Run `agy install` to configure it.";
-function sanitizePrompt(raw) {
-	return raw.replace(/\u0000/g, "").replace(/[\uD800-\uDBFF](?![\uDC00-\uDFFF])/g, "").replace(/(?<![\uD800-\uDBFF])[\uDC00-\uDFFF]/g, "").replace(/[\u0001-\u0008\u000B\u000C\u000E-\u001F\u007F\u0080-\u009F\uFEFF]/g, "");
-}
-function tailSnippet(value) {
-	const trimmed = value.trim();
-	if (!trimmed) return "";
-	return trimmed.length <= FAILURE_SNIPPET_LENGTH ? trimmed : `...${trimmed.slice(-400)}`;
-}
-var AntigravityCliService = class {
-	isAvailable() {
-		try {
-			execSync(`${ANTIGRAVITY_CLI_COMMAND} --version`, {
-				stdio: "ignore",
-				timeout: 5e3,
-				env: process.env
-			});
-			return true;
-		} catch {
-			return false;
-		}
-	}
-	async edit(params) {
-		if (!this.isAvailable()) throw new Error(ANTIGRAVITY_UNAVAILABLE_MESSAGE);
-		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync();
-		const model = params.model ?? DEFAULT_MODEL;
-		const timeout = params.timeout ?? DEFAULT_TIMEOUT;
-		let fullPrompt = sanitizePrompt(params.prompt);
-		if (params.systemPrompt) fullPrompt = `${sanitizePrompt(params.systemPrompt)}\n\n${fullPrompt}`;
-		if (params.screenshotPaths?.length) fullPrompt = `${params.screenshotPaths.map((path) => `@${basename(path)}`).join(" ")}\n\n${fullPrompt}`;
-		const args = [
-			"--new-project",
-			"--dangerously-skip-permissions",
-			"--print",
-			"--print-timeout",
-			`${Math.ceil(timeout / 1e3)}s`,
-			"--model",
-			model,
-			fullPrompt
-		];
-		return {
-			content: (await this.execAntigravity(args, workspaceRoot, model, timeout)).trim(),
-			model
-		};
-	}
-	execAntigravity(args, cwd, model, timeout) {
-		return new Promise((resolve, reject) => {
-			const chunks = [];
-			let totalBytes = 0;
-			let settled = false;
-			let stderrContent = "";
-			const registeredArgs = [...args];
-			registeredArgs[registeredArgs.length - 1] = "<prompt>";
-			const child = spawn(ANTIGRAVITY_CLI_COMMAND, args, {
-				stdio: [
-					"ignore",
-					"pipe",
-					"pipe"
-				],
-				env: {
-					...process.env,
-					OTEL_SERVICE_NAME: ANTIGRAVITY_PROVIDER_NAME
-				},
-				cwd
-			});
-			let releaseChild;
-			let registrationPromise;
-			if (child.pid) registrationPromise = registerManagedProcess({
-				repositoryPath: cwd,
-				serviceName: `style-system-antigravity-${child.pid}`,
-				serviceType: "tool",
-				environment: process.env["NODE_ENV"] ?? "development",
-				pid: child.pid,
-				command: ANTIGRAVITY_CLI_COMMAND,
-				args: registeredArgs,
-				metadata: {
-					model,
-					parentPid: process.pid
-				},
-				killOnRelease: true,
-				releasePortOnRelease: false
-			}).then((release) => {
-				releaseChild = release;
-			}).catch((error) => {
-				log.debug(`[AntigravityCliService] Process registration failed: ${error instanceof Error ? error.message : String(error)}`);
-			});
-			const finalize = async (callback) => {
-				try {
-					await registrationPromise;
-					await releaseChild?.();
-				} catch (error) {
-					log.debug(`[AntigravityCliService] Process cleanup failed: ${error instanceof Error ? error.message : String(error)}`);
-				} finally {
-					callback();
-				}
-			};
-			const timer = setTimeout(() => {
-				if (settled) return;
-				settled = true;
-				child.kill("SIGTERM");
-				finalize(() => reject(/* @__PURE__ */ new Error(`Antigravity CLI timed out after ${timeout}ms.`)));
-			}, timeout);
-			child.stdout.on("data", (chunk) => {
-				totalBytes += chunk.length;
-				if (totalBytes > MAX_BUFFER) {
-					if (!settled) {
-						settled = true;
-						child.kill("SIGTERM");
-						finalize(() => reject(/* @__PURE__ */ new Error("Antigravity CLI output exceeded maximum buffer size.")));
-					}
-					return;
-				}
-				chunks.push(chunk);
-			});
-			child.stderr.on("data", (chunk) => {
-				stderrContent += chunk.toString();
-			});
-			child.on("error", (error) => {
-				clearTimeout(timer);
-				if (settled) return;
-				settled = true;
-				const message = error.code === "ENOENT" ? ANTIGRAVITY_UNAVAILABLE_MESSAGE : `Failed to invoke Antigravity CLI: ${error.message}`;
-				finalize(() => reject(new Error(message)));
-			});
-			child.on("close", (code) => {
-				clearTimeout(timer);
-				if (settled) return;
-				settled = true;
-				const stdoutContent = Buffer.concat(chunks).toString("utf-8");
-				if (code !== 0) {
-					const detail = tailSnippet(stderrContent) || tailSnippet(stdoutContent) || `exit code ${code}`;
-					finalize(() => reject(new Error(detail)));
-					return;
-				}
-				finalize(() => resolve(stdoutContent));
-			});
-		});
-	}
-};
-//#endregion
 //#region src/tools/GetComponentVisualTool.ts
 var _GetComponentVisualTool;
 /**
@@ -4480,11 +4519,13 @@ let ListSharedComponentsTool = class ListSharedComponentsTool {
 	static {
 		_ListSharedComponentsTool = this;
 	}
+	configLoader;
 	static TOOL_NAME = "list_shared_components";
 	static PAGE_SIZE = 50;
 	static COMPONENT_REUSE_INSTRUCTION = "IMPORTANT: Before creating new components, check if a similar component already exists in the list above. Always reuse existing shared components to maintain consistency and reduce code duplication.";
 	storiesIndexFactory;
-	constructor(storiesIndexFactory) {
+	constructor(storiesIndexFactory, configLoader) {
+		this.configLoader = configLoader;
 		this.storiesIndexFactory = storiesIndexFactory;
 	}
 	/**
@@ -4543,7 +4584,7 @@ let ListSharedComponentsTool = class ListSharedComponentsTool {
 			const { cursor, tags: inputTags } = input;
 			const { offset } = cursor ? this.decodeCursor(cursor) : { offset: 0 };
 			const storiesIndex = this.storiesIndexFactory();
-			const [, defaultTags] = await Promise.all([storiesIndex.initialize(), getSharedComponentTags()]);
+			const [, defaultTags] = await Promise.all([storiesIndex.initialize(), this.configLoader ? this.configLoader.loadRoot().then((root) => root.sharedComponentTags ?? DEFAULT_SHARED_COMPONENT_TAGS) : getSharedComponentTags()]);
 			const availableTags = storiesIndex.getAllTags();
 			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();
@@ -4581,7 +4622,9 @@ let ListSharedComponentsTool = class ListSharedComponentsTool {
 ListSharedComponentsTool = _ListSharedComponentsTool = __decorate([
 	injectable(),
 	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.StoriesIndexFactory)),
-	__decorateMetadata("design:paramtypes", [Object])
+	__decorateParam(1, inject(STYLE_SYSTEM_TYPES.StyleSystemConfigLoader)),
+	__decorateParam(1, optional()),
+	__decorateMetadata("design:paramtypes", [Object, typeof StyleSystemConfigLoader === "undefined" ? Object : StyleSystemConfigLoader])
 ], ListSharedComponentsTool);
 //#endregion
 //#region src/tools/ListAppComponentsTool.ts
@@ -4654,309 +4697,31 @@ ListAppComponentsTool = _ListAppComponentsTool = __decorate([
 	__decorateMetadata("design:paramtypes", [typeof AppComponentsService === "undefined" ? Object : AppComponentsService])
 ], ListAppComponentsTool);
 //#endregion
-//#region src/tools/PolishComponentTool.ts
-/**
-* PolishComponentTool
-*
-* 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
-* - 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 _PolishComponentTool;
-let PolishComponentTool = class PolishComponentTool {
-	static {
-		_PolishComponentTool = this;
-	}
-	static TOOL_NAME = "polish_component";
-	antigravityService;
-	getUiComponentService;
-	cssClassesServiceFactory;
-	storiesIndexFactory;
-	constructor(getUiComponentService, cssClassesServiceFactory, storiesIndexFactory) {
-		this.antigravityService = new AntigravityCliService();
-		this.getUiComponentService = getUiComponentService;
-		this.cssClassesServiceFactory = cssClassesServiceFactory;
-		this.storiesIndexFactory = storiesIndexFactory;
-	}
-	getDefinition() {
-		return {
-			name: _PolishComponentTool.TOOL_NAME,
-			description: "Polish a UI component by running Antigravity to directly edit the component file. Takes a .tsx file path, finds the collocated stories file for visual context, gathers design principles, design tokens, and shared components, then runs Antigravity to edit in place.",
-			inputSchema: {
-				type: "object",
-				properties: {
-					filePath: {
-						type: "string",
-						minLength: 1,
-						description: "Path to the component .tsx file to polish (e.g., \"packages/frontend/web-atoms/src/components/Button/index.tsx\")"
-					},
-					instructions: {
-						type: "string",
-						description: "Specific polishing instructions (e.g., \"improve spacing\", \"add hover states\", \"fix dark mode\")"
-					}
-				},
-				required: ["filePath"],
-				additionalProperties: false
-			}
-		};
-	}
-	async execute(input) {
-		try {
-			if (!this.antigravityService.isAvailable()) return {
-				content: [{
-					type: "text",
-					text: "Error: Antigravity CLI is not installed. Run `agy install` to configure it."
-				}],
-				isError: true
-			};
-			const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync();
-			const { instructions } = input;
-			const filePath = path.isAbsolute(input.filePath) ? input.filePath : path.join(workspaceRoot, input.filePath);
-			const componentDir = path.dirname(filePath);
-			const storyFile = await this.findStoriesFile(componentDir);
-			if (!storyFile) return {
-				content: [{
-					type: "text",
-					text: `Error: No .stories.tsx file found in ${componentDir}`
-				}],
-				isError: true
-			};
-			const componentName = path.basename(componentDir);
-			const appPath = await this.findAppPath(filePath, workspaceRoot);
-			const dsConfig = appPath ? await getAppDesignSystemConfig(appPath).catch((error) => {
-				log.debug(`[PolishComponentTool] Could not load design system config for ${appPath}: ${error instanceof Error ? error.message : String(error)}`);
-				return null;
-			}) : null;
-			const platform = this.detectPlatform(dsConfig);
-			log.info(`[PolishComponentTool] Polishing ${filePath}, stories: ${storyFile}, appPath: ${appPath}, platform: ${platform}`);
-			const [componentVisual, designPrinciples, sharedComponents, componentSource, designTokens] = await Promise.allSettled([
-				appPath ? this.getComponentVisual(componentName, appPath) : Promise.reject(/* @__PURE__ */ new Error("No appPath")),
-				appPath ? this.getDesignPrinciples(appPath) : Promise.reject(/* @__PURE__ */ new Error("No appPath")),
-				this.getSharedComponents(),
-				promises.readFile(filePath, "utf-8"),
-				this.getDesignTokens(platform, dsConfig, appPath)
-			]);
-			const contextSections = [];
-			if (componentSource.status === "fulfilled") contextSections.push(`## Component Source\n\nFile: ${filePath}\n\n\`\`\`tsx\n${componentSource.value}\n\`\`\``);
-			const storyContent = await promises.readFile(storyFile, "utf-8").catch((error) => {
-				log.debug(`[PolishComponentTool] Could not read stories file ${storyFile}: ${error instanceof Error ? error.message : String(error)}`);
-				return null;
-			});
-			if (storyContent) contextSections.push(`## Stories File\n\nFile: ${storyFile}\n\n\`\`\`tsx\n${storyContent}\n\`\`\``);
-			if (designPrinciples.status === "fulfilled" && designPrinciples.value.length > 0) {
-				const principlesText = designPrinciples.value.map((p) => `### ${p.variant}\n${yaml.dump(p.content, {
-					indent: 2,
-					lineWidth: 120
-				})}`).join("\n");
-				contextSections.push(`## Design Principles\n\n${principlesText}`);
-			}
-			if (designTokens.status === "fulfilled") contextSections.push(designTokens.value);
-			if (sharedComponents.status === "fulfilled") contextSections.push(`## Available Shared Components\n\nReuse these existing components where possible:\n${sharedComponents.value}`);
-			const systemPrompt = this.buildSystemPrompt(platform);
-			const userPrompt = [
-				`# Polish Component`,
-				"",
-				instructions ? `## Instructions\n\n${instructions}\n` : "",
-				...contextSections,
-				"",
-				`Edit the component file at: ${filePath}`,
-				"Polish this component following the design system. Edit the files directly."
-			].filter(Boolean).join("\n");
-			const screenshotPaths = componentVisual.status === "fulfilled" ? [componentVisual.value.imagePath] : [];
-			log.info(`[PolishComponentTool] Running Antigravity to edit component...`);
-			const response = await this.antigravityService.edit({
-				prompt: userPrompt,
-				systemPrompt,
-				screenshotPaths
-			});
-			log.info(`[PolishComponentTool] Antigravity finished editing (model: ${response.model})`);
-			const reviewPrompt = [
-				"\n## Review the changes",
-				"",
-				"Antigravity has edited the component files directly. Review the result with `pnpm exec style-system get-ui-component`:",
-				`   - componentName: "${componentName}"`,
-				appPath ? `   - appPath: "${appPath}"` : "",
-				"",
-				`Component file: ${filePath}`,
-				`Stories file: ${storyFile}`
-			].filter(Boolean).join("\n");
-			return { content: [{
-				type: "text",
-				text: response.content
-			}, {
-				type: "text",
-				text: reviewPrompt
-			}] };
-		} catch (error) {
-			return {
-				content: [{
-					type: "text",
-					text: `Error: ${error instanceof Error ? error.message : "Unknown error"}`
-				}],
-				isError: true
-			};
-		}
-	}
-	detectPlatform(config) {
-		if (config?.bundler?.includes("native")) return "native";
-		return "web";
-	}
-	buildSystemPrompt(platform) {
-		const base = [
-			"You are a senior frontend designer and developer.",
-			"You polish UI components to improve their visual quality, consistency, and adherence to the design system.",
-			"You receive the component source code, a screenshot of its current rendering, the design principles, available design tokens, and shared components.",
-			"Your job is to directly edit the component files to improve them.",
-			"",
-			"CRITICAL RULES:"
-		];
-		if (platform === "native") base.push("- This is a React Native component using react-native-unistyles v3 for styling.", "- ONLY use theme tokens from the UnistylesTheme interface listed in the \"Unistyles Theme Tokens\" section.", "- Access tokens via StyleSheet.create((theme) => ({...})) — e.g., theme.colors.primary, theme.spacing.md, theme.borderRadius.lg, theme.fontSize.base.", "- NEVER use hardcoded color hex values, pixel numbers, or inline styles when a theme token exists.", "- If a semantic value is not available in the theme tokens, use the closest match or leave it unchanged.");
-		else base.push("- ONLY use CSS classes listed in the \"Available CSS Classes\" section. NEVER use raw Tailwind color/spacing classes (e.g., green-500, red-600, p-4) that are not in the provided design tokens.", "- If a semantic color or spacing value is not available in the design tokens, use the closest match from the provided list or leave it unchanged. Do NOT invent new color values.");
-		base.push("- Reuse shared components instead of creating custom markup", "- Follow the design principles strictly", "- Edit the files directly — do not just suggest changes", "- Explain what you changed after editing");
-		if (platform === "native") base.push("", "VIOLATION EXAMPLES (DO NOT DO THIS):", "- { color: \"#22c55e\" } → hardcoded hex, use theme.colors.success instead", "- { padding: 16 } → hardcoded pixel, use theme.spacing.md instead", "- { borderRadius: 8 } → hardcoded pixel, use theme.borderRadius.lg instead");
-		else base.push("", "VIOLATION EXAMPLES (DO NOT DO THIS):", "- bg-green-500/10 text-green-700 → raw colors, not from design tokens", "- border-red-600/30 → raw color, not from design tokens", "- Instead use semantic classes like bg-destructive, text-destructive-foreground, bg-accent, etc.");
-		return base.join("\n");
-	}
-	/**
-	* Read design tokens from config.themePath.
-	* For web: extracts Tailwind CSS classes. For native: reads the TypeScript types file.
-	*/
-	async getDesignTokens(platform, config, appPath) {
-		if (!config?.themePath) return `No themePath configured in style-system.config.yaml.`;
-		const themePath = await resolveStyleSystemThemePath({
-			appPath,
-			themePath: config.themePath
-		});
-		if (platform === "native") return `## Unistyles Theme Tokens\n\nUse these tokens via \`StyleSheet.create((theme) => ({...}))\`:\n\n\`\`\`typescript\n${await promises.readFile(themePath, "utf-8")}\n\`\`\``;
-		const toolkitConfig = await getGetCssClassesConfig();
-		const result = await (await this.cssClassesServiceFactory.createService({ customServicePath: toolkitConfig?.customService })).extractClasses("all", themePath);
-		return `## Available CSS Classes (Design Tokens)\n\n${JSON.stringify(result, null, 2)}`;
-	}
-	async findStoriesFile(dir) {
-		for (const pattern of [
-			"*.stories.tsx",
-			"*.stories.ts",
-			"*.stories.jsx",
-			"*.stories.js"
-		]) {
-			const matches = await glob(pattern, {
-				cwd: dir,
-				absolute: true
-			});
-			if (matches.length > 0) return matches[0];
-		}
-		return null;
-	}
-	/**
-	* Find the app that owns a file, for style-system context.
-	* Only apps declaring their own style-system.config.yaml are eligible.
-	*/
-	async findAppPath(filePath, workspaceRoot) {
-		const parts = path.relative(workspaceRoot, filePath).split(path.sep);
-		if (parts[0] === "apps" && parts.length > 1) {
-			const appPath = path.join(parts[0], parts[1]);
-			if (await hasStyleSystemProjectConfig(appPath)) return appPath;
-			log.debug(`[PolishComponentTool] ${appPath} has no style-system config`);
-		}
-		const appsDir = path.join(workspaceRoot, "apps");
-		let candidates;
-		try {
-			candidates = (await promises.readdir(appsDir, { withFileTypes: true })).filter((entry) => entry.isDirectory() && entry.name.endsWith("-app")).map((entry) => entry.name).sort();
-		} catch (error) {
-			log.debug(`[PolishComponentTool] Could not scan apps dir: ${error instanceof Error ? error.message : String(error)}`);
-			return null;
-		}
-		for (const name of candidates) {
-			const appPath = `apps/${name}`;
-			if (await hasStyleSystemProjectConfig(appPath)) return appPath;
-			log.debug(`[PolishComponentTool] ${appPath} has no style-system config`);
-		}
-		return null;
-	}
-	async getComponentVisual(componentName, appPath) {
-		return { imagePath: (await this.getUiComponentService.getComponent({
-			componentName,
-			appPath,
-			darkMode: true
-		})).imagePath };
-	}
-	async getDesignPrinciples(appPath) {
-		const workspaceRoot = TemplatesManagerService.getWorkspaceRootSync();
-		const product = path.basename(appPath).replace(/-app$|-native-app$|-mcp-app$|-e2e$/, "");
-		const principlesDir = path.join(workspaceRoot, "docs", "architecture", product, "design-principles");
-		const results = [];
-		try {
-			const files = await promises.readdir(principlesDir);
-			for (const file of files) {
-				if (!file.endsWith(".yaml")) continue;
-				try {
-					const content = await promises.readFile(path.join(principlesDir, file), "utf-8");
-					const parsed = yaml.load(content);
-					const variant = file.replace(".yaml", "");
-					results.push({
-						variant,
-						content: parsed
-					});
-				} catch (error) {
-					log.debug(`[PolishComponentTool] Skipping unreadable design principle ${file}: ${error instanceof Error ? error.message : String(error)}`);
-				}
-			}
-		} catch (error) {
-			log.debug(`[PolishComponentTool] No design principles at ${principlesDir}: ${error instanceof Error ? error.message : String(error)}`);
-		}
-		return results;
-	}
-	async getSharedComponents() {
-		const storiesIndex = this.storiesIndexFactory();
-		const [, defaultTags] = await Promise.all([storiesIndex.initialize(), getSharedComponentTags()]);
-		return storiesIndex.getComponentsByTags(defaultTags.length > 0 ? defaultTags : void 0).map((c) => c.title.split("/").pop() || c.title).filter((name, index, self) => self.indexOf(name) === index).sort().map((n) => `- ${n}`).join("\n");
-	}
-};
-PolishComponentTool = _PolishComponentTool = __decorate([
-	injectable(),
-	__decorateParam(0, inject(STYLE_SYSTEM_TYPES.GetUiComponentService)),
-	__decorateParam(1, inject(STYLE_SYSTEM_TYPES.CSSClassesServiceFactory)),
-	__decorateParam(2, inject(STYLE_SYSTEM_TYPES.StoriesIndexFactory)),
-	__decorateMetadata("design:paramtypes", [
-		typeof GetUiComponentService === "undefined" ? Object : GetUiComponentService,
-		typeof CSSClassesServiceFactory === "undefined" ? Object : CSSClassesServiceFactory,
-		Object
-	])
-], PolishComponentTool);
-//#endregion
 //#region src/container/module.ts
 function createStyleSystemModule(optionsInput = {}) {
 	return new ContainerModule((options) => {
+		options.bind(STYLE_SYSTEM_TYPES.WorkspaceRoot).toConstantValue(optionsInput.workspaceRoot);
 		options.bind(STYLE_SYSTEM_TYPES.StyleSystemConfigLoader).to(StyleSystemConfigLoader).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.DefaultThemePath).toConstantValue(optionsInput.defaultThemePath);
 		options.bind(STYLE_SYSTEM_TYPES.GetUiComponentServiceConfig).toConstantValue(DEFAULT_GET_UI_COMPONENT_CONFIG);
 		options.bind(STYLE_SYSTEM_TYPES.AppComponentsServiceConfig).toConstantValue(DEFAULT_APP_COMPONENTS_CONFIG);
 		options.bind(STYLE_SYSTEM_TYPES.ThemeServiceFactory).to(ThemeServiceFactory).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.CSSClassesServiceFactory).to(CSSClassesServiceFactory).inSingletonScope();
-		options.bind(STYLE_SYSTEM_TYPES.StoriesIndexService).to(StoriesIndexService).inTransientScope();
+		options.bind(STYLE_SYSTEM_TYPES.StoriesIndexService).toDynamicValue(() => new StoriesIndexService({ workspaceRoot: optionsInput.workspaceRoot }));
 		options.bind(STYLE_SYSTEM_TYPES.AppComponentsService).to(AppComponentsService).inTransientScope();
 		options.bind(STYLE_SYSTEM_TYPES.GetUiComponentService).to(GetUiComponentService).inSingletonScope();
-		options.bind(STYLE_SYSTEM_TYPES.StoriesIndexFactory).toConstantValue(() => new StoriesIndexService());
-		options.bind(STYLE_SYSTEM_TYPES.RendererFactory).toConstantValue((config, appPath) => new ComponentRendererService(config, appPath));
+		options.bind(STYLE_SYSTEM_TYPES.StoriesIndexFactory).toConstantValue(() => new StoriesIndexService({ workspaceRoot: optionsInput.workspaceRoot }));
+		options.bind(STYLE_SYSTEM_TYPES.RendererFactory).toConstantValue((config, appPath) => new ComponentRendererService(config, appPath, {
+			workspaceRoot: optionsInput.workspaceRoot,
+			temporaryDirectory: optionsInput.temporaryDirectory,
+			sharedBrowser: optionsInput.sharedBrowser,
+			...optionsInput.bundlerFactory ? { bundlerFactory: () => optionsInput.bundlerFactory(config) } : {}
+		}));
 		options.bind(STYLE_SYSTEM_TYPES.ListThemesTool).to(ListThemesTool).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.GetCSSClassesTool).to(GetCSSClassesTool).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.GetComponentVisualTool).to(GetComponentVisualTool).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.ListSharedComponentsTool).to(ListSharedComponentsTool).inSingletonScope();
 		options.bind(STYLE_SYSTEM_TYPES.ListAppComponentsTool).to(ListAppComponentsTool).inSingletonScope();
-		options.bind(STYLE_SYSTEM_TYPES.PolishComponentTool).to(PolishComponentTool).inSingletonScope();
 	});
 }
 //#endregion
@@ -4968,7 +4733,7 @@ function createContainer(options) {
 }
 //#endregion
 //#region package.json
-var version = "0.2.14-alpha.2";
+var version = "0.2.14-alpha.21";
 //#endregion
 //#region src/metadata.ts
 const STYLE_SYSTEM_CLI_NAME = "style-system";
@@ -5002,7 +4767,6 @@ function createServer(containerOrThemePath) {
 	const getComponentVisualTool = container.get(STYLE_SYSTEM_TYPES.GetComponentVisualTool);
 	const listSharedComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListSharedComponentsTool);
 	const listAppComponentsTool = container.get(STYLE_SYSTEM_TYPES.ListAppComponentsTool);
-	const polishComponentTool = container.get(STYLE_SYSTEM_TYPES.PolishComponentTool);
 	server.setRequestHandler("tools/list", async () => {
 		return { tools: [
 			withCapabilities(listThemesTool.getDefinition(), [
@@ -5030,12 +4794,6 @@ function createServer(containerOrThemePath) {
 				"components",
 				"app-components",
 				"component-discovery"
-			]),
-			withCapabilities(polishComponentTool.getDefinition(), [
-				"components",
-				"design-review",
-				"polish",
-				"antigravity"
 			])
 		].map((tool) => {
 			if (tool.inputSchema.type !== "object") throw new Error(`Invalid schema for ${tool.name}`);
@@ -5052,8 +4810,7 @@ function createServer(containerOrThemePath) {
 			getCSSClassesTool,
 			getComponentVisualTool,
 			listSharedComponentsTool,
-			listAppComponentsTool,
-			polishComponentTool
+			listAppComponentsTool
 		].find((candidate) => candidate.getDefinition().name === name);
 		if (!tool) return {
 			content: [{
@@ -5240,4 +4997,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, 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 };
+export { resolveStyleSystemThemePath as A, STYLE_SYSTEM_TYPES as B, launchBrowserWithFallback as C, resetStyleSystemConfigCache as D, hasStyleSystemProjectConfig as E, TailwindCSSClassesService as F, BaseCSSClassesService as I, TemplatesManagerService as L, StoriesIndexService as M, CSSClassesServiceFactory as N, resolveAppDesignSystemConfig as O, DEFAULT_STYLE_SYSTEM_CONFIG as P, isContained as R, BaseBundlerService as S, getSharedComponentTags as T, createDefaultBundlerService as _, STYLE_SYSTEM_CLI_NAME as a, ViteReactNativeBundlerService as b, createStyleSystemModule as c, GetComponentVisualTool as d, GetCSSClassesTool as f, ThemeService as g, ComponentRendererService as h, createServer as i, MAX_STYLE_SYSTEM_VIEWPORT_DIMENSION as j, StyleSystemConfigLoader as k, ListAppComponentsTool as l, GetUiComponentService as m, extractCustomTokenNames as n, STYLE_SYSTEM_VERSION as o, ListThemesTool as p, generateRestrictedClassesConfig as r, createContainer as s, StdioTransportHandler as t, ListSharedComponentsTool as u, getBundlerService as v, getAppDesignSystemConfig as w, ViteReactBundlerService as x, getBundlerServiceFromConfig as y, log as z };