@atomixstudio/mcp 0.1.1 → 1.0.0

package/scripts/sync-component-tokens.cjs

@@ -1,974 +0,0 @@
-#!/usr/bin/env node
-/**
- * Sync Component Tokens from Atomix Lab
- * 
- * FUTURE-PROOF DYNAMIC VERSION
- * 
- * This script reads component-defaults.ts and COMPONENT_MANIFEST from atomix-lab
- * and generates component-tokens.ts for the MCP server.
- * 
- * Features:
- * - Auto-discovers components from COMPONENT_DEFAULTS
- * - Extracts variants/sizes dynamically (no hardcoding)
- * - Uses token-map.json for semantic key → MCP path transformation
- * - Validates all token references
- * - Supports multi-tenant via ATOMIX_TENANT_ID env var
- * 
- * Usage:
- *   node scripts/sync-component-tokens.cjs
- *   ATOMIX_TENANT_ID=acme-corp node scripts/sync-component-tokens.cjs
- * 
- * Called automatically by:
- *   - npm run sync (in atomix-mcp)
- *   - npm run build (in atomix package)
- */
-
-const fs = require("fs");
-const path = require("path");
-
-// ============================================
-// CONFIGURATION
-// ============================================
-
-const CONFIG = {
-  tenantId: process.env.ATOMIX_TENANT_ID || "default",
-  cloudApiUrl: process.env.ATOMIX_CLOUD_API || null,
-};
-
-// Paths
-const LAB_DEFAULTS_PATH = path.join(__dirname, "../../../apps/atomix-lab/src/config/component-defaults.ts");
-const LAB_TENANT_OVERRIDES_PATH = path.join(__dirname, "../../../apps/atomix-lab/src/config/tenants");
-const TOKEN_MAP_PATH = path.join(__dirname, "../../atomix/dist/token-map.json");
-const MCP_TOKENS_PATH = path.join(__dirname, "../src/component-tokens.ts");
-const MCP_TENANT_DATA_PATH = path.join(__dirname, "../data/tenants");
-const SNAPSHOT_PATH = path.join(__dirname, "../data/component-tokens-snapshot.json");
-
-// ============================================
-// TOKEN MAP LOADING
-// ============================================
-
-let tokenMap = null;
-
-function loadTokenMap() {
-  if (tokenMap) return tokenMap;
-  
-  try {
-    if (fs.existsSync(TOKEN_MAP_PATH)) {
-      tokenMap = JSON.parse(fs.readFileSync(TOKEN_MAP_PATH, "utf-8"));
-      console.log(`  Loaded token-map.json (${tokenMap.tokenCount} tokens)`);
-    } else {
-      console.warn("  Warning: token-map.json not found. Run 'npm run build' in packages/atomix first.");
-      tokenMap = { tokens: {}, semanticKeys: {} };
-    }
-  } catch (error) {
-    console.warn("  Warning: Failed to parse token-map.json:", error.message);
-    tokenMap = { tokens: {}, semanticKeys: {} };
-  }
-  
-  return tokenMap;
-}
-
-// ============================================
-// SEMANTIC KEY TRANSFORMER
-// ============================================
-
-/**
- * Transforms semantic keys (like "action-primary", "bg-surface") to MCP paths.
- * Uses token-map.json for validation and path lookup.
- */
-function semanticToMCPPath(semanticKey) {
-  const map = loadTokenMap();
-  
-  // Direct mappings for common semantic keys
-  const directMappings = {
-    // Action colors
-    "action-primary": "colors.modes.{mode}.actionPrimary",
-    "action-primary-hover": "colors.modes.{mode}.actionPrimaryHover",
-    "action-secondary": "colors.modes.{mode}.actionSecondary",
-    "action-secondary-hover": "colors.modes.{mode}.actionSecondaryHover",
-    "action-destructive": "colors.modes.{mode}.actionDestructive",
-    "action-destructive-hover": "colors.modes.{mode}.actionDestructiveHover",
-    
-    // Backgrounds
-    "bg-page": "colors.modes.{mode}.bgPage",
-    "bg-surface": "colors.modes.{mode}.bgSurface",
-    "bg-muted": "colors.modes.{mode}.bgMuted",
-    "bg-subtle": "colors.modes.{mode}.bgSubtle",
-    "bg-elevated": "colors.modes.{mode}.bgElevated",
-    
-    // Text
-    "text-primary": "colors.modes.{mode}.textPrimary",
-    "text-secondary": "colors.modes.{mode}.textSecondary",
-    "text-muted": "colors.modes.{mode}.textMuted",
-    "text-disabled": "colors.modes.{mode}.textDisabled",
-    "text-on-brand": "colors.modes.{mode}.textOnBrand",
-    
-    // Borders
-    "border-primary": "colors.modes.{mode}.borderPrimary",
-    "border-secondary": "colors.modes.{mode}.borderSecondary",
-    "border-strong": "colors.modes.{mode}.borderStrong",
-    "border-transparent": "transparent",
-    "border-error": "colors.adaptive.error.{mode}.border",
-    "border-success": "colors.adaptive.success.{mode}.border",
-    
-    // On colors (for indicators)
-    "on-action-primary": "colors.static.white",
-    "on-action-secondary": "colors.modes.{mode}.textPrimary",
-    "on-action-destructive": "colors.static.white",
-    "on-bg-primary": "colors.modes.{mode}.onBgPrimary",
-    "on-bg-secondary": "colors.modes.{mode}.onBgSecondary",
-    
-    // Brand
-    "brand-primary": "colors.static.brand.primary",
-    "text-brand": "colors.static.brand.primary",
-    "text-brand-secondary": "colors.static.brandSecondary.primary",
-    
-    // Feedback text
-    "text-error": "colors.adaptive.error.{mode}.text",
-    "text-success": "colors.adaptive.success.{mode}.text",
-    "text-warning": "colors.adaptive.warning.{mode}.text",
-    "text-info": "colors.adaptive.info.{mode}.text",
-    
-    // Special
-    "transparent": "transparent",
-    "none": "none",
-  };
-  
-  // Check direct mapping first
-  if (directMappings[semanticKey]) {
-    return directMappings[semanticKey];
-  }
-  
-  // Check if it's in the token map's semantic keys
-  if (map.semanticKeys && map.semanticKeys[semanticKey]) {
-    return map.semanticKeys[semanticKey].mcpPath;
-  }
-  
-  // Try to construct from key pattern
-  const kebabToCamel = (s) => s.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-  
-  // Check if it matches a mode color pattern
-  const camelKey = kebabToCamel(semanticKey);
-  const lightPath = `colors.modes.light.${camelKey}`;
-  if (map.tokens && map.tokens[lightPath]) {
-    return `colors.modes.{mode}.${camelKey}`;
-  }
-  
-  // Return as-is (might be a non-color token like spacing key)
-  return semanticKey;
-}
-
-// ============================================
-// DYNAMIC COMPONENT PARSING
-// ============================================
-
-/**
- * Auto-discover components from COMPONENT_DEFAULTS export
- */
-function discoverComponents(content) {
-  const components = [];
-  
-  // Find COMPONENT_DEFAULTS export
-  const defaultsMatch = content.match(
-    /export const COMPONENT_DEFAULTS\s*=\s*\{([\s\S]*?)\}\s*as const/
-  );
-  
-  if (!defaultsMatch) {
-    console.error("  Error: Could not find COMPONENT_DEFAULTS export");
-    return components;
-  }
-  
-  // Extract component names dynamically
-  const componentRegex = /(\w+):\s*(\w+)_DEFAULTS/g;
-  let match;
-  while ((match = componentRegex.exec(defaultsMatch[1])) !== null) {
-    components.push({
-      key: match[1],           // e.g., "button"
-      defaultsName: match[2],  // e.g., "BUTTON"
-    });
-  }
-  
-  console.log(`  Found ${components.length} components: ${components.map(c => c.key).join(", ")}`);
-  
-  return components;
-}
-
-/**
- * Parse COMPONENT_MANIFEST for metadata
- */
-function parseManifest(content) {
-  const manifest = {};
-  
-  // Find COMPONENT_MANIFEST export
-  const manifestMatch = content.match(
-    /export const COMPONENT_MANIFEST[^=]*=\s*\{([\s\S]*?)\n\};/
-  );
-  
-  if (!manifestMatch) {
-    console.log("  No COMPONENT_MANIFEST found, using auto-generated metadata");
-    return manifest;
-  }
-  
-  // Parse each component entry
-  const entryRegex = /(\w+):\s*\{([^}]+(?:\{[^}]*\}[^}]*)*)\}/g;
-  let match;
-  while ((match = entryRegex.exec(manifestMatch[1])) !== null) {
-    const key = match[1];
-    const body = match[2];
-    
-    // Extract fields
-    const description = body.match(/description:\s*"([^"]+)"/)?.[1] || `${key} component`;
-    const mcpName = body.match(/mcpName:\s*"([^"]+)"/)?.[1] || key;
-    const tenantOverridable = body.includes("tenantOverridable: true");
-    
-    // Extract arrays
-    const lockedTokens = extractArray(body, "lockedTokens");
-    const requiredVariants = extractArray(body, "requiredVariants");
-    
-    manifest[key] = {
-      description,
-      mcpName,
-      tenantOverridable,
-      lockedTokens,
-      requiredVariants,
-    };
-  }
-  
-  console.log(`  Parsed manifest for ${Object.keys(manifest).length} components`);
-  
-  return manifest;
-}
-
-function extractArray(text, propName) {
-  const match = text.match(new RegExp(`${propName}:\\s*\\[([^\\]]*)]`));
-  if (!match) return [];
-  
-  const items = [];
-  const itemRegex = /"([^"]+)"/g;
-  let itemMatch;
-  while ((itemMatch = itemRegex.exec(match[1])) !== null) {
-    items.push(itemMatch[1]);
-  }
-  return items;
-}
-
-/**
- * Extract the raw defaults block for a component
- */
-function extractDefaultsBlock(content, defaultsName) {
-  const regex = new RegExp(
-    `export const ${defaultsName}_DEFAULTS[^=]*=\\s*(\\{[\\s\\S]*?\\n\\});`,
-    "m"
-  );
-  const match = content.match(regex);
-  return match ? match[1] : null;
-}
-
-/**
- * Extract object keys from a nested property (variants, sizes, etc.)
- */
-function extractObjectKeys(block, propName) {
-  // Find the property block - handle nested braces
-  const propRegex = new RegExp(`${propName}:\\s*\\{`, "g");
-  const match = propRegex.exec(block);
-  if (!match) return [];
-  
-  // Find matching closing brace
-  let depth = 1;
-  let i = match.index + match[0].length;
-  const start = i;
-  
-  while (i < block.length && depth > 0) {
-    if (block[i] === "{") depth++;
-    if (block[i] === "}") depth--;
-    i++;
-  }
-  
-  const propBody = block.slice(start, i - 1);
-  
-  // Extract top-level keys
-  const keys = [];
-  const keyRegex = /^\s*["']?([\w-]+)["']?\s*:\s*\{/gm;
-  let keyMatch;
-  while ((keyMatch = keyRegex.exec(propBody)) !== null) {
-    keys.push(keyMatch[1]);
-  }
-  
-  return keys;
-}
-
-/**
- * Extract property values from a variant/size block
- */
-function extractPropertyValues(block, variantKey) {
-  const props = {};
-  
-  // Find the variant/size block
-  const variantRegex = new RegExp(`["']?${variantKey}["']?:\\s*\\{([\\s\\S]*?)\\n    \\}`, "m");
-  const match = block.match(variantRegex);
-  if (!match) return props;
-  
-  const body = match[1];
-  
-  // Extract simple string properties
-  const stringPropRegex = /(\w+):\s*"([^"]+)"/g;
-  let propMatch;
-  while ((propMatch = stringPropRegex.exec(body)) !== null) {
-    props[propMatch[1]] = propMatch[2];
-  }
-  
-  // Extract boolean properties
-  const boolPropRegex = /(\w+):\s*(true|false)/g;
-  while ((propMatch = boolPropRegex.exec(body)) !== null) {
-    props[propMatch[1]] = propMatch[2] === "true";
-  }
-  
-  return props;
-}
-
-// ============================================
-// MCP TOKEN GENERATION
-// ============================================
-
-/**
- * Generate MCP component tokens from parsed data
- */
-function generateMCPTokens(components, manifest, content) {
-  const output = {};
-  
-  for (const comp of components) {
-    const block = extractDefaultsBlock(content, comp.defaultsName);
-    if (!block) {
-      console.warn(`  Warning: Could not find ${comp.defaultsName}_DEFAULTS block`);
-      continue;
-    }
-    
-    const variants = extractObjectKeys(block, "variants");
-    const sizes = extractObjectKeys(block, "sizes");
-    const states = extractObjectKeys(block, "states");
-    const validation = extractObjectKeys(block, "validation");
-    
-    const meta = manifest[comp.key] || { description: `${comp.key} component`, mcpName: comp.key };
-    const mcpKey = meta.mcpName || comp.key;
-    
-    // Build variant tokens
-    const variantTokens = {};
-    const variantKeys = variants.length > 0 ? variants : (states.length > 0 ? states : validation);
-    
-    for (const variantKey of variantKeys) {
-      const props = extractPropertyValues(block, variantKey);
-      const tokens = {};
-      
-      for (const [propKey, propValue] of Object.entries(props)) {
-        if (typeof propValue === "string" && !propValue.includes("{")) {
-          tokens[propKey] = semanticToMCPPath(propValue);
-        }
-      }
-      
-      if (Object.keys(tokens).length > 0) {
-        variantTokens[variantKey] = {
-          description: `${variantKey} variant`,
-          tokens,
-        };
-      }
-    }
-    
-    // Build size tokens
-    const sizeTokens = {};
-    for (const sizeKey of sizes) {
-      const props = extractPropertyValues(block, sizeKey);
-      const tokens = {};
-      
-      for (const [propKey, propValue] of Object.entries(props)) {
-        if (typeof propValue === "string") {
-          // Map spacing/radius keys to paths
-          if (["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"].includes(propValue)) {
-            if (propKey.includes("padding") || propKey.includes("gap")) {
-              tokens[propKey] = `spacing.scale.${propValue}`;
-            } else if (propKey.includes("Radius") || propKey.includes("borderRadius")) {
-              tokens[propKey] = `radius.scale.${propValue}`;
-            } else {
-              tokens[propKey] = propValue;
-            }
-          } else if (propValue.includes("-") && (propValue.startsWith("text-") || propValue.startsWith("title-") || propValue.startsWith("label-"))) {
-            // TypeSet reference
-            tokens[propKey] = `typography.typeSets.${propValue}`;
-          } else {
-            tokens[propKey] = propValue;
-          }
-        }
-      }
-      
-      if (Object.keys(tokens).length > 0) {
-        sizeTokens[sizeKey] = { tokens };
-      }
-    }
-    
-    // Build component output
-    output[mcpKey] = {
-      description: meta.description,
-    };
-    
-    if (Object.keys(variantTokens).length > 0) {
-      output[mcpKey].variants = variantTokens;
-    }
-    
-    if (Object.keys(sizeTokens).length > 0) {
-      output[mcpKey].sizes = sizeTokens;
-    }
-    
-    // Add shared tokens (global properties)
-    const sharedTokens = {};
-    const globalProps = ["fontFamily", "titleFontFamily", "bodyFontFamily"];
-    for (const prop of globalProps) {
-      const match = block.match(new RegExp(`${prop}:\\s*"([^"]+)"`));
-      if (match) {
-        sharedTokens[prop] = `typography.fontFamily.${match[1]}`;
-      }
-    }
-    
-    if (Object.keys(sharedTokens).length > 0) {
-      output[mcpKey].shared = sharedTokens;
-    }
-  }
-  
-  // Handle selectionControls split into checkbox, radio, toggle
-  if (output.selectionControls) {
-    const base = output.selectionControls;
-    
-    if (base.variants) {
-      // Create individual control components
-      for (const controlType of ["checkbox", "radio", "toggle"]) {
-        if (base.variants[controlType]) {
-          output[controlType] = {
-            description: `${controlType.charAt(0).toUpperCase() + controlType.slice(1)} selection control`,
-            variants: {
-              default: base.variants[controlType],
-            },
-            sizes: base.sizes,
-            shared: {
-              transitionDuration: "motion.duration.fast",
-              focusRing: "shadows.focus.ring",
-            },
-          };
-        }
-      }
-    }
-    
-    // Keep selectionControls as an alias
-  }
-  
-  return output;
-}
-
-// ============================================
-// TENANT OVERRIDES LOADING
-// ============================================
-
-/**
- * Load tenant overrides from the Lab's TypeScript files.
- * Parses the TENANT_*_OVERRIDES exports from tenants/[id]/overrides.ts
- */
-function loadTenantOverrides(tenantId) {
-  const overrides = {
-    button: { variants: {}, borders: {} },
-    card: { variants: {} },
-    input: { variants: {} },
-    heading: { variants: {} },
-  };
-  
-  const tenantOverridesPath = path.join(LAB_TENANT_OVERRIDES_PATH, tenantId, "overrides.ts");
-  
-  if (!fs.existsSync(tenantOverridesPath)) {
-    console.log(`  No tenant overrides found for ${tenantId}`);
-    return overrides;
-  }
-  
-  try {
-    const content = fs.readFileSync(tenantOverridesPath, "utf-8");
-    
-    // Parse TENANT_BUTTON_OVERRIDES
-    const buttonMatch = content.match(/TENANT_BUTTON_OVERRIDES[^=]*=\s*\{([\s\S]*?)\n\};/);
-    if (buttonMatch) {
-      const variantsMatch = buttonMatch[1].match(/variants:\s*\{([\s\S]*?)\n  \}/);
-      if (variantsMatch) {
-        const variantKeys = extractVariantKeys(variantsMatch[1]);
-        for (const key of variantKeys) {
-          const props = extractPropertyValues(buttonMatch[1], key);
-          if (Object.keys(props).length > 0) {
-            overrides.button.variants[key] = props;
-          }
-        }
-      }
-    }
-    
-    // Parse TENANT_CARD_OVERRIDES
-    const cardMatch = content.match(/TENANT_CARD_OVERRIDES[^=]*=\s*\{([\s\S]*?)\n\};/);
-    if (cardMatch) {
-      const variantsMatch = cardMatch[1].match(/variants:\s*\{([\s\S]*?)\n  \}/);
-      if (variantsMatch) {
-        const variantKeys = extractVariantKeys(variantsMatch[1]);
-        for (const key of variantKeys) {
-          const props = extractPropertyValues(cardMatch[1], key);
-          if (Object.keys(props).length > 0) {
-            overrides.card.variants[key] = props;
-          }
-        }
-      }
-    }
-    
-    const variantCount = Object.keys(overrides.button.variants).length + 
-                         Object.keys(overrides.card.variants).length;
-    if (variantCount > 0) {
-      console.log(`  Loaded ${variantCount} tenant variant overrides for ${tenantId}`);
-    }
-    
-    return overrides;
-  } catch (error) {
-    console.warn(`  Warning: Failed to parse tenant overrides for ${tenantId}:`, error.message);
-    return overrides;
-  }
-}
-
-/**
- * Extract variant keys from a variants block
- */
-function extractVariantKeys(block) {
-  const keys = [];
-  const keyRegex = /^\s*["']?([\w-]+)["']?\s*:\s*\{/gm;
-  let match;
-  while ((match = keyRegex.exec(block)) !== null) {
-    // Skip empty objects or comments
-    if (match[1] && !match[1].startsWith("//")) {
-      keys.push(match[1]);
-    }
-  }
-  return keys;
-}
-
-/**
- * Merge tenant overrides into component tokens
- */
-function mergeTenantOverrides(mcpTokens, tenantOverrides) {
-  // Merge button variants
-  for (const [variantKey, variantConfig] of Object.entries(tenantOverrides.button.variants)) {
-    if (!mcpTokens.button) continue;
-    if (!mcpTokens.button.variants) mcpTokens.button.variants = {};
-    
-    mcpTokens.button.variants[variantKey] = {
-      description: `${variantKey} variant (tenant override)`,
-      tokens: transformConfigToTokens(variantConfig, "button"),
-    };
-  }
-  
-  // Merge card variants
-  for (const [variantKey, variantConfig] of Object.entries(tenantOverrides.card.variants)) {
-    if (!mcpTokens.card) continue;
-    if (!mcpTokens.card.variants) mcpTokens.card.variants = {};
-    
-    mcpTokens.card.variants[variantKey] = {
-      description: `${variantKey} variant (tenant override)`,
-      tokens: transformConfigToTokens(variantConfig, "card"),
-    };
-  }
-  
-  return mcpTokens;
-}
-
-/**
- * Transform variant config to MCP token format
- */
-function transformConfigToTokens(config, componentType) {
-  const tokens = {};
-  
-  for (const [key, value] of Object.entries(config)) {
-    if (typeof value === "string") {
-      tokens[key] = semanticToMCPPath(value);
-    } else if (typeof value === "boolean") {
-      // Skip boolean values for MCP tokens
-    }
-  }
-  
-  return tokens;
-}
-
-// ============================================
-// VALIDATION
-// ============================================
-
-function validateTokenReferences(components, tokenMap) {
-  const errors = [];
-  const warnings = [];
-  
-  // This is a simplified validation - in production you'd check each token
-  // against the tokenMap to ensure it exists
-  
-  return { errors, warnings };
-}
-
-// ============================================
-// BREAKING CHANGE DETECTION
-// ============================================
-
-/**
- * Load the previous component tokens snapshot
- */
-function loadPreviousSnapshot() {
-  try {
-    // Ensure data directory exists
-    const dataDir = path.dirname(SNAPSHOT_PATH);
-    if (!fs.existsSync(dataDir)) {
-      fs.mkdirSync(dataDir, { recursive: true });
-    }
-    
-    if (!fs.existsSync(SNAPSHOT_PATH)) {
-      return null;
-    }
-    
-    return JSON.parse(fs.readFileSync(SNAPSHOT_PATH, "utf-8"));
-  } catch (error) {
-    console.warn("  Warning: Could not load previous snapshot:", error.message);
-    return null;
-  }
-}
-
-/**
- * Save current tokens as snapshot for future comparison
- */
-function saveSnapshot(tokens) {
-  try {
-    const dataDir = path.dirname(SNAPSHOT_PATH);
-    if (!fs.existsSync(dataDir)) {
-      fs.mkdirSync(dataDir, { recursive: true });
-    }
-    
-    const snapshot = {
-      version: "1.0.0",
-      timestamp: new Date().toISOString(),
-      tenantId: CONFIG.tenantId,
-      components: tokens,
-    };
-    
-    fs.writeFileSync(SNAPSHOT_PATH, JSON.stringify(snapshot, null, 2), "utf-8");
-  } catch (error) {
-    console.warn("  Warning: Could not save snapshot:", error.message);
-  }
-}
-
-/**
- * Detect breaking changes between old and new tokens
- */
-function detectBreakingChanges(oldTokens, newTokens) {
-  const changes = {
-    removedComponents: [],
-    removedVariants: [],
-    removedSizes: [],
-    renamedComponents: [],
-    addedComponents: [],
-    addedVariants: [],
-    addedSizes: [],
-  };
-  
-  if (!oldTokens) {
-    // First run - no comparison possible
-    return changes;
-  }
-  
-  const oldComponentKeys = Object.keys(oldTokens);
-  const newComponentKeys = Object.keys(newTokens);
-  
-  // Detect removed components
-  for (const key of oldComponentKeys) {
-    if (!newComponentKeys.includes(key)) {
-      changes.removedComponents.push(key);
-    }
-  }
-  
-  // Detect added components
-  for (const key of newComponentKeys) {
-    if (!oldComponentKeys.includes(key)) {
-      changes.addedComponents.push(key);
-    }
-  }
-  
-  // Detect removed/added variants and sizes
-  for (const key of newComponentKeys) {
-    if (!oldTokens[key]) continue;
-    
-    const oldComp = oldTokens[key];
-    const newComp = newTokens[key];
-    
-    // Check variants
-    if (oldComp.variants && newComp.variants) {
-      const oldVariants = Object.keys(oldComp.variants);
-      const newVariants = Object.keys(newComp.variants);
-      
-      for (const v of oldVariants) {
-        if (!newVariants.includes(v)) {
-          changes.removedVariants.push({ component: key, variant: v });
-        }
-      }
-      
-      for (const v of newVariants) {
-        if (!oldVariants.includes(v)) {
-          changes.addedVariants.push({ component: key, variant: v });
-        }
-      }
-    }
-    
-    // Check sizes
-    if (oldComp.sizes && newComp.sizes) {
-      const oldSizes = Object.keys(oldComp.sizes);
-      const newSizes = Object.keys(newComp.sizes);
-      
-      for (const s of oldSizes) {
-        if (!newSizes.includes(s)) {
-          changes.removedSizes.push({ component: key, size: s });
-        }
-      }
-      
-      for (const s of newSizes) {
-        if (!oldSizes.includes(s)) {
-          changes.addedSizes.push({ component: key, size: s });
-        }
-      }
-    }
-  }
-  
-  return changes;
-}
-
-/**
- * Report breaking changes with clear warnings
- */
-function reportBreakingChanges(changes) {
-  const hasBreaking = changes.removedComponents.length > 0 ||
-                       changes.removedVariants.length > 0 ||
-                       changes.removedSizes.length > 0;
-  
-  const hasAdditions = changes.addedComponents.length > 0 ||
-                       changes.addedVariants.length > 0 ||
-                       changes.addedSizes.length > 0;
-  
-  if (!hasBreaking && !hasAdditions) {
-    return;
-  }
-  
-  console.log("");
-  
-  // Report breaking changes (removals)
-  if (hasBreaking) {
-    console.log("\x1b[33m  ⚠ BREAKING CHANGES DETECTED:\x1b[0m");
-    
-    if (changes.removedComponents.length > 0) {
-      console.log("\x1b[31m    Removed components:\x1b[0m");
-      for (const comp of changes.removedComponents) {
-        console.log(`      - ${comp}`);
-        console.log(`        \x1b[2mCode using <${comp.charAt(0).toUpperCase() + comp.slice(1)} /> will break\x1b[0m`);
-      }
-    }
-    
-    if (changes.removedVariants.length > 0) {
-      console.log("\x1b[31m    Removed variants:\x1b[0m");
-      for (const { component, variant } of changes.removedVariants) {
-        console.log(`      - ${component}.${variant}`);
-        console.log(`        \x1b[2mCode using variant="${variant}" will break\x1b[0m`);
-      }
-    }
-    
-    if (changes.removedSizes.length > 0) {
-      console.log("\x1b[31m    Removed sizes:\x1b[0m");
-      for (const { component, size } of changes.removedSizes) {
-        console.log(`      - ${component}.${size}`);
-        console.log(`        \x1b[2mCode using size="${size}" will break\x1b[0m`);
-      }
-    }
-    
-    console.log("");
-    console.log("\x1b[33m    Action required: Update consuming code or restore removed items.\x1b[0m");
-  }
-  
-  // Report additions (non-breaking)
-  if (hasAdditions) {
-    console.log("\x1b[32m  ✓ New additions:\x1b[0m");
-    
-    if (changes.addedComponents.length > 0) {
-      console.log(`    Components: ${changes.addedComponents.join(", ")}`);
-    }
-    
-    if (changes.addedVariants.length > 0) {
-      const grouped = {};
-      for (const { component, variant } of changes.addedVariants) {
-        if (!grouped[component]) grouped[component] = [];
-        grouped[component].push(variant);
-      }
-      for (const [comp, variants] of Object.entries(grouped)) {
-        console.log(`    ${comp} variants: ${variants.join(", ")}`);
-      }
-    }
-    
-    if (changes.addedSizes.length > 0) {
-      const grouped = {};
-      for (const { component, size } of changes.addedSizes) {
-        if (!grouped[component]) grouped[component] = [];
-        grouped[component].push(size);
-      }
-      for (const [comp, sizes] of Object.entries(grouped)) {
-        console.log(`    ${comp} sizes: ${sizes.join(", ")}`);
-      }
-    }
-  }
-  
-  console.log("");
-  
-  return hasBreaking;
-}
-
-// ============================================
-// OUTPUT GENERATION
-// ============================================
-
-function generateOutputFile(components, manifest, tenantId) {
-  const timestamp = new Date().toISOString();
-  
-  return `/**
- * Component Token Mappings
- * 
- * AUTO-GENERATED from apps/atomix-lab/src/config/component-defaults.ts
- * DO NOT EDIT MANUALLY - run \`npm run sync\` to regenerate.
- * 
- * Maps each component to its design tokens.
- * This allows AI tools to understand which tokens apply to which components.
- * 
- * Last synced: ${timestamp}
- * Tenant: ${tenantId}
- */
-
-export interface ComponentTokenConfig {
-  description: string;
-  variants?: Record<string, VariantTokens>;
-  sizes?: Record<string, SizeTokens>;
-  shared?: Record<string, string>;
-  cssVariables?: string[];
-  tailwindClasses?: string[];
-}
-
-export interface VariantTokens {
-  description?: string;
-  tokens: Record<string, string>;
-}
-
-export interface SizeTokens {
-  description?: string;
-  tokens: Record<string, string>;
-}
-
-// Multi-tenant ready token store
-export interface MCPTokenStore {
-  version: string;
-  tenantId: string;
-  generatedAt: string;
-  components: Record<string, ComponentTokenConfig>;
-}
-
-export const COMPONENT_TOKENS: Record<string, ComponentTokenConfig> = ${JSON.stringify(components, null, 2)};
-
-// Multi-tenant wrapper (backward compatible)
-export const TOKEN_STORE: MCPTokenStore = {
-  version: "1.0.0",
-  tenantId: "${tenantId}",
-  generatedAt: "${timestamp}",
-  components: COMPONENT_TOKENS,
-};
-`;
-}
-
-// ============================================
-// MAIN
-// ============================================
-
-async function main() {
-  console.log("Syncing component tokens (dynamic parser)...");
-  console.log(`  Tenant: ${CONFIG.tenantId}`);
-  
-  // Future: If cloud API is configured, fetch from there
-  if (CONFIG.cloudApiUrl) {
-    console.log(`  Cloud API: ${CONFIG.cloudApiUrl}`);
-    // TODO: Implement cloud sync
-    // const tenantData = await fetchFromCloud(CONFIG.tenantId);
-    // syncFromCloudData(tenantData);
-    // return;
-  }
-  
-  // Check if source file exists
-  if (!fs.existsSync(LAB_DEFAULTS_PATH)) {
-    console.error(`Error: Could not find ${LAB_DEFAULTS_PATH}`);
-    process.exit(1);
-  }
-  
-  // Load previous snapshot for breaking change detection
-  const previousSnapshot = loadPreviousSnapshot();
-  
-  // Load token map
-  loadTokenMap();
-  
-  // Read and parse component defaults
-  const content = fs.readFileSync(LAB_DEFAULTS_PATH, "utf-8");
-  
-  // Discover components dynamically
-  const components = discoverComponents(content);
-  
-  // Parse manifest for metadata
-  const manifest = parseManifest(content);
-  
-  // Generate MCP tokens from shared defaults
-  let mcpTokens = generateMCPTokens(components, manifest, content);
-  
-  console.log(`  Generated tokens for: ${Object.keys(mcpTokens).join(", ")}`);
-  
-  // Load and merge tenant overrides
-  const tenantOverrides = loadTenantOverrides(CONFIG.tenantId);
-  mcpTokens = mergeTenantOverrides(mcpTokens, tenantOverrides);
-  
-  // Detect breaking changes
-  const oldTokens = previousSnapshot?.components || null;
-  const changes = detectBreakingChanges(oldTokens, mcpTokens);
-  const hasBreaking = reportBreakingChanges(changes);
-  
-  // Validate token references
-  const { errors, warnings } = validateTokenReferences(mcpTokens, tokenMap);
-  
-  if (warnings.length > 0) {
-    console.log("\n  Warnings:");
-    warnings.forEach(w => console.log(`    - ${w}`));
-  }
-  
-  if (errors.length > 0) {
-    console.log("\n  Errors:");
-    errors.forEach(e => console.log(`    - ${e}`));
-    process.exit(1);
-  }
-  
-  // Generate output file
-  const output = generateOutputFile(mcpTokens, manifest, CONFIG.tenantId);
-  
-  // Write output
-  fs.writeFileSync(MCP_TOKENS_PATH, output, "utf-8");
-  console.log(`  ✓ Written to ${MCP_TOKENS_PATH}`);
-  
-  // Save snapshot for future comparison
-  saveSnapshot(mcpTokens);
-  
-  if (hasBreaking) {
-    console.log("\n\x1b[33m  Note: Breaking changes will affect existing code.\x1b[0m");
-    console.log("  Run your test suite to identify affected components.\n");
-  }
-  
-  console.log("\nTo apply changes, rebuild the MCP server:");
-  console.log("  cd packages/atomix-mcp && npm run build");
-}
-
-main().catch((error) => {
-  console.error("Error syncing component tokens:", error);
-  process.exit(1);
-});